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

本期导读:十一过后,是时候来一波秋季干货。最近Facebook将React的许可改为MIT,针对React,本次带来setState源码分析@严晓娥,以及@吴掌雄的js实现微信公众号算法,文末展示了websocket实现的简易聊天室,欢迎尝试。

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

原创文章

@严晓娥 Reactjs源码走读 --- setState时触发render的过程

在调用setState时,react会帮我们去更新DOM,重新去render一次,这个过程是怎么实现的呢?了解它就能很好的帮助我们理解为什么有时我们通过setState改变了一个变量的值,而再次使用时还是原来的值...

@吴掌雄 讲解 js实现微信公众号签名算法

微信公众号的签名一般是服务器后端完成的,但有时候我们要调用官方jssdk里面的一些分享、图像、扫一扫等安全性要求不是很高的接口时,其实可以前端直接签名调用。本文为大家分享一下前端js实现微信公众号签名算法...

@陈昱宏 介绍 WebVR交互事件 --- gaze 开发实现

Gaze注视事件是WebVR最基本的交互方式,用户通过头部运动改变视线朝向,当用户视线正对着物体时,触发物体绑定的事件,具体分为三个基本事件,分别是gazeEnter,gazeTrigger,gazeLeave...


精选文章

@阮一峰 简单易懂的 Koa 框架教程

Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行,所有功能都通过插件实现,很符合 Unix 哲学。本文从零开始,循序渐进,教会你如何使用 Koa 写出自己的 Web 应用...

@joyhuang 介绍 网页加速特技之 AMP

Accelerated Mobile Pages (AMP)直译过来就是在移动设备上快速加载的网页。它是由 Google 发起的一个开源项目,主要目的是缩短静态内容的渲染时间从而有效提升网站的加载速度...


前端视界

本期展示的是基于websocket的多人简易聊天室@陈昱宏,使用koa和socket.io框架开发。
Demo:www.pinganh5.com/showcase/59d9faf953887b935434eed2
源码:github.com/YoneChen/chatroom

平安金融壹账通H5技术周报(第十七期)_第2张图片
简易聊天室

前端图记

一个Vue组件从初始化到更新渲染的执行过程是什么样的呢,下图来自Vue官网展现了Vue组件的生命周期。


平安金融壹账通H5技术周报(第十七期)_第3张图片
Vue组件生命周期

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