背景 最近在工作中，接手了个 vue2 的老项目，面对上百个文件项目，而且有一大部分的一个 vue 文件有上万行代码，甚至有几万行代码，让整个前端团队的人都叫苦连连；于是团队决定对这个项目进行一定的升

1. 工厂模式 工厂模式（Factory Pattern）：将对象的创建和使用分离，由工厂类负责创建对象并返回。在前端开发中，可以使用工厂模式来动态创建组件。 前端中的工厂模式是一种创建对象的设计模式

因为掘金改版之后对于字数有了一定的限制（亲测了下在12500字左右，所以看到标题还有几万字长文的标题一定是在唬你的😂）文章美化排版之后字数超出了限制所以打算将后面的部分单独拎出来写, 这样也更好的写出相对比较深入的一点的内容, 对于【前端体系】这类文章内容一定是包括但不限于标…

作为一枚有追求的武者，我还是想从原理上给大家弹一弹到底为什么会有这些限制和约束，正所谓知其然知其所以然。 结论：到这里我们知道了vue3对setup和其他选项的处理逻辑：如果设置了setup则先调用它，随后再处理别的options。 结论：所以setup中的this就是它执行时…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

前言 在百度的学长，帮我内推了下简历。高兴还没有两秒，就接到通知面试的电话，瞬间压力山大。小公司也没怎么面，八股文背的也不利索，看到镜头里又秃又强的面试官的那一记得，有如看恐怖片吓尿了。 百度一面 1

大部分浏览器采用的是异步滚动模型。在该模型中，视觉滚动位置在合成器线程中更新，并在 scroll 回调执行前可见 如果将原 scroll 事件的处理放到滚轮事件中处理的话， scrollTop 拿到的是之前的值（passive=false，浏览器并不知道是否要滚动，会不会被 p…

今天接着上篇再来分享一下10个常见的前端手写功能下集，可以让你在数据处理上得心应手，让你的开发工作事半功倍。 开始吧！ 1. 实现继承 ES5 继承（寄生组合式继承） 寄生组合式继承是对组合式继承（调

移动端业务中常常会碰到键盘相关的需求，本文带领大家实现一个吸附在键盘上的 input，并深入理解键盘的相关事件