奇舞推荐
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 进行了解读。