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鍵被移除後，人們開始反思本身與智能手機互動的方式。然而，對於用戶體驗設計師來講，這種改變是一個至關大的挑戰。關鍵字：手勢控制，視頻爲主, 加強現實