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

  • 覃云

2018 年 5 月 23 日

话题:语言 & 开发架构前端

看新闻很累?看技术新闻更累?试试下载 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 旗下关注大前端技术的垂直社群。紧跟时代潮流,共享一线技术,欢迎关注。

语言 & 开发架构前端