青冘人

不管是面试提问，还是实际工作中，前端性能都是一个绕不过去的问题。性能优化的指标，渲染优化的原理，代码优化，等等多方面的角度，系统的整理了前端性能优化的笔记。...

在 JS 学习过程中，往往出现一些与我们常理相违背的结果，比如当我们打印[] == ![] ，它的返回的结果竟然是true 。而本文将结合官方文档对该题进行深度剖析。...

本文主要介绍如何自定义 webpack5的 loader 和 plugin 的过程；有助于理解项目中运用的知识；...

此外还要注意这里不一定就是正式进入规范的语法。 1. let 和 const 在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变...

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了...

此篇文章笔者将介绍一些常见的移动端适配方案，也是笔者在使用了这些方案后的总结，希望能够给大家带来一些帮助，如有不足欢迎指出.........

鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的主要载体。 实践中，大部分App的H5业务将由WKWebview承载。 页面打开时间慢：...

遍历树状数据结构最常用的两个算法就是：深度优先算法（Depth-First-Search，简称DFS）和广度优先算法（Breadth-First-Search，简称BFS）...

React中的组件分为将状态变化交由React处理的组件和通过ref引用获取的组件两种，前者称为受控组件，后者称为非受控组件，非受控组件的状态在组件自身存储，需要的时候通过...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金 下载项目后，执行的第一个命令行一般都是 `npm install` 。，按下 `Enter` 键之后，究竟发生了什...

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题...

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以...

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！...

如何打造一个高性能的高体验的无限滚动组件？虚拟滚动是一个很好的方案，使用固定个数元素来模拟滚动，减少大量的元素渲染对性能的消耗...

vue的两种路由模式hash和history模式以及它们的底层实现原理 一.hash 模式：在浏览器中符号“#”，#以及#后面的字符称之为 hash， 用 window.l...

大家好，我是前端面试题宝典团队的 Fine 老师。 其实我们团队关于简历修改的文章，已经有很多了。今天继续给大家带来前端专家的简历优化思路。...

❤ ES6-9【数组的扩展】 扩展运算符 含义 扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。...

深入理解 Vue 的 patch 阶段，理解其 diff 算法的原理 ..................

本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。...

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理...