前端每周清单第 63 期：Polymer 3.0，iOS 爆出新漏洞，2018 前端工具调查结果

看新闻很累？看技术新闻更累？试试下载 InfoQ 手机客户端，每天上下班路上听新闻，有趣还有料！

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏 目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

1. Guess.js : 近日，Google 在 I/O 大会上推出了 Web 数据驱动工具包 Guess.js，Guess.js 主要用于探索以下方面的数据分析驱动在用户体验中的应用：单页应用程序、基于框架的静态网站、静态内容网站、企业网站等，详情请阅读原文。
2. iOS 爆出新漏洞，10% 应用恐受影响：近日，移动互联网安全团队盘古实验室在针对不同客户的 iOS 应用安全审计过程中发现了一类名为 ZipperDown 的安全漏洞，经过他们的测试，发现 10% 的 iOS 应用可能会受到此漏洞的影响，而且他们在 Android 平台上也发现了类似的漏洞，该团队还在大量的流行应用中测试确认中。
3. Polymer 3.0 ：Polymer 是 Google 主推的一个 JavaScript 库，它可帮助你创建自定义的可重用 HTML 元素，并使用它们来构建高性能、可维护的 App。在 I/O 大会上，Google 推出了 Polymer 3.0，Polymer 3.0 致力于将 Web 组件的生态系统从 HUML Imports 转移到 ES Modules，包管理系统将支持 npm，这使你更容易将基于 Polymer 的 web 组件和你喜欢的工具、框架协同使用。
4. Babylon.js 3.2 ：Babylon.js 是一种用 TypeScript 编写的 JavaScript 框架，用于结合 HTML5、WebGL、WebVR 和 Web Audio 构建 3D 游戏和体验。它提供了从 Blender、Unity、3DS Max、Maya 和 Clara.io 等常用 3D 工具导出 Babylon.js 对象的工具。3.2 版为 Babylon JavaScript 引擎引入了多种新的缓存层，减少了 JavaScript 的执行时间，节省了 3D GPU 计算所占用的浏览器资源。

开发教程

步步为营，掌握基础技能

1. 如何使用 Vue.js 构建 SPA ：SPA（单页应用程序）具有非常好的应用体验，让用户在 Web App 中可以感受原生应用的速度和流畅。在本教程中，将教你分步学习如何使用 Vue 构建单页应用程序。
2. 如何避免 10 个常见的 JavaScript 错误：本文收集了排名前十的 JavaScript 错误，分析了产生这些错误的原因，并教你如何避免这些错误，让你成为一个更好的开发者。
3. 免费课程：学会使用 Bulma CSS ：借助 Bulma，我们可以轻松创建美观而且反应灵敏的网站，本文将详细介绍 Bulma 是如何运作，以及我们可以利用它来构建什么（里面包含免费课程）。

工程实践

立足实践，提示实际水平

1. 使用 Bootstrap 4 和 Angular 6 构建响应式布局：Bootstrap 4 于今年 1 月发布，带来的一些新功能使响应布局变得更简单，而 Angular 6 在本月初发布，新的 angular.json 配置文件与原来的 angular-cli.json 结构完全不同，这些给作者的团队在项目中实现 Bootstrap / Angular 集成带来了一些启示。
2. 闲鱼 Flutter 界面开发探索（ https://zhuanlan.zhihu.com/p/36577285）：本文不是 flutter 界面开发入门文章，而是一篇深入介绍 Flutter framework 关于视图树的创建与管理机制、布局、渲染的原理、以及 flutter 布局与渲染相关性能优化的设计思路的文章。同时介绍在使用 flutter 开发过程中，遇到的一些坑和相应的解决方案。

深度阅读

深度思考，升华开发智慧

1. Google 力推的那些前端技术，最近都有哪些进展？：众所周知，Google 前端涵盖的技术已经从 Web 框架到 Web 工具，包括 Angular、PWA、polymer、AMP 等，全文为大家捋了捋 Google 力推的这些前端技术最近的进展。
2. Angular Ivy ：Ivy 是 Angular 即将推出的渲染引擎，它能使 Angular 调试更容易，以更快地速度编译和运行，它还可以与现有的应用程序一起使用。本文将告诉你它是如何工作。
3. 2018 前端工具调查结果：本文来自对 5000 名前端开发人员的调查结果，这项调查由 24 个问题组成，内容涵盖前端工作经验、CSS 工具、常用的 JS 工具和 JavaScript 包管理器等。

开源项目

乐于分享，共推前端发展

1. react-native-dom ：react-native-dom 是 React Native 的一个实验性综合性库，它默认为多线程，与 React Native 在移动设备上具有相同的布局，使用相同的 bundler。
2. lynt ：零配置 JavaScript Linter，支持 React、Flow 和 TypeScript，它没有样式规则，Lynt 只处理检查出来的错误，这让代码风格适合更好的工具 prettier。
3. dumb-react ：Dumb React 是用于创建静态网站屏幕的 React 组件集合。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。