# 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年大潮，
影响中国商业和社会形态至深；在高速增长的另一面，则是狂欢之后的狼狈。复制代码