SuriFuture - 博客园

DOM事件类型详解

摘要：一、表单事件：一、表单事件： input事件当<input>、<textarea>的值发生变化时触发。此外，打开contenteditable属性的元素，只要值发生变化，也会触发input事件。input事件的一个特点，就是会连续触发，比如用户每次按下一次按键，就会触发一次input事件。 inp 阅读全文

posted @ 2016-08-13 17:33 SuriFuture 阅读(3564) 评论(1) 推荐(2) 编辑

DOM中的事件处理概览与原理的全面剖析

摘要：事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信，DOM支持大量的事件；本文通过这几点向大家详细解析事件处理的基本原理：事件类型、事件目标、事件处理程序、事件对象、事件传播最后再向大家介绍Event对象；（原创文章，转摘请注明：苏福：http://www.cnblogs.com 阅读全文

posted @ 2016-08-13 17:29 SuriFuture 阅读(1518) 评论(0) 推荐(0) 编辑

JavaScript实战（带收放动画效果的导航菜单）

摘要：虽然有很多插件可用，但为了共同提高，我做了一系列JavaScript实战系列的实例，分享给大家，前辈们若有好的建议，请务必指出，免得误人子弟啊！（原创文章，转摘请注明：苏福：http://www.cnblogs.com/susufufu/p/5768402.html ）今天是第一战：带收放动画阅读全文

posted @ 2016-08-13 17:14 SuriFuture 阅读(1299) 评论(0) 推荐(0) 编辑

（转）高性能JavaScript：加载和运行（动态加载JS代码）

摘要：浏览器是如何加载JS的当浏览器遇到一个<script>标签时，浏览器首先根据标签src属性下载JavaScript代码，然后运行JavaScript代码，继而继续解析和翻译页面。如果需要加载的js文件很多很大，则会让人感觉页面加载很慢，影响页面的交互。浏览器在遇到<body>之前，不会渲染页面的任阅读全文

posted @ 2016-08-12 12:00 SuriFuture 阅读(11973) 评论(0) 推荐(2) 编辑

（转）网页性能管理详解

摘要：一、网页的生成过程：大致可以分成五步。 HTML代码转化成DOM CSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制（paint）在屏幕上这五步阅读全文

posted @ 2016-08-12 11:36 SuriFuture 阅读(416) 评论(0) 推荐(0) 编辑

（转）JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）

摘要： JavaScript-性能优化之函数节流（throttle）与函数去抖（debounce）函数节流，简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，才能进行下一次该函数的调用。函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个阅读全文

posted @ 2016-08-11 10:26 SuriFuture 阅读(1321) 评论(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 阅读(1839) 评论(1) 推荐(0) 编辑

用原生JS读写CSS样式的方法总结

摘要：为了日后方便查询，本人翻阅了一些资料总结了以下方法，仅限原生JS，如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式如：var elm = document.getEl 阅读全文

posted @ 2016-08-08 16:31 SuriFuture 阅读(65112) 评论(3) 推荐(8) 编辑

选取文档元素的方法总结

摘要：在讲解如何选取文档元素之前，先普及一下什么是文档节点： HTML文档的每个节点都表示一个Node对象，节点树形结构的根部是Document节点，代表整个文档，代表HTML元素的节点是Element节点，代表文本的节点是Text节点；Document、Element、Text类都是Node类的子类；（阅读全文

posted @ 2016-08-04 22:40 SuriFuture 阅读(1108) 评论(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 阅读(6020) 评论(0) 推荐(0) 编辑

导航

公告