小程序的模块化采用了Commonjs规范。也就是说，我需要提供一个monitor.js文件，并且该文件需要支持Commonjs，从而可以在小程序的入口文件app.js中导入： 但是考虑到代码量，为了降低耦合度，我还是倾向于把代码拆分成不同模块，最后把所有JS文件打包成一个mon…

最近项目中准备推广接入 Typescript，抽空复习了一波相关的技术知识。说复习是因为之前看过了然而现在已经忘得一干二净了，除了不常用的原因外，也是因为 Typescript 知识相对比较零散，学习时难成体系，所以趁这个机会整理整理，就当学习笔记吧。 Typescript （…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

使用 vue，都知道{{msg}}，能变成data.msg相对应的值hello。 此文循序渐进实现最终vue中编译文本的效果。 这里先不关注 dom 之类的事情，只专注于其中的逻辑。 其实这里的逻辑并不难，无外乎先找到{{msg}}，然后将整那个字符串替换成data.msg的值…

笔者最近发现了 xstate 这个状态机的库，查阅了相关资料，发现业界有一种趋势是使用状态机构建前端应用，十分有趣。其实，应用本身已经是状态机，但是在我们平常编写时，并没有显示的抽象出来，而只是在脑海里构建一个流程，比如，点击主页上的这个按钮，就打开一个弹窗，点击弹窗关闭按钮，…

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

遇到前端部署问题怎么办？nginx、端口、https域名怎么配置，跨域问题咋整，react/vue项目怎么部署，什么是反向代理，请您耐心往下看。本文通俗易懂，可操作，旨在抛砖引玉。要是帮到了您，还请顺便点个赞。 当你兴致勃勃买了台服务器，然后规划着美好的未来，规划搭建平台。问题…