摘要：
前言 设备像素比(devicePixelRatio)：设备物理像素与设备独立像素的比值。可以通过window.devicePixelRadio来获取。 设备物理像素：设备能显示的最小单位。 设备独立像素：独立于设备的用于逻辑上衡量像素的单位。 如果设备总是以物理像素来显示内容，可能导致内容太... 阅读全文
摘要：
前言 flexible box即为可伸缩的盒模型，让容器能让其子元素自由改变宽高或顺序，以最佳的方式填充容器。可以让子元素扩展来填满可用空间，缩小来防止溢出。flexible box由伸缩容器和伸缩项目组成。 兼容性：IE10+、firefox、chrome、safari基本术语 下面是一张伸... 阅读全文
摘要：
前言 CSS3的多列布局(multi-column)，主要用来实现文本的多列布局，类似于报刊杂志的排版。之前要实现文字的多列排版是非常麻烦的(手动拆分，绝对定位，JS脚本)，但是有了多列布就显得轻松多了。 兼容性：IE10、firefox、chrome、opera、safari相关属性1、col... 阅读全文
摘要：
$.fn.data、$.fn.attr、$.fn.prop区别$.fn.data、$.fn.attr、$.fn.prop的使用方法都差不多，但是他们的用法不一样。 1 2 3 $.data相关方法介绍1、$.data(oDom/$.fn, key, value)：设置数据2、$.data(oDo... 阅读全文
摘要：
避免全局查找浏览器访问局部变量的速度要比访问全局变量的速度更快，变量在作用域链中一层一层查找需要消耗时间。 1 // 不推荐 2 function fn(){ 3 document.getElementById('id1'); 4 document.getElementByI... 阅读全文
摘要：
字符串转驼峰函数例如：border-left-width -> borderLeftWidth 1 // 一般方法 2 function fnToCamel(str){ 3 var arr = str.split('-'), 4 len... 阅读全文
摘要：
jQuery对浏览器兼容性的处理 jQuery给我们带来的最大好处就是帮我们处理好了浏览器之间的兼容性。jQuery处理兼容性时主要是进行功能检测。$.support中存放了浏览器对各个具有兼容性功能的兼容性，主要在jQuery内部处理。当我开发插件时，也可以直接通过它来判断。$.support检... 阅读全文
摘要：
DOCTYPE什么是doctype？ doctype即文档类型，浏览器会按照声明的文档类型(规则)来解析文档。doctype类型有哪些？ 严格类型：不能使用展示性和弃用的元素(font)，不能使用框架集。 过渡类型：可以使用所有的元素和属性，不能使用框架集。 框架类型：可以使用所有的元素和属... 阅读全文
摘要：
前言 网页中常常会出现一些耗时比较长的操作，如ajax请求服务器数据，这些操作都不能立即得到结果。如果我们需要在这些操作执行完后来进行另外的操作，我们就需要将这些操作放在回调函数中，$.Deferred就是jQuery用来处理回调操作的。jQuery中的$.Deferred对$.Callbacks... 阅读全文
摘要：
前言在js中使用回调函数是很常见的。但是当触发一个事件时需要同时执行多个回调函数时，我们可能就需要一个队列来把这些回调函数存放起来，当事件触发时按照队列的先进先出原则依次调用这些回调函数。在jQuery中就是使用$.Callbacks这个工具方法来管理回掉函数队列的。 1 function fn1(... 阅读全文