BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 覃云 关注 6 他的粉丝 发布于 2018年5月24日. 估计阅读时间: 6 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

链接有问题 by wang heng

闲鱼Flutter界面开发探索的超链接有问题

Re: 链接有问题 by Ding Alice

不知道什么原因,链接加上自动变,请访问这个:zhuanlan.zhihu.com/p/36577285

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT