摘要:
迭代器模式提供一种方法顺序访问一个聚合对象中各个元素,而又不需要暴露该方法中的内部表示。 jQuery中我们经常会用到一个each函数就是迭代器模式 作用 为遍历不同的集合结构提供一个统一的接口,从而支持同样的算法在不同的集合结构上进行操作 对于集合内部结果常常变化各异,我们不想暴露其内部结构的话, 阅读全文
摘要:
概念 设计模式(Design pattern)是一套被反复使用、思想成熟、经过分类和无数次实战设计经验的总结的。使用设计模式是为了让系统代码可重用、可扩展、可解耦、更容易被人理解且能保证代码的可靠性。设计模式使代码开发真正的工程化;设计模式是软件工程的基石脉络。 是我们迈向高级开发人员必经的一步。 阅读全文
摘要:
事件流 描述的是在页面中接受事物的顺序 接收事物的顺序 事件冒泡 由最具体的元素接收,然后逐级向上传播至最不具体的元素节点(文档) 事件捕获 最不具体的节点接收事件,而最集体的节点应该是最后接收事件 事件处理 HTML事件处理 直接添加到HTML结构中 这种处理方式,存在修改函数名,需要到html中 阅读全文
摘要:
本示例实现了两种单选按钮动画效果,一种是移动,一种是滑块,以下是html布局以及css样式 html:这里使用了label标签的for属性,以此来绑定radio css 阅读全文
摘要:
本示例实现了两种单选按钮动画效果,一种是缩放,一种是旋转,以下是html布局以及css样式 html:这里使用了label标签的for属性,以此来绑定radio css 阅读全文
摘要:
本例中包含两个下拉选择框的动画示例,本例中并未使用select标签。本例中第一个案例也可用于标题、导航栏等位置。 案例一: html布局 整体显示样式 下拉列表样式及动画 使用JavaScript实现点击事件 实现点击事件还需要引用jQuery插件 案例二: 案例二与案例一的html布局相似,只是在 阅读全文
摘要:
transform-style:flat | preserve-3d; 3d透视属性。针对子元素如何在3d空间相对其父元素渲染,这个属性声明在父元素上,并且他的子元素使用了transform才会有效。有两个属性值,一个是flat平面,这也是默认值;一个是preserve-3d当子元素使用transf 阅读全文