dndrt26442-CSDN博客

转载 css 文档流中块级非替换元素水平区域的计算规则(1)

　　最近在读《Basic Visual Formatting in CSS》，结合以前看的《css权威指南》和css标准。今天就做个笔记。　　以前在遇到一些宽度不明确指明的一些布局的时候，虽然凭感觉能猜出个大概，但是总是有点不是很靠谱。直到最近看到这一本书，觉得总觉得挺好的。　　首先要知道，元素除了通过display来指定block、inline、inline-block这一些属性之...

2016-06-01 17:35:00 111

转载 javascript原生事件总结

　　javascript原生的事件，总结了一下，包括事件流、处理函数、事件对象这几样东西。而在兼容性方面，主要是老牌ie8以及以下和现代浏览器的差异，也就是ie和DOM事件标准的差异。事件流这个事件流ie4和Netscape4提出来的，但是两个公司提出的事件流确实刚好相反的。ie的是事件冒泡，Netscape的是事件捕获。ie会从触发事件的元素一直往上冒泡直到document元素...

2015-03-19 17:25:00 132

转载 jQuery源码分析--Event模块（3）

　　最后剩下了事件的手动触发了。jQuery提供了两个函数trigger和triggerHandler来手动触发事件，可以触发原生事件和自定义的事件。这个触发不单只会触发有jQuery绑定事件，而且也会触发原生的行内绑定事件。trigger和triggerHander的区别是：　　trgger：会对匹配的所有元素都调用jQuery.event.trrger，而且会冒泡，会触发浏览器默认行...

2015-03-16 12:56:00 132

转载 jQuery源码分析--Event模块（2）

接下来就是触发事件了。事件触发后的处理函数的分发主要靠两个函数，一个jQuery.event.dispatch，一个是jQuery.event.handlers。这个dispatch会调用handlers，而handlers会返回一个数组，这个数组是符合本次事件条件的所有处理函数对象。dispatch只管执行。那这个handlers是如何运作的呢。绑定在一个元素上面的非代理事件是肯定...

2015-03-15 19:14:00 134

转载 jQuery源码分析--Event模块（1）

　　jQuery的Event模块提供了强大的功能：事件代理，自定义事件，自定义数据等。今天记录一下它实现的原理。　　我们都知道，在js的原生事件中，有事件对象和回调函数这两样东西。但是事件对象是只读的，所以jQuery就用了自己的Event对象替代了原生的事件对象，这样就可以实现对事件对象的完全控制，所以才能实现自定义数据。而回调函数的话，每个元素只有一个一样的回调函数，这样方便管理...

2015-03-15 17:14:00 127

转载 javascript数组总结

　　数组是一个有序的集合，javascript数组中的元素的类型可以是任意的，同一个数组不同元素之间的类型也是可以不同的。数组也是对象，有个length属性，记录数组的长度。创建数组有两种方法：　　数组直接量，var arr = [1,2,];这样会创建一个有两个元素的数组。之所以不是3个元素，是因为最后一个逗号是可选的。　　另外一种是调用构造函数：　　 var ar...

2015-03-12 18:05:00 78

转载 javascript模式（2）--模块模式

　　在nodeJs中，可以定义自己的模块，然后通过exports来暴露API。一般是这么写的：模块依赖，私有成员和要暴露的对象。在原生js中也可以有类似的写法来组织自己的代码。可以提供一个松耦合、结构清晰的代码环境。　　声明依赖关系 var myFunction = function(){ // 声明依赖 var even...

2015-03-11 16:51:00 64

转载 javascript模式(1)--私有成员

　　javascript是基于对象的一门语言，没有想java等语言那样子拥有封装的特性。但是javascript可以通过闭包来进行模拟。1、构造函数与私有成员　　可以用构造函数形成一个闭包，实现内部成员的私有化。　　function Person(){ 　　//私有成员　　var country = 'cn'; 　　//特权方法　　this.getCo...

2015-03-10 16:53:00 75

转载 animation CSS3动画总结

　　最近一个小游戏项目用到了CSS3的动画属性，例如transition、transform、animation。经过三个星期，终于做完了，利用周末好好梳理总结一下。keyframes这个属性用来定义一系列关键帧。也就是在动画运行的全过程中的一个个中间点。Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 anima...

2015-02-08 15:31:00 119

转载 CSS 选择器权重计算规则

　　其实，CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式；ID>class>元素。一、样式类型　　1、行间<h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1>　　2、内联<style type="text/css"> ...

2015-01-09 15:05:00 233