记得点击文章末尾的“阅读原文”查看哟~
下面先一起看下本期周刊摘要吧~
嘿又到周五啦~ 期待已久的五一假期即将来临,新一期的周刊比以往来得更早一些~ 假期愉快~
(图 @jonasmos)
奇舞推荐
■ ■ ■
Webpack 与 Browser-Sync 热更新原理
从 EventSource 开始讲起,分析 webpack-hot-middleware 和 browser-sync 背后的技术。
熟练工如何拔高 & 零碎知识的整理
“在学习这些变化的知识时,也有不变的东西存在。知识是学不尽的,但是能力可以不断地提升,随着经验的丰富,能力也会跟着一起上去。”
如何自己实现一个 mobx
mobx 是一个非常优雅的状态管理库,具有相当大的自由度,并且使用非常简单,文章作者实现了一个 mini 版的 mobx,用来探究 FRP 模式在 js 中的实现。
Emoji.prototype.length —— Unicode 字符那些事儿
解读 emoji 与 Unicode 背后的那些事。
JavaScript
■ ■ ■
Vue2.0 源码阅读:模板渲染
作者带你读 Vue2.0 源码之模板渲染。
Redux 源码剖析及应用
该文主要包含 Redux 设计思想、源码解析、Redux 应用实例应用三个方面。
实测 Vue SSR 的渲染性能:避开20倍耗时
Vue SSR 是 Vue.js 2.0 引入的直出渲染方案,该文对 virtual-dom-based 及 string-based 的原理进行了全面解析、对比。
D3 极简入门教程
D3 入门教程一篇。D3 是一个数据驱动的可视化前端库,使用 D3 可以方便地实现数据可视化。
CSS
■ ■ ■
CSS :focus 伪类、JS focus 事件提高网站键盘可访问性
所谓“键盘可访问性”,指的是用户只使用键盘访问网站的能力。其实我们只要平时注意 HTML 语义化,不要重置 outline,基本上键盘可访问性就已经及格了。
CSS 新知识: flow-root
该文介绍了 CSS 中 display 的新属性值 flow-root,这是一种最新的浮除浮动的方案。
CSS Grid 布局这样玩
通过几张图快速掌握 CSS Grid 的核心概念和使用技巧。
网络
■ ■ ■
理解 TCP 协议的三次握手和四次分手
白话解说 TCP 协议的三次握手和四次挥手。
从网络通信角度谈 Web 性能优化
理解浏览器与互联网的通信过程,深入分析,寻求优化之道。
其它
■ ■ ■
前端工程化的部署与测试
现在前端构建工具广泛应用于执行一些自动化的构建任务,但实际上,它们能做更多,Nodejs 的发展也支持我们能做更多,如自动化部署和自动化测试。
Weex 中别具匠心的 JS Framework
作者从源码角度讲解了 Weex JS Framework 是如何管理实例的生命周期、构建 Virtual DOM、处理 Native 触发的事件的。
React Native 源码导读
React Native 源码导读。作者从代码调用、启动流程、渲染原理、线程模型、通信机制等诸多方面对 React Native 进行了解读。
欢迎点击“阅读原文”,学习本周精华文章~
奇舞周刊
——————————————————
领略前端技术 阅读奇舞周刊
长按二维码,关注奇舞周刊
▼