现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…

面试官问你的React是不是健壮，你怎么回答？server side rendering/concurrent rendering/optimal dependency都是你需要考虑的

大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢？接下来，本篇文章将会带你了

心跳机制：一种检测系统、应用程序网络连接状态的有效手段。本文介绍了：在Vue3、antdv、webSocket+express搭建的聊天室中，使用心跳检测机制实现用户在线状态的管理及代码实战。

本文详细介绍了ES6新增的 Proxy(代理)和 Reflect(反射)，也讲解了属性描述符，以及常见的Reflect API与捕获器。

这里最重要的一点：js 引擎是单线程的，且和 GUI 渲染线程互斥。 解释：当 JS 引擎执行时 GUI 线程会被挂起，GUI 更新则会被保存在一个队列中等到 JS 引擎线程空闲时立即被执行，它们不能同时运行，因为同时运行会导致渲染出现不可预期的结果。 考虑：既然 JS 引擎线…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

在 JavaScript 中, 通过 new 操作符可以创建一个实例对象，而这个实例对象继承了原对象的属性和方法......

lodash受欢迎的一个原因，是其优异的计算性能。而其性能能有这么突出的表现，很大部分就来源于其使用的算法——惰性求值。 本文将讲述lodash源码中，惰性求值的原理和实现。 以下是How to Speed Up Lo-Dash ×100? Introducing Lazy E…