Vue 仍然是一个很棒的框架。随着 composition API 的出现，Vue 只会有更大的发展。在这篇文章中，我将介绍 10 个有用的自定义钩子，让我们的代码更加好看。带你全面掌握Vue中的钩子函数。

最近在网上偶然看到一种在线编辑器，实现了 用户的数据在本地，编辑器是一个在线web应用。这样就可以有效的避免了用户写作文章需要上传第三方服务器导致的数据丢失问题。在数据进行有效保护的同时，编辑器生成的文章样式可以无差异的发布到第三方应用，例如：微信等。思考片刻后，决定自己也实现一个类似的简单Demo，可以在线编辑Markdown文件，使用编辑器生成的内容样式会和实时的和Blog最终样式保持一致，这样可以实现所见即所得的博客文章。

今天和大家一起 来 弄清楚一段 JavaScript 代码，它是如何执行的呢？ 进而彻底讲明白闭包和作用于链的含义。JavaScript 是一门高级语言，需要转化成机器指令，才能在电脑的 CPU 中运行。使 JavaScript 代码转换成机器指令，是通过 JavaScript 引擎来完成的。

本文总结了JS开发中常用到的48种小方法，总有一个是你用到的，先收藏起来，后边慢慢查看。检测数据是不是除了 symbol 外的原始数据。isPrimitive：检测数据是不是原始数据。isObject：判断是否引用类型。isObjectLike：检查 value 是否为类对象。getRawType：获取数据类型。isPlainObject：判断数据是否 Object 类型的数据。isArray：判断数据是不是数组类型的数据。isRegExp：判断数据是不是正则对象。isDate：判断数据是不是时间对象。

前端页面埋点上报是重要功能，这里主要介绍常用的4中方法，1. 同步 XMLHttpRequest，2. img.src，3.navigator.sendBeacon 4.fetch keepalive 文章对这四种方法的进行了优缺点对比。

本文主要带你了解webpack代码分模块打包方法，代码懒加载方法，代码懒加载方法用的太多也会变慢的预加载方法等在工作中常遇到的打包问题。懒加载能加快网页的加载速度，如果你把详情页、弹窗等页面全部打包到一个 js 文件中，用户如果只是访问首页，只需要首页的代码，不需要其他页面的代码，加入多余的代码只会使加载时间变长，所以我们可以对路由进行懒加载，只有当用户访问到对应路由的时候，再去加载对应模块。

我们的软件系统往往是要面向持续性的迭代的，在开发之初很难把所有需要支持的功能都想清楚，有时候还需要借助社区的力量去持续生产新的功能点，或者优化已有的功能。这就需要我们的软件系统具备一定的可扩展性。插件模式就是我们常常选用的方法。事实上，现存的大量软件系统或工具都是使用插件方式来实现可扩展性的。比如大家最熟悉的小可爱——VSCode，其插件拥有量已经超越了他的前辈 Atom，发布到市场中的数量目前是 24894 个。

在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。