04 2017 档案

前端学习之路——scss篇
摘要：一、什么是SASS SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 二、安装和使用 Sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby。在安装的时候，请勾选Add Ruby executable 阅读全文
posted @ 2017-04-26 15:56 莫问、前程 阅读(1532) 评论(0) 推荐(0)
js函数参数理解
摘要：eg： 例子的结果显示的值仍然是“Nicholas",即使在函数内部修改了参数的值，但原始的引用仍然保持未变。实际上，当在函数内部重写obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即销毁。 即可以把ECMAScript函数的参数想象成局部变量。 如下案例同理。 对于数 阅读全文
posted @ 2017-04-25 23:11 莫问、前程 阅读(282) 评论(0) 推荐(0)
js模板块概念
摘要：js模板介绍 https://little-white.gitbooks.io/-js/content/ http://www.ruanyifeng.com/blog/2012/10/javascript_module.html 阅读全文
posted @ 2017-04-25 16:44 莫问、前程 阅读(163) 评论(0) 推荐(0)
调用相机
摘要：<input type="file" accept="image/*;capture=camera"> 阅读全文
posted @ 2017-04-25 15:44 莫问、前程 阅读(137) 评论(0) 推荐(0)
多个单选框选中
摘要：使用一个js代码实现多个单选按钮的选中事件。 阅读全文
posted @ 2017-04-25 15:36 莫问、前程 阅读(978) 评论(0) 推荐(0)
Javascript平稳退化、渐进增强
摘要：平稳退化 ： javascript平稳退化就是如果一个浏览器完全不支持js或者禁用js的时候，它的基本功能不会受到任何影响。比方说一个网站使用了大量javascript来优化页面，我们现在把浏览器的javascript给禁用掉，这个网站的显示效果会变得比较糟，但是基本功能不会受到影响：登录页面可以正 阅读全文
posted @ 2017-04-24 13:48 莫问、前程 阅读(425) 评论(0) 推荐(0)
前端入门--解决问题的一些方法
摘要：做项目过程难免会碰到一些bug、样式等各种各样的问题。下面就写一些个人在碰到问题时的解决思路。 也许你已经熟练掌握，那让我们一起来温习，也许你初入前端尚不知如何调试，希望能给你帮助。 如下解决方法，均以Chrome浏览器为例。 1、页面样式问题 如果要对面页面样式进行微调，打开浏览器的开发者工具，选 阅读全文
posted @ 2017-04-19 19:04 莫问、前程 阅读(576) 评论(0) 推荐(0)
jQuery获取单选框（复选框）选中的状态
摘要：jQuery 获取单选框（复选框）选中的状态 代码中 console 的即为jQuery获取单选框（复选框）选中的状态的方法 （$("xxxx").is(":checked")；$("xxxx").prop("checked")；$("xxxx").get(0).checked;） 这里为何不能通过 阅读全文
posted @ 2017-04-18 17:35 莫问、前程 阅读(15713) 评论(0) 推荐(1)
文字逐个出现效果
摘要：文字一个个出现的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <pre id="showWord"></pre> <div style=" 阅读全文
posted @ 2017-04-17 11:08 莫问、前程 阅读(846) 评论(0) 推荐(0)
input[type="file"]的图片预览
摘要：在项目中遇到用input标签file类型的文件上传，想实在上传之前进行图片的预览功能；之前的做的一个解决方案是文件先上传上去然后返回地址再显示在页面上，这样就不太好，因为用户基本信息可能并没有保存，但是图片却已经改变，如果在需要改变就导致了多余图片的保存服务器。 如下可实现代码预览： 1、直接添加图 阅读全文
posted @ 2017-04-11 14:40 莫问、前程 阅读(297) 评论(0) 推荐(0)
canvas处理图片
摘要：canvas绘制图片的三种方法： drawImage(image, x, y) drawImage(image, x, y, width, height) drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight,destX, dest 阅读全文
posted @ 2017-04-09 00:59 莫问、前程 阅读(930) 评论(0) 推荐(0)
CSS--filter
摘要：CSS3 filter filter: none | <filter-function > [ <filter-function> ] ; 其默认值是none，他不具备继承性，其中filter-function具有以下值可选： grayscale灰度 sepia褐色（求专业指点翻译） saturat 阅读全文
posted @ 2017-04-06 16:27 莫问、前程 阅读(176) 评论(0) 推荐(0)