DOM事件类型详解
摘要：
一、表单事件： 一、表单事件： input事件当<input>、<textarea>的值发生变化时触发。此外，打开contenteditable属性的元素，只要值发生变化，也会触发input事件。input事件的一个特点，就是会连续触发，比如用户每次按下一次按键，就会触发一次input事件。 inp 阅读全文
posted @ 2016-08-13 17:33 SuriFuture 阅读(3626) 评论(1) 推荐(2)
DOM中的事件处理概览与原理的全面剖析
摘要：
事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信，DOM支持大量的事件； 本文通过这几点向大家详细解析事件处理的基本原理：事件类型、事件目标、事件处理程序、事件对象、事件传播 最后再向大家介绍Event对象； （原创文章，转摘请注明：苏福：http://www.cnblogs.com 阅读全文
posted @ 2016-08-13 17:29 SuriFuture 阅读(1558) 评论(0) 推荐(0)
JavaScript实战（带收放动画效果的导航菜单）
摘要：
虽然有很多插件可用，但为了共同提高，我做了一系列JavaScript实战系列的实例，分享给大家，前辈们若有好的建议，请务必指出，免得误人子弟啊！ （ 原创文章，转摘请注明：苏福：http://www.cnblogs.com/susufufu/p/5768402.html ） 今天是第一战：带收放动画 阅读全文
posted @ 2016-08-13 17:14 SuriFuture 阅读(1332) 评论(0) 推荐(0)
（转）高性能JavaScript：加载和运行（动态加载JS代码）
摘要：
浏览器是如何加载JS的 当浏览器遇到一个<script>标签时，浏览器首先根据标签src属性下载JavaScript代码，然后运行JavaScript代码，继而继续解析和翻译页面。如果需要加载的js文件很多很大，则会让人感觉页面加载很慢，影响页面的交互。浏览器在遇到<body>之前，不会渲染页面的任 阅读全文
posted @ 2016-08-12 12:00 SuriFuture 阅读(12089) 评论(0) 推荐(2)
（转）网页性能管理详解
摘要：
一、网页的生成过程：大致可以分成五步。 HTML代码转化成DOM CSS代码转化成CSSOM（CSS Object Model） 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 生成布局（layout），即将所有渲染树的所有节点进行平面合成 将布局绘制（paint）在屏幕上 这五步 阅读全文
posted @ 2016-08-12 11:36 SuriFuture 阅读(435) 评论(0) 推荐(0)
（转）JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）
摘要：
JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce） 函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。 函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个 阅读全文
posted @ 2016-08-11 10:26 SuriFuture 阅读(1350) 评论(0) 推荐(0)
你真的知道setTimeout是如何运行的吗
摘要：
大家看下如下代码，猜猜执行结果： var start = new Date; setTimeout(function(){ console.log('时间流逝了:'+(new Date - start)+'毫秒'); }, 200); while (new Date - start < 1000) 阅读全文
posted @ 2016-08-11 02:07 SuriFuture 阅读(1862) 评论(1) 推荐(0)
用原生JS读写CSS样式的方法总结
摘要：
为了日后方便查询，本人翻阅了一些资料总结了以下方法，仅限原生JS，如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！ 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如：var elm = document.getEl 阅读全文
posted @ 2016-08-08 16:31 SuriFuture 阅读(65208) 评论(3) 推荐(8)
选取文档元素的方法总结
摘要：
在讲解如何选取文档元素之前，先普及一下什么是文档节点： HTML文档的每个节点都表示一个Node对象，节点树形结构的根部是Document节点，代表整个文档，代表HTML元素的节点是Element节点，代表文本的节点是Text节点；Document、Element、Text类都是Node类的子类；（ 阅读全文
posted @ 2016-08-04 22:40 SuriFuture 阅读(1136) 评论(0) 推荐(0)
windows.open()、close()方法详解
摘要：
windows.open()方法详解： window.open(URL,name,features,replace)用于载入指定的URL到新的或已存在的窗口中，并返回代表新窗口的Window对象。它有4个可选的 参数： URL：一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个 阅读全文
posted @ 2016-07-28 11:08 SuriFuture 阅读(6529) 评论(0) 推荐(0)
浙公网安备 33010602011771号