vue和react都已经全面进入了hooks时代（在vue中也称为组合式api），如何才能写出高质量的hooks组件？

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

先上效果图炸波🐟 拖拽实现 这里我们使用react-draggable三方库，由于它默认的Draggable是去动态修改元素的transform，和我们设计的初衷背离，于是使用其DraggableCo

通过几个🌰，介绍内存泄露排查的几种思路，定位到引发内存泄露的具体位置，内存泄露理论基简介， 浏览器内存回收机制

单例模式应用广泛，有些对象只需要创建一个，例如线程池，全局缓存，浏览器中的window对象等。 业务开发中，单例模式应用也十分广泛，例如处理页面弹窗时，点击按钮产生一个弹窗，如果多次点击，每次都会创建一个新的弹窗组件，十分消耗性能。 单例模式的核心思想是确保一个类只对应一个实例…

1.不要将所有的数据都放在data中 2.watch 尽量不要使用deep:true深层遍历 3. vue 在 v-for 时给每项元素绑定事件需要用事件代理 4. v-for尽量不要

我们都知道，浏览器是无法识别commonjs规范的模块和es6 module的。将这些规范的模块转化为浏览器认识的语句就是webpack做的最基本事情，webpack 本身维护了一套模块系统，这套模块系统兼容了所有前端历史进程下的模块规范，包括 amd commonjs es6…

前言 梳理总结一遍面试比较经常碰到的 JavaScript 手撕题，方便面试的时候复习，同时也巩固一下 JS 的基本功。

浏览器先请求HTML文档，服务器端先将html页面(或页面组件)，生成为html字符串，再返回给浏览器，最后直接渲染到页面上。 浏览器先请求HTML文档，在浏览器端加载html页面中的JS脚本。通过JS（vue/react)的能力，将虚拟DOM最终渲染填充到页面中。 服务端…