什么叫前端工程化 在回答这个问题之前，我先回顾一下前端的历史。大约78年前，前端工程师还不是一个受人重视的职位，日常工作也就是切个图，使用JQuery写个脚本，从某种意义上讲，只是后端的附属物。最近几年，尤其是在nodejs出现之后，前端越来越受到重视，甚至已经开始抢占了后端的…

本篇文章是笔者在使用 vue3 + vite 实际开发过程中的一些经验分享，本篇主要分享的是对Vite + vue3 使用CDN加速首屏访问的实践

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScrip

1. 生命周期函数面试题 1. 什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。 2. vue生命周期的作用是什么 Vue 所有的功能…

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…

Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。 其中this就是实现面向对象的一个非常重要的特性，但是 this在Javascript非常容易理解错，尤其是对于接触静态语言比较久的同学来说。而且 this又…

相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。 先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直接调用、不在函数里。

Vue-Router是Vue.js官方提供的路由管理器，它支持两种模式：Hash模式和History模式。这两种模式在单页面应用（SPA）开发中起到了至关重要的作用，但它们有着不同的特点和使用场景。在