hodux,react-easy-state，内部有一个基于proxy实现响应式的基础仓库observer-util，它的代码实现和Vue3中的响应式原理非常相似，这篇文章就从这个仓库入手，一步一步带你剖析响应式的实现。 本文的代码是我参考observer-util用ts的重写…

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new Vue()之后触发的第一个钩

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

最近公司项目需要开发一个积分商城，里面涉及到sku库存选择，本以为不是很难，结果开发中却遇到很大问题，现将实现逻辑记录下来，思路不一定是最好的，但也不失为一种解决方法，供其他小伙伴借鉴。有更优的方案的可以留言一起讨论学习下。 sku：库存保有单位即库存进出计量的单位， 可以是以…

具体是怎么玩呢？别着急，听我慢慢道来，看完后会感慨Vue组件还能这么玩🐶，还会学会一个Stylelint插件，配有DEMO，以及隐藏在最后的彩蛋。

keep-alive 是一个抽象组件，不会和子组件建立父子关系，也不会作为节点渲染到页面上。 能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。 能够进行路由缓存和组件缓存。 created-…

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…