刘木林的博客

摘要： 本篇文章继续浏览器环境下JavaScript脚本加载与执行探析的话题，重点讲解DOMContentLoaded这一在实际编程中经常使用的事件。 阅读全文

摘要： 浅复制：浅复制是复制引用，复制后的引用都是指向同一个对象的实例，彼此之间的操作会互相影响； 深复制：深复制不是简单的复制引用，而是在堆中重新分配内存，并且把源对象实例的所有属性都进行新建复制，以保证深复制的对象的引用图不包含任何原有对象或对象图上的任何对象，复制后的对象与原来的对象是完全隔离的 阅读全文

摘要： DOM树由文档中的所有节点（元素节点、文本节点、注释节点等）所构成的一个树结构，DOM树的解析和构建是浏览器要实现的关键功能。既然DOM树是一个树结构，那么我们就可以使用遍历树结构的相关方法来对DOM树进行遍历，同时DOM2中的"Traversal"模块又提供了两种新的类型，从而可以很方便地实现DOM树的先序遍历。 阅读全文

摘要： 在《浏览器环境下JavaScript脚本加载与执行探析之defer与async特性》中，我们研究了延迟脚本(defer)和异步脚本(async)的执行时机、浏览器支持情况、浏览器bug以及其他的细节问题。而除了defer和async特性，动态脚本和Ajax脚本注入也是两种常用的创建无阻塞脚本的方法。总的来看，这两种方法都能达到脚本加载不影响页面解析和渲染的作用，但是在不同的浏览器中，这两种技术所创建的脚本的执行时机还是有一定差异，今天我们再来探讨一下通过动态脚本技术和Ajax注入的脚本在这些方面的特性。 阅读全文

摘要： defer和async特性相信是很多JavaScript开发者"熟悉而又不熟悉"的两个特性，从字面上来看，二者的功能很好理解，分别是"延迟脚本"和"异步脚本"的作用。然而，以defer为例，一些细节问题可能开发者却并不一定熟悉，比如：有了defer特性的脚本会延迟到什么时候执行；内部脚本和外部脚本是不是都能够支持defer；defer后的脚本除了会延迟执行之外，还有哪些特殊的地方等等。本文结合已有的一些文章以及MDN文档中对两个特性的阐述，对defer和async进行更全面的研究和总结，希望能够帮助开发者更好地掌握这两个特性。 阅读全文

摘要： 本文主要基于向HTML页面引入JavaScript的几种方式，分析HTML中JavaScript脚本的执行顺序问题 阅读全文

摘要： DOM1级主要定义了文档的底层结构，并提供了基本的查询操作的API，总体而言这些API已经比较完善，我们可以通过这些API完成大部分的DOM操作。然而，为了扩展DOM API的功能，同时进一步提高DOM操作的效率，DOM扩展也不断被提出和采纳。对DOM的扩展主要有两部分：Selectors API和HTML5，另外还有一个Element Traversal规范，主要用于元素遍历，另外还有一些专有扩展。本文承接《DOM扩展：DOM API的进一步增强[总结篇-上]》，继续总结DOM扩展相关的功能和API。 阅读全文

摘要： DOM1级主要定义了文档的底层结构，并提供了基本的查询操作的API，总体而言这些API已经比较完善，我们可以通过这些API完成大部分的DOM操作。然而，为了扩展DOM API的功能，同时进一步提高DOM操作的效率，DOM扩展也不断被提出和采纳。对DOM的扩展主要有两部分：Selectors API和HTML5，另外还有一个Element Traversal规范，主要用于元素遍历，另外还有一些专有扩展。 阅读全文

摘要： DOM是前端编程中一个非常重要的部分，我们在动态修改页面的样式、内容、添加页面动画以及为页面元素绑定事件时，本质都是在操作DOM。DOM并不是JS语言的一个部分，我们通过JAVA、PHP等语言抓取网页内容时需要对网页进行解析并拿到我们感兴趣的那部分内容，这时其实也是在操作DOM。当然在前端领域，我们肯定还是通过JS来操作DOM，而DOM也是伴随JS的出现而诞生的，随着前端的不断发展，DOM标准也在不断演进，每个新的版本都为DOM进行了一定程度的扩展。本文主要总结DOM1级中的核心内容。 阅读全文

摘要： DOM是前端编程中一个非常重要的部分，我们在动态修改页面的样式、内容、添加页面动画以及为页面元素绑定事件时，本质都是在操作DOM。DOM并不是JS语言的一个部分，我们通过JAVA、PHP等语言抓取网页内容时需要对网页进行解析并拿到我们感兴趣的那部分内容，这时其实也是在操作DOM。当然在前端领域，我们肯定还是通过JS来操作DOM，而DOM也是伴随JS的出现而诞生的，随着前端的不断发展，DOM标准也在不断演进，每个新的版本都为DOM进行了一定程度的扩展。本文主要总结DOM1级中的核心内容。 阅读全文