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

28

2020年冬季前端笔试题总结

• 趁你还年轻   2020-12-28 发布
• 21 收藏

原文地址：一些特别棒的面试题[4]最近面试了一些公司，拿了一些offer，不记录概念题目，仅记录coding类题目。小伙伴们空闲时间可以做这些题目练练手。只出现一次的数字汇总区间实现红绿灯效果数组去重返回 excel ...

3

还在为写.vue文件烦恼吗？快来用dot-vue-cli交互式生成吧！

• 趁你还年轻   2020-11-13 发布
• 2 收藏

写过vue的同学都知道，单文件组件.vue在开发中使用频率是非常高的。如果不想再手写或者CV的话，不妨尝试一下我写的这个小工具，支持交互式生成.vue文件，生成的过程只需要回答一些小问题即可。目前仅支持vue2和部...

2

express中间件原理connect

• 趁你还年轻   2020-10-15 发布
• 2 收藏

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

30

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

• 趁你还年轻   2020-06-17 发布
• 23 收藏

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

23

发现算法之美-排序

• 趁你还年轻   2020-06-05 发布
• 19 收藏

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

3

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

• 趁你还年轻   2020-06-05 发布
• 3 收藏

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

7

发现数据结构之美-栈

• 趁你还年轻   2020-06-04 发布
• 7 收藏

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

6

一次webpack3升级为webpack4的实践

• 趁你还年轻   2020-05-20 发布
• 3 收藏

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

12

HTTP之强缓存和协商缓存

• 趁你还年轻   2020-05-11 发布
• 9 收藏

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

15

如何理解Object.defineProperty()?

• 趁你还年轻   2020-04-30 发布
• 11 收藏

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

15

实用webpack插件之ProvidePlugin

• 趁你还年轻   2020-04-29 发布
• 12 收藏

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

12

如何理解vue的computed？

• 趁你还年轻   2020-04-26 发布
• 8 收藏

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

6

如何理解data URL？

• 趁你还年轻   2020-04-23 发布
• 4 收藏

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

17

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

• 趁你还年轻   2020-04-16 发布
• 16 收藏

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

3

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

• 趁你还年轻   2020-04-09 发布
• 2 收藏

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

7

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

• 趁你还年轻   2020-04-08 发布
• 5 收藏

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

8

深入理解JSON.stringify()

• 趁你还年轻   2020-04-07 发布
• 7 收藏

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

52

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

• 趁你还年轻   2020-03-30 发布
• 38 收藏

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

27

前端通信那些事儿

• 趁你还年轻   2020-03-25 发布
• 18 收藏

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

3

如何理解vue中的v-bind？

• 趁你还年轻   2020-03-24 发布
• 1 收藏

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