虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

最近看到一份非常有意思的前端知识点清单整合，然后就滋生了一个想法emmmm.... 小编根据清单重新画了一个图，然后决定对下方这个图罗列的知识点做一个系统的整合（征服欲燃起了熊熊大火）。工作之余，小编花了大概一周多的时间整理，篇幅较长，建议收藏慢慢细品。 js的变量，说白了就相…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

最近有个朋友在面试过程中遇到一个问题：什么是防抖和节流？糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。 输一个手机号要触发11次事件！！如果是联想搜索的话。。。那画面太美！ 我们先自己想一下办法来解决这个问题。 基本思路：输入绑定事件getP…

采用Flex布局的元素，称为Flex容器container。它的所有子元素自动成为容器成员，称为Flex项目item。 容器中默认存在两条轴，主轴(main axis) 和交叉轴(cross axis)。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

今年毋庸置疑是找工作的寒冬，今年出来找工作的每一个同学 都是值得尊敬的。在寒冬季找工作，虽然略难，但是反过来看也会逼迫我们成为更加优秀的自己。 但是不管是旺季还是寒冬，有一些优秀的同学找工作还是挺顺利的。所以说还是得提高我们自己的硬实力。 今年前端很明显一个变化就是前端面试里除…