CCChow

这里带大家梳理下常用的首屏优化策略 无论你是使用webpack打包，还是vite打包，本文都列举了相关示例，希望对大家有帮助...

手写面试题系列是我为了准备当下和以后的面试而编写的文章系列，当然对于前端小伙伴也有帮助。我建议读完之后，自己动手敲代码或者手写一遍才能更好地掌握。 这一篇文章介绍的是原型和...

在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 上述例子中，函数prototype指向了一个对象，而这个对象正是调用构造函数...

Jest 是一个前端测试框架，它可以组织和运行测试用例，并且提供了 mock、断言等 api。 比如这样： 这是 nest 应用的一段测试代码，在 beforeEach 里...

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用...

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓...

本篇文章致力于小白也能懂的虚拟滚动实现原理，一步一步深入比较以及优化实现方案，内容浅显易懂，但篇幅可能较长。 如果你只想了解实现思路，那么可以直接看图或者跳到文章最后。 话...

最近在做一个在线的聊天系统，我利用了 WebSocket 技术，具体说是websocket的库socket.io。 1. 什么是 WebSocket 提到 WebSocke...

其实这个过程从用户的角度来说，其实无非就是连接上了，发送消息呗。...

1 简介 Hook 是 React 16.8 的新增特性，它让你在不写 类组件 class component 时也能使用 state 以及其他的 React 特性。 Ho...

最近在刷LeetCode，经常就会遇到需要初始化二维数组的情况。由于学术不精，采用new Array().fill([])初始化二位数组，导致了代码无法通过测试用例。本文就...

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称...

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tr...

上一篇我们介绍了一些常见的攻击方式，今天我们来探索探索如何进行防御，防止我们的用户信息被泄露，防止我们的服务器被攻击~...