技术周刊 第 37 期

[Lmagic16]

【前端】

1、WebAssembly 的未来

WebAssembly 目前只是 MVP（最小可行产品）阶段，本文介绍了这种编译语言未来可能具有的功能。

链接：https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/

2、 33 个 JS 程序员需要知道的概念

按照主题，收集 JS 学习资源的仓库。

链接：https://github.com/leonardomso/33-js-concepts

3、Netflix Web 性能案例研究

Netflix 是世界上最受欢迎的流媒体播放服务商，过去2年用户数增长巨大，这得得益于网站极好的用户体验，工程师们使用 React SSR，客户端删 React 换原生 JS，以及 2 种方式的 preload 等手段使 TTI 提升了 50%，另外在大流量下使用 loading page 也很值得借鉴。

链接：https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9

4、精打细算浏览器空闲时间 - requestIdleCallback

浏览器的主线程在每一帧处理完用户输入、动画计算、合成帧等操作后，通常会处于空闲状态，直到下一帧开始、或者收到新的用户输入、或者pending的任务满足了执行条件等。这段空闲时间应该充分地利用起来。比如用空闲时间来执行后台任务就十分合适，浏览器提供了 requestIdleCallback API 就是专门来做这类调度任务的。

链接: https://mp.weixin.qq.com/s/2apcqQbQFL8L4dYYZ8DTqw

5.富文本编辑器的技术演进之路

浏览器提供了两个原生特性：
contenteditable：
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content
document.execCommand()：
https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

https://mp.weixin.qq.com/s/PyXpfiZ-PiP8S5pQcHRZng

6. 纯 CSS 实现多行文字截断

看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望：

• 兼容性好，对各大主流浏览器有好的支持
• 响应式截断，根据不同宽度做出调整
• 文本超出范围才显示省略号，否则不显示省略号
• 省略号位置显示刚好

http://www.10tiao.com/html/59/201811/2651555258/3.html

7、GitHub 仓库数量破亿了

上个月中旬，GitHub 刚刚发布了年度报告，宣布拥有 9600 万个项目和 3100 万用户，今天，GitHub 官方博客宣布：GitHub 上的仓库数量正式突破 1 亿，这对 GitHub 来说是一个巨大的里程碑。

链接：https://mp.weixin.qq.com/s/G74xre03WtTu2Y_40cBIuQ

8、React hooks都是数组，没那么神秘

作者是 hooks API 的忠实粉丝，不过它在使用方面确实存在一些奇怪的限制。在这篇文章里，作者提出了一个模型，为那些难以理解 hooks API 使用规则的人提供一种思路。

链接：https://mp.weixin.qq.com/s/KPgGUjMjpTK3fA1Zjw5MNA

【后端】

1、后台技术栈/全栈开发/架构师之路

Full Stack Developer Tutorial，后台技术栈/全栈开发/架构师之路，秋招/春招/校招/面试。 from zero to hero。

链接：https://github.com/frank-lam/2019_campus_apply

2、 GoCity—3D可视化库

GoCity 是将项目的文件结构、目录、方法数、变量数、源码行数等信息进行 3D 可视化展示，3D图就类似于城市。其中 UI 使用 React 构建，并使用 babylon.js 进行 3D 绘制。

链接：https://github.com/rodrigo-brito/gocity

【其他】

1、漫威API示例

几天前，整个互联网上最棒的API——Mavel API发布。我喜欢API，也喜欢漫画，二者的结合就是行星吞噬者级别的新闻。（此处我所指的行星吞噬者是那紫色的大家伙，而不是神奇四侠电影中的无定形巨云。）

链接：https://mp.weixin.qq.com/s/OCk1348fWsDQMkDuvXL82A

2、 参加2018成都web前端交流大会是个什么样的体验？

感谢大家百忙之中抽出时间参与FCC成都社区主办的前端交流大会活动，FCC成都社区一直为给大家举办高质量的、干货满满的、用户体验好的技术活动持续不断的精进着，但社区坚信此次大会还是有很多值得FCC成都社区团队优化、反思和改进的地方，社区也十分渴望大家能给予社区意见和建议，力争下次技术活动我们可以做得更好。

链接：https://www.zhihu.com/question/302090291