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

2

express中间件原理connect

• 趁你还年轻   10月15日发布
• 2 收藏

不知道用了express.js的你有没有这样的疑问：app.use为什么可以添加一个又一个中间件？connect是如何区分普通中间件和错误中间件的？中间件处理函数中的next指代的又是什么？我简单看了一下connect源码，弄清楚了...

29

浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务

• 趁你还年轻   6月17日发布
• 22 收藏

关键词：多进程、单线程、事件循环、消息队列、宏任务、微任务 看到这些词仿佛比较让人摸不着头脑，其实在我们的日常开发中，早就和他们打过交道了。 我来举几个常见的例子： 我执行了一段js，页面就卡了挺久才有...

23

发现算法之美-排序

• 趁你还年轻   6月5日发布
• 19 收藏

什么是排序？ 初识 算法图 JavaScript中的排序 普通排序 复杂排序 复杂排序函数封装 lodash(v4.17.15)排序函数 从V8源码看sort() 必会经典排序算法 冒泡排序（最大值置尾排序） 选择排序（最小值置头排序） 插入...

3

发现算法之美-双指针之对撞指针

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

什么是对撞指针？ 初识 算法图 对撞过程图 JavaScript中的Array与对撞指针 在js中，如何定义对撞指针？ 实现一个最简对撞指针 leetcode 对撞指针 解法题目 7.整数反转（easy） 9.回文数（easy） 27.移除元素（eas...

7

发现数据结构之美-栈

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

在代码的世界中，无论是什么语言，栈其实都是一种非常重要的数据结构。全球闻名的代码提问社区stack overflow就以栈（stack）溢出作为网站名的一个部分。在写代码或者是debug的过程中，相信你已经感受到了在函数...

6

一次webpack3升级为webpack4的实践

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

之前尝试过一些在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中通知更新。

8

实用webpack插件之ProvidePlugin

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

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

12

如何理解vue的computed？

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

众所周知，首次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 绑定属...

7

如何理解vue中的v-model？

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

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

7

CSS进阶之CSS变量

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

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