前端技术周刊 2018-06-22

新闻

五月底，欧盟的通用数据保护协议 GDPR 进入强制执行阶段，用户数据采集方式的不合规将导致欧盟追责，此举将影响各大全球化公司。对用户隐私的保护成为今年互联网圈的一个主旋律：WWDC 2018 上，苹果宣布遏制前端指纹技术；此前 Firefox 也启用了；Chrome，这个浪潮中相对保守的一家，则根据“更好的广告”标准上线了过激广告的过滤功能。与之相关的 Web 标准中的 doNotTrack 已被广泛支持，same-site cookie 则将在各大浏览器的新版本中得到支持。

5月，Nodejs 官方出了用户调研报告，有很多数据值得一提：平均从业人员有 2.3 年的 Nodejs 使用经验；94% 为男性；近八成用户使用了 NVM 之类的 Nodejs 版本管理；近六成使用了 LTS 版本的 Nodejs；3成的生产环境应用部署在 AWS 上；Nodejs 社区偏爱的工具有：JSON 文件作为持久化存储、React 作为前端框架、Express 作为 Nodejs 框架、Nginx 作为负载均衡工具、Docker 作为容器、Jenkins 作为 CI工具。

如果你是 React 的忠实拥趸，那么这可能是社区的又一个好消息，Office 用 React 实现的版本接近完成了，这证明了 React 驾驭极复杂系统的能力。

安卓上的 Chrome 68 起，添加到桌面的行为有了细微调整，可以侦测能够添加到主屏幕的事件 beforeinstallprompt，并允许开发调用 installPromptEvent.prompt() 征询用户意见。

友商 360 推出了，提供了 canvas 上的类似 DOM 的渲染与动画接口，亮点是支持了 Transition API 和 Web Animation API，并可以简单支持 D3 和 Protonjs。目前此库还不支持 Web GL 渲染模式。

Webpack 恐怕是每一个前端工程师的痛，过于复杂的配置副作用，完全不可规避的打包流程，乏味、粗糙而难以读懂的官网文档，都让大家对它又爱又恨。本期专题旨在让大家能够成为一个身心健康的 Webpack 配置工程师。

由浅入深进行webpack的项目实践，同时也会介绍一些社区上的插件去解决一些问题。看完这一系列的教程，你有足够的信心可以将webpack应用到你的项目中了。

也是一篇非常不错的入门级文章，另外还讲解了create-react-app 的配置规则。文章质量很高，唯一的缺憾是作者仅针对 Webpack 3，而现在 Webpack 已经升级到了 4，create-react-app 也跟随 Webpack 4 做了一定的升级。

Webpack 4 发布时去除了 CommonsChunkPlugin，取而代之的是 SplitChunksPlugin。本文是webpack开发者在他们medium博客上的介绍文章。

金台：实际上你看完之后依然后一脸懵逼，还是自己写个demo多实践一下吧。

金台：如果你实在看不懂官方文档，试着运行一些他们自己的例子，自己体会一下，收获也还是不错的。

如果你想自己实现一个 Webpack 的 Loader 或 Plugin，官方文档唯一的建议是看代码。那么有没有过来人看源码的经验呢？本文即是 Webpack 3 的源码阅读第一篇，系列一共 39 篇，值得一读。

本文介绍了优化 Webpack 打包过程的各个策略，从测量、并行化、降低负载、缓存等角度给出了建议。

本文介绍了无刷新的通信机制和通信流程。

如果上面这些文章都救不了你，或许是时候去社区找找共鸣了。看看过来人是怎样分析 Webpack 的难用点的吧：）

原文发布时间为：2018年06月28日

作者：掘金

本文来源：

如需转载请联系原作者