- 博客(10)
- 收藏
- 关注
转载 css 文档流中块级非替换元素水平区域的计算规则(1)
最近在读《Basic Visual Formatting in CSS》,结合以前看的《css权威指南》和css标准。今天就做个笔记。 以前在遇到一些宽度不明确指明的一些布局的时候,虽然凭感觉能猜出个大概,但是总是有点不是很靠谱。直到最近看到这一本书,觉得总觉得挺好的。 首先要知道,元素除了通过display来指定block、inline、inline-block这一些属性之...
2016-06-01 17:35:00
110
转载 javascript原生事件总结
javascript原生的事件,总结了一下,包括事件流、处理函数、事件对象这几样东西。而在兼容性方面,主要是老牌ie8以及以下和现代浏览器的差异,也就是ie和DOM事件标准的差异。 事件流这个事件流ie4和Netscape4提出来的,但是两个公司提出的事件流确实刚好相反的。ie的是事件冒泡,Netscape的是事件捕获。ie会从触发事件的元素一直往上冒泡直到document元素...
2015-03-19 17:25:00
131
转载 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
133
转载 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
76
转载 javascript模式(2)--模块模式
在nodeJs中,可以定义自己的模块,然后通过exports来暴露API。一般是这么写的:模块依赖,私有成员和要暴露的对象。在原生js中也可以有类似的写法来组织自己的代码。可以提供一个松耦合、结构清晰的代码环境。 声明依赖关系 var myFunction = function(){ // 声明依赖 var even...
2015-03-11 16:51:00
63
转载 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
118
转载 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
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人