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