前端技术周刊 2018-06-22

新闻

生态更新

Nodejs 发布了六月安全更新&＃xff0c;建议开发者更新到 10.4.1 版本&＃xff0c;包含对 HTTP/2 拒绝服务攻击、TLS 拒绝服务等的预防。
五月底&＃xff0c;欧盟的通用数据保护协议 GDPR 进入强制执行阶段&＃xff0c;用户数据采集方式的不合规将导致欧盟追责&＃xff0c;此举将影响各大全球化公司。对用户隐私的保护成为今年互联网圈的一个主旋律&＃xff1a;WWDC 2018 上&＃xff0c;苹果宣布将采用智能反追踪技术遏制前端指纹技术&＃xff1b;此前 Firefox 也启用了类似技术&＃xff1b;Chrome&＃xff0c;这个浪潮中相对保守的一家&＃xff0c;则根据“更好的广告”标准上线了过激广告的过滤功能。与之相关的 Web 标准中的 doNotTrack 已被广泛支持&＃xff0c;same-site COOKIE 则将在各大浏览器的新版本中得到支持。
5月&＃xff0c;Nodejs 官方出了用户调研报告&＃xff0c;有很多数据值得一提&＃xff1a;平均从业人员有 2.3 年的 Nodejs 使用经验&＃xff1b;94% 为男性&＃xff1b;近八成用户使用了 NVM 之类的 Nodejs 版本管理&＃xff1b;近六成使用了 LTS 版本的 Nodejs&＃xff1b;3成的生产环境应用部署在 AWS 上&＃xff1b;Nodejs 社区偏爱的工具有&＃xff1a;JSON 文件作为持久化存储、React 作为前端框架、Express 作为 Nodejs 框架、Nginx 作为负载均衡工具、Docker 作为容器、Jenkins 作为 CI工具。
如果你是 React 的忠实拥趸&＃xff0c;那么这可能是社区的又一个好消息&＃xff0c;Office 用 React 实现的版本接近完成了&＃xff0c;这证明了 React 驾驭极复杂系统的能力。
安卓上的 Chrome 68 起&＃xff0c;添加到桌面的行为有了细微调整&＃xff0c;可以侦测能够添加到主屏幕的事件 beforeinstallprompt&＃xff0c;并允许开发调用 installPromptEvent.prompt() 征询用户意见。

瑞士军刀

Polly.JS 是 Netflix 用于捕获、重放并记录 HTTP 请求的一个 JS 库。
零配置的打包工具 Parcel 发布其 1.9 版本&＃xff0c;支持 Tree shaking 特性&＃xff0c;Watcher 部分提速2倍。
ML5js 是基于 tensorflow.js 的一个封装&＃xff0c;提供了预训练模型可直接用于检测体态、短句生成、重新绘图、自动谱曲、处理英文单词关系等。
友商 360 推出了 SpriteJS&＃xff0c;提供了 canvas 上的类似 DOM 的渲染与动画接口&＃xff0c;亮点是支持了 Transition API 和 Web Animation API&＃xff0c;并可以简单支持 D3 和 Protonjs。目前此库还不支持 Web GL 渲染模式。
CSS Doodle 为我们提供了用 CSS Grid 绘制平面构成图案的简单方式。

2f2fc3dc9f7895024cbe5cfd73ccb30aa086f798

专题&＃xff1a;Webpack生存指南

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

Webpack 入门手册

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

Webpack 从入门到工程实践

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

Webpack 4 中的代码分割和公用代码的抽取 & 中译

Webpack 4 发布时去除了 CommonsChunkPlugin&＃xff0c;取而代之的是 SplitChunksPlugin。本文是webpack开发者在他们medium博客上的介绍文章。
金台&＃xff1a; 实际上你看完之后依然后一脸懵逼&＃xff0c;还是自己写个demo多实践一下吧。