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键被移除后，人们开始反思自己与智能手机互动的方式。然而，对于用户体验设计师来说，这种改变是一个相当大的挑战。关键字：手势控制，视频为主, 增强现实