本文介绍了JavaScript的一些关键知识点，包括浏览器的组成、渲染引擎与渲染模式、Label元素的使用、属性与特性的区别、预加载和懒加载的原理、Math.random()方法的运用、虚拟DOM的概念以及断点调试技巧，并探讨了封装className的方法。
一，浏览器的组成
二，渲染引擎和渲染模式
三，Lable标签
四，属性与特性的区别
五，预加载和懒加载
六，Math.random()
七，虚拟dom
八，断点调试
九，封装className
一，浏览器的组成
大致可分为用户可视窗口，浏览器引擎，渲染引擎，网络，UI后端，JS引擎，数据存储
二，渲染引擎与渲染模式
浏览器将HTML，CSS的内容绘制到用户界面的引擎。浏览器先将HTML内容进行解析，构建DOM tree（即树的主干部分），然后解析CSS文件,构建CSS rule tree，与之前的DOM tree 共同构成render tree，最后将render tree 绘制到用户的页面上。
浏览器构建渲染树图示：
渲染模式：
1）标准模式：在H5中，标准模式的标识符为<!DOCTYPE html>。在HTML文件的最前面进行声明，即表示浏览器将按照标准模式进行页面的渲染。
2）怪异模式：当HTML文件最前面没有进行<!DOCTYPE html> 的声明时，浏览器会按照怪异模式进行页面的渲染。所谓怪异模式即浏览器会向下兼容，当某些元素或者样式或者js逻辑在当前版本无法被识别时，浏览器就会调用之前版本的渲染模式进行渲染。
三，Lable元素
大多数时候与表单元素进行配合使用，例如input,checkbox等，具体用法 参考mdn：<label> - HTML（超文本标记语言） | MDN
注意的点：1）当Lable元素内没有其他元素时（即与表单元素不是嵌套关系
最低0.47元/天 解锁文章
扫一扫
1240
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
