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

## 深阅读

1. learn by doing 理解 AST（抽象语法树）
推荐理由：

两周前咱们推荐了一篇文章：平庸前端码农之蜕变 — AST，这篇文章是一篇大而全的文章，很是适合入门AST。

今天推荐的这篇文章，选了 AST 中的一个知识点：codemod，来重点描述。经过一个简单的例子： 'Yo ' + name + '! How are you doing?' 怎么转化成 Yo ${name}! How are you doing? ，从理论到实践地设计了实验过程。看完这篇文章，只要有心，想必你们就能够触类旁通，创造出很是多好玩、高深、有意思的 codemod。

2. 见微知著，Google Photos Web UI 完善之旅 
推荐理由：

前Google Photos工程师讲述的Google Photos Web UI部分照片布局从设想到实现的全过程，在阅读中学习到最多的不是技巧，并且一个真正的工程师应该如何思考和设计本身的产品

3. 8张图帮你一步步看清 async/await 和 promise 的执行顺序 
推荐理由：

promise和async/await咱们都很熟悉，可是咱们在使用过程当中，其实对其运行的流程是很模糊的，本文章深入的利用图形的方式来解释宏任务和微任务的运行方式，更加直接的讲解了有关于这一块的全部知识。 

4.  ES6 系列之 defineProperty 与 proxy 
推荐理由：

做为其观察者机制，取代Object.defineProperty，这篇文章对这两种实现机制讲解的很基础和详细。看完这篇文章，你本身也能够用Proxy写一个双向数据绑定尝尝鲜哦！

5. 对工做开发中常见的git工做流的介绍
推荐理由：

在项目实施中选择的git工做流进行规范操做，在实际工做中因地制宜选择合适的工做流，进行高效无误的协同开发合做

## 新鲜货

1. Page Lifecycle API 教程 
推荐理由：

W3C 新制定了一个 Page Lifecycle API，统一了网页从诞生到卸载的行为模式，而且定义了新的事件，容许开发者响应网页状态的各类转换，开发者就能够预测网页下一步的状态，从而进行各类针对性的处理。 

2. Vue.js是如何作到数据响应的？ 
推荐理由：

vue是怎么作到数据相应的？难道你很差奇吗？这篇文章，将原生和框架结合模拟vue.js的数据响应。读完这边文章，虽然不能彻底掌握vue数据响应的真正原理，可是咱们可以更了解框架，还能巩固原生知识

## 职业发展

1. 想提升本身的效率，单靠意志力是没用的 
推荐理由：

从底层去了解为何咱们会犯拖延症，而且解释了咱们一般使用意志力去打败拖延症的效果是很差的。提出了两个打败拖延症的不错的方式，值得咱们学习。

2. 为何前端工程师须要关注设计  
推荐理由：

离用户更近的前端工程师对于产品有第一知觉，咱们不该只专一于代码，应该再了解下产品对于用户的想法。

3. 2019年的用户交互趋势

推荐理由：

虽然iPhone X在2017年标志着无按钮手机时代的开始，但谷歌的Pixel 3和Pixel 3xl在2018年的发布证明了这一趋势。边框上的home键被移除后，人们开始反思本身与智能手机互动的方式。然而，对于用户体验设计师来讲，这种改变是一个至关大的挑战。关键字：手势控制，视频为主, 加强现实