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

未分类

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

新闻热点

国内国外，前端最新动态

Guess.js:近日，Google 在 I/O 大会上推出了 Web 数据驱动工具包 Guess.js，Guess.js 主要用于探索以下方面的数据分析驱动在用户体验中的应用：单页应用程序、基于框架的静态网站、静态内容网站、企业网站等，详情请阅读原文。

iOS爆出新漏洞，10%应用恐受影响：近日，移动互联网安全团队盘古实验室在针对不同客户的 iOS 应用安全审计过程中发现了一类名为 ZipperDown 的安全漏洞，经过他们的测试，发现 10% 的 iOS 应用可能会受到此漏洞的影响，而且他们在 Android 平台上也发现了类似的漏洞，该团队还在大量的流行应用中测试确认中。

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 组件和你喜欢的工具、框架协同使用。

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计算所占用的浏览器资源。

开发教程

步步为营，掌握基础技能

如何使用Vue.js构建SPA：SPA（单页应用程序）具有非常好的应用体验，让用户在Web App中可以感受原生应用的速度和流畅。在本教程中，将教你分步学习如何使用Vue构建单页应用程序。

如何避免10个常见的JavaScript错误：本文收集了排名前十的JavaScript错误，分析了产生这些错误的原因，并教你如何避免这些错误，让你成为一个更好的开发者。

免费课程：学会使用Bulma CSS：借助Bulma，我们可以轻松创建美观而且反应灵敏的网站，本文将详细介绍Bulma是如何运作，以及我们可以利用它来构建什么（里面包含免费课程）。

工程实践

立足实践，提示实际水平

使用Bootstrap 4和Angular 6构建响应式布局：Bootstrap 4于今年1月发布，带来的一些新功能使响应布局变得更简单，而Angular 6在本月初发布，新的angular.json配置文件与原来的angular-cli.json结构完全不同，这些给作者的团队在项目中实现Bootstrap / Angular集成带来了一些启示。

闲鱼Flutter界面开发探索：本文不是flutter界面开发入门文章，而是一篇深入介绍Flutter framework关于视图树的创建与管理机制、布局、渲染的原理、以及flutter布局与渲染相关性能优化的设计思路的文章。同时介绍在使用flutter开发过程中，遇到的一些坑和相应的解决方案。

深度阅读

深度思考，升华开发智慧

Google力推的那些前端技术，最近都有哪些进展？：众所周知，Google前端涵盖的技术已经从 Web 框架到 Web 工具，包括 Angular、PWA、polymer、AMP 等，全文为大家捋了捋 Google 力推的这些前端技术最近的进展。

Angular Ivy：Ivy是Angular即将推出的渲染引擎，它能使 Angular 调试更容易，以更快地速度编译和运行，它还可以与现有的应用程序一起使用。本文将告诉你它是如何工作。

2018前端工具调查结果：本文来自对5000名前端开发人员的调查结果，这项调查由24个问题组成，内容涵盖前端工作经验、CSS工具、常用的JS工具和JavaScript包管理器等。

开源项目

乐于分享，共推前端发展

react-native-dom：react-native-dom是React Native的一个实验性综合性库，它默认为多线程，与React Native在移动设备上具有相同的布局，使用相同的bundler。

lynt：零配置JavaScript Linter，支持React、Flow和TypeScript，它没有样式规则，Lynt只处理检查出来的错误，这让代码风格适合更好的工具prettier。

dumb-react：Dumb React是用于创建静态网站屏幕的React组件集合。

前端之巅

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