平安金融壹账通H5技术周报(第十一期)

本期导读:今天这里雨下的有些大,但是挡不住我们对前端世界的热爱。
本期我们原创专题将聊聊postcss配置,rem移动端适配以及WebVR工程搭建;精选专题将拜读博客大神阮一峰的函数式编程入门、前端大哈的WebAssembly系列。

平安金融壹账通H5技术周报(第十一期)_第1张图片

原创文章

@林纯 为我们讲述 Gulp + PostCss使用方法

PostCSS 本身是一个功能比较专一的工具。它使用 JavaScript 代码来处理 CSS,负责把 CSS 代码解析成抽象语法树结构(AST),再交由插件来进行处理。
PostCSS 的强大之处在于其不断发展的插件体系。开发人员也可以根据项目的需要,开发出自己的 PostCSS 插件...

@文斌 和你 聊聊h5的移动端适配方案-rem

1.目前手机品牌众多,手机的宽度不统一,所以第一个问题就是如何让不同的手机显示的内容看起来是一样的?
2.目前市场上的手机多数是高清屏,如何解决高清的问题?
这篇文章将会介绍rem是如何解决这两个问题...

@昱宏 带来 VR进化论|教你搭建通用的WebVR工程

作为一个基本的前端工程来说,我们需要让代码“工程化”,不仅要提供编译构建、压缩打包功能,还要让每个页面模块化;
延伸到WebVR工程,就需要考虑就必须考虑“多页面”模块化,提供多个场景模块化开发...

平安金融壹账通H5技术周报(第十一期)_第2张图片
WebVR muilti-page

精选文章

@阮一峰 函数式编程入门教程

你可能听说过函数式编程(Functional programming),甚至已经使用了一段时间。
但是,你能说清楚,它到底是什么吗?

@胡子大哈 WebAssembly 系列(一)生动形象地介绍 WebAssembly

你可能已经听说过,WebAssembly 执行的更快。但是 WebAssembly 为什么执行的更快呢?
在这个系列文章中,我会为你解释这一点。

前端动效

本期是一款3d粒子演示动画@昱宏


平安金融壹账通H5技术周报(第十一期)_第3张图片
粒子变换效果
  • demo:https://yorkchan94.github.io/web3d-examples/dist/
  • 源码:https://github.com/YorkChan94/web3d-examples/blob/master/src/app/particles.js
平安金融壹账通H5技术周报(第十一期)_第4张图片
搞IT太辛苦了,想换一行怎么办?”“敲一下Enter键。”

你可能感兴趣的:(平安金融壹账通H5技术周报(第十一期))