烟雨空灵

性能优化体系四要素：指标、监控、性能分析、优化方案。 什么是性能？前端业务开发关注的性能，主要有两个：加载速度、渲染效率。二者一般也合称【性能体验】。 衡量加载速度的传统指标一般是：首字节、DOMContentLoaded、onLoad。传统指标的问题是，完全站在技术视角衡量，…

本文适合2~4年的前端开发人员的进阶，且对vue或者react搭配webpack有一定的经验。如果webpack的基本使用都未了解，建议实践后再看本文。 本文是原创，均为本人手写。部分思维, 借鉴了“宫小白”的webpack文章。文章结尾标注了“感谢”。 此前有人关心博客源码的…

当发起HTTP请求时，不会向服务器进行请求，只要当前时间在缓存有效期内，则直接从客户端缓存中获得，当缓存过期之后，才会真正想服务器发起请求重新获得资源。 打开开发者工具，从Network中可查看到，HTTP请求返回的状态码为200并且后面跟着from memory cache …

最近在看一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的vue虚拟（Virtual ）DOM和diff算法。 Virtual DOM 其实就是一棵…

什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件，本质上是界面加载过程中的过渡效果。 假如能在加…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

我们所有运行的程序在都是通过进程去跑动该任务，我们来看一下打开网页有哪些进程。 负责界面展示、用户交互、子进程之间的通信，是一个核心进程块，他就来指挥其他进程进行操作。 访问网页的过程底层无非就是一个主机和另一个主机的数据传输数据包的一个过程。 电脑进程那么多，我们建立连接了怎…

数据加密，是一门历史悠久的技术，指通过加密算法和加密密钥将明文转变为密文，而解密则是通过解密算法和解密密钥将密文恢复为明文。它的核心是密码学。 数据加密仍是计算机系统对信息进行保护的一种最可靠的办法。它利用密码技术对信息进行加密，实现信息隐蔽，从而起到保护信息的安全的作用。 本…

前端面试中，会问到非常多的知识点。框架，几乎是必问的问题之一。Vue 作为目前最流行的 SPA 框架之一，是面试过程中的重头戏。Vue Router 作为 Vue 生态中极其重要的角色，也是我们必须掌握的一项技能。 这篇文章将介绍 Vue Router 的使用，并且自己动手实现…