前端技能解锁

在2022年，每一位 JS / TS 开发者都应该知道的最重要的开发工具的分类，包括最相关的权衡，以及一些个人建议。

Vue3 的编译模块包含4个目录： 其中，compiler-core 模块是Vue编译的核心模块，与平台无关。其余三个基于 compiler-core，适用于不同的平台。 Vue 的编译分为三个阶段，

学习的目的是对装饰者模式模式有进一步的理解，并运用在自己的项目中；对TypeScript装饰器的理解，更好的使用装饰器，例如在 nodejs web 框架中、 vue-property-decorator 中，或者是自定义装饰器，能熟练运用并掌握其基本的实现原理。 装饰者模式（…

看到一篇介绍关于观察者模式和订阅发布模式的区别的文章，看完后依然认为它们在概念和思想上是统一的，只是根据实现方式和使用场景的不同，叫法不一样，不过既然有区别，就来探究一番，加深理解。 观察者模式的定义是在对象之间定义一个一对多的依赖，当对象自身状态改变的时候，会自动通知给关心该…

从本题中我们可以学到包含重复子问题，可以采用记忆化的方式，复用计算后的值；并用动态规划的思想，找到动态转移方程，采用循环实现。 以上4阶楼梯举例，选择最后上 1 阶到达，则为 1 + (1+1+1)阶，1 + (2+1)阶，1 + (1+2)阶，括号中的方法，正好是上 3 阶楼…

在这篇文章中，我们将介绍标准的 JavaScript 模块，目前是如何在前端应用程序中使用的，以及未来我们可能会如何使用它们。 JavaScript 模块有时被称为 ESM，它代表 ECMAScript 模块。 JavaScript模块是构造 JavaScript 代码的一种方…

使用 vue-router 的导航守卫钩子函数，某些钩子函数可以让开发者根据业务逻辑，控制是否进行下一步，或者进入到指定的路由。 调用 next,意味着继续进行下面的流程；不调用，则直接终止，导致路由中设置的组件无法渲染，会出现页面一片空白的现象。 钩子函数有不同的作用，例如 …

使用过一段时间 class 来定义组件，要用 vue-property-decorator 提供定义好的装饰器，辅助完成所需功能，对这个过程好奇，就研究了源码。内部主要依靠 vue-class-component 实现，所以将重点放在对 vue-class-component …

一直对通过浏览器工作台启动本地项目感兴趣，类似 vue-cli3 中提供的 vue ui，在浏览器中打开工作台，就能够创建、启动、停止、打包、部署你的项目，很好奇这一系列背后的实现原理。 最近在用 umijs 写项目，就顺便看了它提供的 cli 工具，并解开了自己的疑问。正好自…