BetterFE 前端技术周刊 - 2018/12/10

## 深阅读

1. 

望向node_modules的惊鸿一瞥，我看到的是无尽的深渊

推荐理由：

前两周 npm 社区爆发了一件大事， event-stream npm包被黑客篡改，发现包含盗取用户数字货币恶意代码，这一次影响甚广，持续时间2.5个月，逾800万次下载。想来这不是 npm 第一次出问题，还记得16年那一次 Azer Koçulu 因为对 NPM 公司不满， unpublish了自己的所有模块，导致Babel、ReactNative、Ember等大量工具构件失败吗。

本文的作者以一种幽默诙谐的风格阐述了自己的态度和发现，号召我们广大的开发者应该如何自我要求，维护好 自己的代码 以及 npm 社区。

你能想到：

web框架express，偷偷点赞twitter广告吗？

Ember.js 引入大英百科全书只为解释 glimmer 这个词的定义吗？

每一次babel-core的安装都包含了一幅Guy Fieri的照片吗？

2. 

升级自己的cli工具

推荐理由：

命令行是日常开发中除了编辑器解除最多的工具，这篇文章介绍了一些非常实用的命令行工具插件。

3. 

从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理

推荐理由：

从浏览器多进程到JS单线程，JS引擎的运行机制系统梳理的，图文并茂，非常详细。

4. 

Event Loop 这个循环你晓得么？(附GIF详解)

推荐理由：

本文章分别介绍了浏览器的Event Loop和Node的Event Loop，总结对比了两者之间的区别，文中用GIF动图更直观地来解释任务执行步骤，理解javascript的执行机制

5. 

Fabric，一个Python库和命令行工具

推荐理由：

实现在Linux平台和Windows平台的自动化部批量署应用或实现批量系统管理。文章介绍了Fabric库的丰富的api、函数和一些实例，通过基本的Shell命令能够用来做应用的远程部署，提高部署效率。

6. 

强大的position:sticky简介及使用

推荐理由：

在开发过程中需要实现粘性导航通常的做法的是用js来实现，目前，Chrome对position:sticky的重新支持，使得我们遇到此需求时，用css就能快速解决问题。此文深入浅出的介绍了position:sticky的使用方法

## 新鲜货

1.  简要了解vue3.0新特性， 尤其是proxy

• 初探 Vue3.0 中的一大亮点——Proxy !
• Vue.js 3.0 新特性预览

推荐理由：

前段时间VueConf TO 2018 大会上，尤大发表了Vue3.0 Updates的主题演讲，对 Vue3.0 的更新计划、方向进行了详细阐述。提前给大家热个身，了解一下vue3.0的新特性，尤其是proxy。

2. 

前端架构杂思录：议 Function Component 与 Hooks

推荐理由：

React.createClass已经废弃不推荐使用了，但是class Component目前还有一些小问题，如this的绑定，标签的深层嵌套，一些有状态的逻辑比较难重用等等，因此 React 团队基于 Function Component 提出 Hooks 的概念，复杂应用尽可能使用 Function Component + Hooks 是值得推荐的，这是更美好的明天。

另附：

像呼吸一样自然：React Hooks + RxJS

## 职业发展

1. 

稻盛和夫：极度认真地工作能扭转人生

推荐理由：

内心不渴望的东西，它不可能靠近自己。不惜一切，努力创造世人公认的“尽善尽美”的产品，这对于以创造为目标的人来说是非常重要的，甚至是一种义务。想要成就某项事业，就必须成为能够自我燃烧的人。要成为“自燃型”的人，在热爱自己工作的同时，必须持有明确的目标。