随笔分类 -  前端

FIS-前端工具框架（自动化工具、性能优化、资源压缩、资源合并）
摘要：公司使用FIS来对前端资源进行管理，常用于资源压缩、资源合并、添加版本号（解决缓存问题）等。下面是记录了安装和常用的一些命令。 安装 1.首先安装nodejs，因为FIS使用Node.js开发，以npm包的形式发布。 2.安装fis。在命令行输入：npm install -g fis 3.启动fis 阅读全文
posted @ 2016-03-28 17:16 方晓丹 阅读(836) 评论(0) 推荐(1)
移动端布局 REM
摘要：css单位有3种： px：绝对单位 em：相对父元素的单位 rem：相对根元素（页面的html）的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem： 什么是rem？ rem就是指相对根元素（页面html）的单位。 例如：html设置了font-size为10px，那么1rem 阅读全文
posted @ 2016-03-25 17:13 方晓丹 阅读(2325) 评论(0) 推荐(0)
关于 CommonJS AMD CMD UMD 规范
摘要：CommonJSCommonJs是服务器端模块的规范，Node.js采用了这个规范。根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。例如：// foobar.js //私有变量var test = ... 阅读全文
posted @ 2015-12-02 17:56 方晓丹 阅读(334) 评论(0) 推荐(0)
如何成为一名卓越的前端工程师
摘要：原文出处：Philip Walton译文出处：赵锦江（@勾三股四）译注：本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！最近我收到一封读者来信让我陷入了思考，信是这么写的：Hi Philip，您... 阅读全文
posted @ 2015-12-01 17:54 方晓丹 阅读(206) 评论(0) 推荐(0)
javascript 中 void 0的含义及undefine于void 0区别
摘要：undefined是一个全局属性，表示未定义或定义了没有赋值。void是一个一元运算符，不管传入什么参数都会返回undefined。void操作符是在ECMAScript v1中定义的，而undefined是在ECMAScript v5中定义的。我们知道undefined不是javascript的保... 阅读全文
posted @ 2015-11-02 16:19 方晓丹 阅读(496) 评论(0) 推荐(0)
attachEvent与addEventListener的区别 真实例子
摘要：近日遇到attachEvent与addEventListener两个事件，哟，果断研究一下~~先普及一下基本知识：attachEvent与addEventListener的作用：为某一事件附加其它的处理事件。网上普遍都是说attachEvent用于非Mozilla系列，addEventListene... 阅读全文
posted @ 2015-10-29 18:08 方晓丹 阅读(16876) 评论(0) 推荐(1)
将图片转换成黑白(灰色、置灰)
摘要：网站图片置灰现在已经很常见了，最近上网找了些资料，基本都是用css3 grayscale和grayscale.js，做了测试，发现用CSS或greyscale.js都不能完全兼容。测试浏览器版本：google、firefox、opera、safari、IE7-9css3 grayscale的，网上很... 阅读全文
posted @ 2015-01-29 15:43 方晓丹 阅读(8671) 评论(0) 推荐(2)
前端图片缓存问题
摘要：最近做图片展示需求，发现更换了轮播的图片(名字保留原来相同)，但是仍然加载了旧的图片，因为浏览器存在缓存机制的问题..查找了一些资料，总结出2个步骤：1.在中加入这3句话：表示不要缓存数据2.在图片src路径后面加上随机数，使浏览器认为每次加载的不是同个图片。例子： //在图片路径后... 阅读全文
posted @ 2015-01-28 17:14 方晓丹 阅读(4243) 评论(1) 推荐(0)
html里的<wbr>标签什么意思
摘要：是html5中的新元素。有人翻译成：软换行。html4中表示换行，表示必须换行。而意思是在浏览器窗口或父级窗口宽度足够的情况下，不换行；在宽度不足的情况下，在加了处主动换行。例子：To learn AJAX, you must be familiar with the XMLHttpRequest ... 阅读全文
posted @ 2015-01-26 11:10 方晓丹 阅读(4188) 评论(1) 推荐(0)
给checkbox添加属性 checked=" " 的话，该checkbox会否勾选上
摘要：checkbox中，checked=" ",中间无论是空格还是任何字符，都是默认选上。如果是checked="",则浏览器解析成checked。例子：结果：经测试得出结论：1.不加checked，则默认不勾选2.加checked，则默认勾选3.加checked="",checked=" ",chec... 阅读全文
posted @ 2015-01-26 10:27 方晓丹 阅读(1628) 评论(0) 推荐(0)
onclick与addEventListener的区别
摘要：onclick与addEventListener实际上可分为：Inline events与Event ListenersEvent Listeners (addEventListener and IE's attachEvent)相同点：都是时间监听器。不同点如下：1.使用浏览器的差别addEven... 阅读全文
posted @ 2014-10-20 15:00 方晓丹 阅读(974) 评论(0) 推荐(0)