趁你还年轻，做个优秀的前端工程师

4

一次webpack3升级为webpack4的实践

• 趁你还年轻   5月20日发布
• 1 收藏

之前尝试过一些在webpack3的基础上做的构建优化，例如引入HappyPack优化构建速度，开启loader缓存和优化包查找路径等等，详情可以查看前端webpack构建优化

11

HTTP之强缓存和协商缓存

• 趁你还年轻   5月11日发布
• 8 收藏

关于强缓存和协商缓存的理论知识和express.js下的实践，政采云前端团队的这篇文章已经非常详尽了：图解 HTTP 缓存 强缓存和协商缓存流程图 图来自图解 HTTP 缓存 刚好我最近也在对这一块的内容做补充和总结，受到...

15

如何理解Object.defineProperty()?

• 趁你还年轻   4月30日发布
• 11 收藏

几乎所有使用Vue的开发者都知道，Vue的双向绑定是通过Object.defineProperty()实现的，也知道在getter中收集依赖，在setter中通知更新。

5

实用webpack插件之ProvidePlugin

• 趁你还年轻   4月29日发布
• 4 收藏

在webpack中，我们可以在resolve的alias中定义一个层级较高的目录为一个自定义变量。例如resolve: { alias: { '@': path.join(__dirname, '..', 'src') }}。

11

如何理解vue的computed？

• 趁你还年轻   4月26日发布
• 7 收藏

众所周知，首次a，b，c均为1时，foo()返回值为1。以foo()返回值为1作为起始态，独立的执行下面以下3个操作，vue会如何计算foo呢？

5

如何理解data URL？

• 趁你还年轻   4月23日发布
• 3 收藏

canvas有一个非常常用的方法canvas.toDataURL()，它会将canvas转化为data URL的格式。通常情况下这个data URL的类型为image。看看下面的例子：

17

发现算法之美-时间复杂度

• 趁你还年轻   4月16日发布
• 16 收藏

正式工作也有3年的时间了，想要写出更加优雅的代码。 所以最近在刷leetcode补充数据结构和算法方面的知识。 学校里虽然学过，但是仅仅是有个大概的认识。只有实际工作过几年以后，才会明白数据结构和算法的重要性...

3

强大的异步专家process.nextTick()

• 趁你还年轻   4月9日发布
• 2 收藏

在阅读mqtt.js源码的时候，遇到一段很令人疑惑的代码。nextTickWork中调用process.nextTick(work)，其中函数work又调用了nextTickWork。这怎么这想递归呢？又有点像死循环？到底是怎么回事啊，下面我们来系统性学...

7

物联网宠儿mqtt.js那些事儿

• 趁你还年轻   4月8日发布
• 5 收藏

常见的mq有Kafka，RocketMQ和RabbitMQ，大家也很常见。 前者很常见，属于微服务间的mq。那么MQTT是什么呢？MQTT属于IoT也就是物联网的概念。快来和使用mqtt.js开发IM功能2年的作者一探究竟吧~

7

深入理解JSON.stringify()

• 趁你还年轻   4月7日发布
• 7 收藏

就我目前4年（实习了1年，965了1年，996了2年，算3年感觉少了，说是4年老司机也不为过吧。）的工作经验来看，JSON.stringify一般有以下用途：

22

如何处理浏览器的断网情况？

• 趁你还年轻   3月30日发布
• 19 收藏

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连 可以确保游戏的继续进行 坏的断网处理甚至不处理会出bug：比如我手上的项目就出了个bug 业务人员表示非常苦恼 网络问题一直是一个很值得关注的问题...

27

前端通信那些事儿

• 趁你还年轻   3月25日发布
• 18 收藏

在近两年996模式下的近乎疯狂的迭代需求打磨平台的锻炼下，积累了一些前端通信方面的一些实践经验，在这里做一个汇总。一来对自己做一个总结，二来也是给小伙伴们提供一些吸收。

3

如何理解vue中的v-bind？

• 趁你还年轻   3月24日发布
• 1 收藏

如果你写过vue，对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。 会从以下几个方面去探索： v-bind关键源码分析 v-bind化的属性统一存储在哪里：attrsMap与attrsList 绑定属...

6

如何理解vue中的v-model？

• 趁你还年轻   3月18日发布
• 4 收藏

说到v-model，就想到了双向数据绑定，而且往往最常见的是在表单元素<input>,<textarea>,<select>中的使用，在一些自定义组件中也使用到了v-model。

7

CSS进阶之CSS变量

• 趁你还年轻   3月16日发布
• 5 收藏

前言 基本用法 使用自定义属性的第一步 自定义属性的继承 自定义属性的回调值 有效性和值 无效的变量会发生什么 通过js中获取到的css变量值 var()与rgba()配合实现复用变量 vue实战: 通过颜色选择器切换热力图主...

7

如何为DOM创建自定义事件?

• 趁你还年轻   2月25日发布
• 6 收藏

创建自定义事件（Creating custom events） 增加自定义数据（Adding custom data - CustomEvent()）

3

MutationObserver是什么？

• 趁你还年轻   2019-12-26 发布
• 2 收藏

目录 MutationObserver概览 MutationObserver构造器 MutationObserver实战 MutationObserver概览 MutationObserver interface可以用来监测DOM树的变化。 MutationObserver 是旧的DOM3事件规范Mutation Events特性...

9

如何打通前端dist和后端jar？

• 趁你还年轻   2019-11-30 发布
• 8 收藏

前端dist和后端jar已经分别独立部署到服务器上，这篇博客是对下面两篇博客的延续。 如何部署前端dist目录？ 如何部署后端jar包？ 那么，怎样打通前后端，产出一个完整的线上项目呢？这篇博客主要基于arya-spring-...

5

如何部署后端jar包？

• 趁你还年轻   2019-11-29 发布
• 5 收藏

虽然是前端，但是自己启动了以vue，typescript，iview，spring-boot，mysql为技术栈启动的arya-spring-vue全栈项目。

13

如何部署前端dist目录？

• 趁你还年轻   2019-11-22 发布
• 10 收藏

前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。