前端每周清单:大前端技术生命周期模型;WWDC

时间:2017-11-22 15:33

作者|王下邀月熊编辑|尾尾链接点不开?对不起,这个锅小编不背——重要的事情要特意提醒:由于微信不支持外链(注意是外链),故在相关内容后的提供了短链接,方便大家复制。查看本文带链接版请点击阅读原文。新闻...

前端每周清单:大前端技术生命周期模型;WWDC

作者 |王下邀月熊 编辑 |尾尾 链接点不开?对不起,这个锅小编不背——重要的事情要特意提醒:由于微信不支持外链(注意是外链),故在相关内容后的提供了短链接,方便大家复制。查看本文带链接版请点击阅读原文。 新闻热点

国内国外,前端最新动态

《大前端技术生命周期模型》 :GMTC全球移动技术大会主编徐川推出了 InfoQ观察与总结大前端技术采用的生命周期,并表示大前端正处于密集创新阶段,未来将会有几项技术突破出来成为主流。( )

《WWDC中发布 Safari 11》:Safari 11带来了很多的新特性,包括开发者喜闻乐见的 WebRTC、网页快照、WebAssembly、iOS中的拖拽支持等等;同时在 Safari 11中我们还可以使用 Media Capture、WebCrypto、Resource Timing等多种新的 API。( )

《Google Chrome开发者工具更新》:在 Google I/O 2017大会上,Paul Irish发表了一段"2017开发者工具年度报告",他展示了一些 Chrome开发者工具的新特性,其中包括能够帮助开发者简化代码和处理现代 JavaScript需求的一些新特性。

《V8 6.0发布》:V8 6.0发布,提供了对 SharedArrayBuffer的支持等新特性。

开发教程

步步为营,掌握基础技能

《WebAssembly初体验:重构简单游戏引擎》:WebAssembly为我们提供了构建高性能的前端应用的途径,而本文则从零开始介绍如何使用 C来覆写简单的 JavaScript游戏引擎并且将其编译为 WebAssembly。本文依次介绍了如何搭建基础的 Emscription工具链、使用 JavaScript引入 wasm模块、覆写并且优化某个小型游戏引擎、两个引擎的性能评测等等部分。( )

《使用 Vue与 NativeScript开发跨端应用》:目前标准的开发 NativeScript应用的方式是使用朴素的 JavaScript或者 Angular,而本文介绍了如何结合使用 Vue与 NativeScript来开发跨终端应用。本文首先阐述了 Vue.js相较于 React或者 Angular的优势,然后阐述了使用 Vue语法来开发基础 NativeScript应用的步骤。( )

《基于 Firebase与 Vue.js构建基于地理位置的聊天室》:本文介绍了基于 Firebase与 Vue.js构建某个基于地理位置搜索与配对的聊天室应用的过程,应用发布在这里,还是挺有意思的应用。本文除了介绍 Vue.js项目的基础构建与语法之外,还介绍了所谓 Geohash的知识与 Firebase相关接口的使用。

《Node.js 8中 util.promisify介绍》:Node.js 8为我们提供了新的工具函数 util.promisify,它能够将某个基于回调的函数封装为基于 Promise的函数。本文介绍了 util.promisify的基本使用,首先介绍了对于文件读取写入相关接口的封装使用,然后讨论了如何引入 async语法,最后还介绍了自定义 promisify函数的用法。()

《你应该掌握的关于 Node.js子进程的知识》:Node.js最初以单进程单线程非阻塞方式提供了强大的性能表现,不过在目前多核时代下仅使用单进程已远远不能承载日益增长的应用压力。本文即介绍在 Node.js中如何使用 spawn、exec、execFile、fork等多进程相关模块的用法与各自的特点,依次介绍了使用 spawn来创建实现了 EventEmit接口的子进程、使用 exec执行子命令、使用 fork创建自带通信信道的子进程等。( )

工程实践

立足实践,提示实际水平

《Medium网站的技术栈》:Medium是一个在线发布平台,最初由 Twitter联合创始人Evan Williams开发。该平台于 2012年启动,现在每个月有 6000万独立访客。该网站部署在 AWS上,使用 NodeJS和 Go作为应用程序和服务的开发语言,使用 DynamoDB作为数据存储,并使用 Amazon Redshift作为数据仓库。

《Figma利用 WebAssembly降低三倍加载速度》:自 WebAssembly推出之后,很多开发者都开始尝试在小型项目中实践 WebAssembly,不过尚缺大型真实案例比较。而 Figma因为其产品主要基于 C++实现,可以方便地编译到 WebAssembly中并且与原方案进行性能比较。本文中 Figma介绍了它们在 Firefox中使用 WebAssembly之后带来的加载性能提升以及下载尺寸的优化,同时还提及了目前 WebAssembly在实际项目使用中存在的一些问题与风险。( )