沐晓

前面有分析过页面的渲染逻辑（老生常谈之从输入URL到页面呈现的过程（全）），从上至下解析 HTML，构建 DOM 树和 Style Rules，其中构建 DOM 和解析 Style 是并行的，之后 DOM 树和 Style Rules 结合成 Render Tree。 JS 会…

在上一篇文章老生常谈之从输入URL到页面呈现的过程中描述了页面渲染流程，其中涉及页面的布局（Layout）和绘制（Painting），实际在绘制之后还有一个步骤叫做合成（Compositing）。 在其它大佬的文章中将这一步说的非常清楚，当然还是很难懂，因为比较抽象，平常在工作…

面试中经常会遇到这个问题，简述从输入URL到页面呈现的过程，根据应试者的经验，理解程度不同，答案也是五花八门，下面说说我自己的理解。 1. DNS查询 在互联网中的不同主机是通过 IP 来标识的，IP 就相当于网络资源的门牌号一样，帮助我们寻找网络资源的所在主机。但是为了记忆的…

作为前端天天和浏览器打交道，怎么能不对其有所了解呢？这两天看了一些浏览器相关的文章，现在简单总结下自己的理解。 CPU 类比为一座工厂，可以处理不同的任务（多进程）。 进程是个车间，处理单一任务，其有独立的场地（内存）。 线程是工人（多线程），共享资源（内存），当资源有限（厕所…

前端监控是个很庞大丰富的内容，其包含页面UI监控，网络监控，性能监控，错误监控等内容，今天来简单谈谈前端错误监控。 这里的前端错误指的是会在控制台抛出的异常，不包括业务逻辑及UI错误。 前端错误的种类不多，但是不同的错误往往需要不同的收集方法，所以完整的错误日志需要不同的收集方…

由于 h5 的开发成本较低（开发速度快），且支持多端共用（忽略浏览器兼容性），所以经常有企业的原生应用中会嵌入 webview 来达到 h5 替代原生页面的开发模式，我们称为混合开发，其应用称为 Hybrid App。既然如此，就或多或少会涉及 h5 页面和 app 进行通信（…

其实在 Vue 文档已经对插件的使用和功能有详细的说明，这边也就重复再稍微补充实例。 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种： 添加全局方法或者 property。如：vue-custom-element 添加全局资源：指令/过滤器…

webpack 是个很强大的构建工具，其丰富灵活的配置决定了使用也不简单。在面试中经常能遇到 webpack 相关的问题，如果平常只是使用脚手架如 vue-cli 而没有好好深入学习研究 webpack 的话，估计答不上什么。我相信，如果没有深入了解，部分面试官也问不出什么。可…

webpack 是个很强大的构建工具，其丰富灵活的配置决定了使用也不简单。在面试中经常能遇到 webpack 相关的问题，如果平常只是使用脚手架如 vue-cli 而没有好好深入学习研究 webpack 的话，估计答不上什么。我相信，如果没有深入了解，部分面试官也问不出什么。可…