摘要：由于Dom方法和ECMAScript方法就好比两个独立的岛屿，两者之间如果过多交互会带来一些性能消耗。我们应当尽量减少两者的交叉使用。例如JS操作Dom1、chrome等webkit浏览器下：Dom方法比innerHTML方法性能要好。2、firefox、IE、opera等浏览器反而是innerHTML比Dom方法性能好。DOM优化方法：减少dom操作1、采用节点克隆方法 - cloneNode2、访问元素集合 - 尽量采用局部变量（把常用到的值存到一个局部变量里面）3、元素节点 - 尽量用只获取元素的节点方法（例如childNodes -> 元素节点、文本节点； children -& 阅读全文

摘要：学习笔记：闭包的概念闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的用途闭包可以用在许多地方。它的最大用处有两个：1、一个是前面提到的可以读取函数内部的变量；2、另一个就是让这些变量的值始终保持在内存中。使用闭包的注意点1、由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局 阅读全文

摘要：Mozilla Firefox 18.0 beta 3版本发布http://www.cnbeta.com/articles/216937.htm改进之处当中有三点让我感兴趣的:支持W3C触摸事件.支持CSS3 Flexbox.开启开发长达1年之久的的新一代JavaScript引擎——IonMonkey下面来长下知识，跟进下现在的浏览器发展对于前端的一个促进趋势。于2010年10月28日，W3C正式成立了WEB EVENTS（事件）工作组。W3C Web Events（事件）工作组成立的目的是发展关于多点触摸事件（相关的装置包含手写板、电子白板或是类似的输入装置），及高级的涵盖触控装置、键盘输入 阅读全文

摘要：通过对日常工作的思考，把遇到过的页面需求抽出来做一些dome，当做练手和实验一些新技术的方式。工作中时常用到的焦点图切换效果，平时都用一些优秀的兼容性比较好的插件来实现居多。今天来根据自己的思路写一个。（还需要后续的完善。。。）html： <div class="scroll_pic"> <ul class="clearfix"> <li><a href=""><img src="images/b_1.jpg" alt=""></ 阅读全文

摘要：Responsive设计最关注的就是宽度：根据用户的使用设备的当前宽度，你的Web页面将加载一个备用的样式，实现特定的页面风格。布局技巧（都是为了保持你的HTML简单干净，在的关键部分（元素）不要过分的依赖现代技巧来实现，比如说css3特效或者js脚本）：丢去了一些对Responsive有影响的细节：尽量少用无关紧要的div不使用内联元素(inline)尽量少用js或flash丢去没用的绝对定位和浮动样式屏弃任何冗余结构和不使用100%设置能帮助Responsive确定更好的布局的内容：使用HTML5 Doctype和相关指南重置好你的样式（reset.css）一个简单的有语义的核心布局给重要 阅读全文