此文内容包括以下： 深度介绍react、vue2、vue3的diff算法原理，并分别对比它们的区别。几个算法，套路都是找到移动的节点，然后给它移动到正确的位置。该加的新节点添加好，该删的旧节删了。

下图是useRef的demo效果图，通过“一个父组件嵌套一个子组”件来总结一些知识点。 ref对象与自建一个{current：‘’}对象的区别是：useRef会在每次渲染时返回同一个ref对象，即返回的ref对象在组件的整个生命周期内保持不变。自建对象每次渲染时都建立一个新的。…

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的

useEffect和useLayoutEffect的区别 react hook面世已经有一段时间了，相信很多人都已经在代码中用上了hooks。而对于 useEffect 和 useLayoutEffe

React生命周期的命名一直都是非常语义化的，这个生命周期的意思就是从props中获取派生state，意思非常明确。 可以说，这个生命周期的功能实际上就是将传入的props映射到state上面，基本上就是直接替换了原来的componentWillReceiveProps。 ge…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

前言：根据最近做的一个医疗手机端项目总结在移动端，vue怎么在不同屏幕上做根据不同屏幕大小适配 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-p

从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…

之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是Vue，所以免不了问到其响应式原理和Vue的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理