传统面试题 我们在各种面试题以及面试中都大概率看到过这个题目，浏览器在拿到数据后到最终呈现在⻚面上经历了哪些过程？

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

let 和 const 是在 ES6 中新引入的关键字，用来替换 var，我也已经有几年没有用过 var 了。如果我有一段用 var 写的旧代码，现在将其全局替换为 let，程序是没有问题的（只要别把变量命名为 let）。但是如果我有一段用 let 写的代码，想要将其转换成 v…

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

控制模块的概览如图所示，将其划分成了9个功能点，下面一一介绍。 停止记录就是个红色的按钮，当点击后NetWork模块就不会再进行任何的Http请求记录，重新点击后又可以打开记录。 点击清除记录按钮后，资源及服务调用列表中已经记录的所有请求将会被清除。 截屏模式为一个摄像机的标志…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

你知道么？你在 vite 项目中写的高版本 ECMAScript 语法，可能根本无法使用，本人详解了原因和解决方法，希望对 vite 开发者有所帮助

1. Vue2 源码 shared 模块中的几十个实用工具函数 2. 如何学习源码中优秀代码和思想，投入到自己的项目中 3. 如何学习 JavaScript 基础知识，会推荐很多学习资料 4. 等等

当我看了这样一个节目之后，我发现，复杂的ui竟然这么简单就可以实现了！当时我就用Flutter整了这么个3D效果，快来围观！！