# BetterFE 前端技術週刊 - 2018/12/3

BetterFE開張了，每週更新一篇週刊以及不定時的發表原創文章，我是本期不負責任編輯：小花生，但願可以給你們帶來幫助😊

## 深閱讀

1. 如何利用預加載讓頁面視頻資源能夠第一時間可用

developers.google.com/web/fundame…

推薦理由：不只由於其介紹了視頻在頁面的使用，能夠彌補平時咱們的工做較少處理音視頻的短板。
更由於其擴展介紹了不少優秀的知識點：其中
1. link preload 不只能夠應用於視頻，適用於多種頁面資源；
2. MSE（Media Source Extensions）的介紹及其工做原理，讓咱們得知這一處理media的大殺器；
3. HTTP RANGE加載，已經愈來愈多的開始普及，好比pdf的分頁加載；
4. 檢測設備電量及是否充電，檢測網絡狀況來進行下一步的行爲，將站點性能優化推到了一個新高度；
5. Data Saver 讓咱們知道原來chrome還能夠進行各類各樣的配置化。複製代碼

2. 介紹for of和for in的一些區別
www.zhangxinxu.com/wordpress/2…

推薦理由：
深刻的介紹for in 與for of的本質區別，使用狀況，枚舉和迭代使用的區別。
以及for of中使用break中斷循環的一些用法。迭代Map,Set, generators的一些操做複製代碼

3. 談談使用 promise 時候的一些反模式
efe.baidu.com/blog/promis…

推薦理由：此文由簡要介紹promise起源開始，以常見錯誤爲栗子逐步講解使用promise的正確方式，
用反模式的形式讓讀者從另一種角度掌握姿式點，並在之後開發的過程當中能夠反查優化代碼，
文章最後固然也提到語法糖async/await，理解其美妙之處。複製代碼

## 新鮮貨

1. 理解 Web 3――用戶控制的互聯網
www.infoq.cn/article/und…

推薦理由：探究互聯網的前方以及區塊鏈技術在Web3.0時代所扮演的重要角色。複製代碼

2. babel 7 使用手冊
mp.weixin.qq.com/s/AURDiWwsp…

推薦理由：babel都7了，這篇文章是對於金凱的 【平庸前端碼農之蛻變 ― AST】的補充，這裏想說的就是插件
對於babel的做用，而咱們使用者可能比較關心的，也就是在作代碼轉換時，會用到哪些插件。本篇文章對
Plugins，presets，configure Babel 等作了比較細緻的講解，值得一讀複製代碼

3. 提高首屏體驗的一些技巧

mp.weixin.qq.com/s/xmjfSRznF…

推薦理由：首屏優化對H5體驗和性能相當重要，可是優化點多而細，項目開發中很難周全。
因此理出一套優化思路和步驟。按照理出的套路一步一步作優化，能夠事半功倍！複製代碼

4. 實戰中如何發散思惟，精簡邏輯判斷

juejin.im/post/5bdfef…

推薦理由：隨着邏輯複雜度的增長，代碼中的if/else/switch會變得愈來愈臃腫，
你是否是覺着一大串的判斷很失水準？看這裏，從最多見的代碼入手，精簡你的代碼複製代碼

## 職業發展

1. 平庸前端碼農之蛻變 ― AST

github.com/CodeLittleP…

推薦理由：爲何前端開發存在那麼多的框架，預處理器？爲何他們之間存在各類各樣的性能差距，
babel是如何把es6的代碼轉譯成es5的，一切的奧祕都在AST中。複製代碼

2. 程序員健康指南(人工乾貨分揀)
zhuanlan.zhihu.com/p/37147986

推薦理由: 關於養生的絕對的乾貨，必看但沒必要照作，僅供參考複製代碼

3. 2018，創業黃金時代結束的一年

mp.weixin.qq.com/s?__biz=MzI…

推薦理由：在宏觀環境去槓桿的大背景下，沙灘上的裸泳者愈來愈多。P2P爆雷、長租公寓爆雷、九鼎跌落，
幣圈也沒錢了……融資變得艱難，風口轉瞬即逝，投資狂潮造就的創業公司高估值，沒有得到二級市場的普遍承認，
估值倒掛的現象直接致使大量公司因融資問題難覺得繼。36氪經過問卷調查等形式採訪了100多位創業者，
聆聽他們真實的故事。若干年後咱們再回首，2018將成爲中國新商業的里程碑――全民創業10年大潮，
影響中國商業和社會形態至深；在高速增加的另外一面，則是狂歡以後的狼狽。複製代碼