forfreedomzj

当浏览器的网络线程收到 HTML 文档后，产生一个渲染任务，并将其传递给渲染主线程的消息队列， 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。

浏览器的网络进程接收到html文档后，交给渲染进程的渲染引擎 浏览器的内核由两部分组成 渲染引擎：负责HTML解析、布局、渲染等等相关的工作 js引擎：解析、执行JavaScript代码 以Webki

面试官问：“你做过哪些优化？” 答：“使用高性能的css属性，使动画流畅，让用户有更好的动画体验。”

Defer 推迟执行脚本 HTML 4.01为<script>元素定义了一个叫defer的属性。这个属性表示脚本在执行的时候不会改变页面的结构。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此

动态语言都是非常实用的工具，用户可以通过脚本把非常复杂的系统给链接到一起，并且不用花费心思去考虑内存管理等问题。JavaScript是应用最广泛的动态语言，只需一个Web浏览器就能在所有设备上运行。而

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…