Hyperapp源码分析
2018-02-20
阅读 3 分钟
3.2kHyperapp是一个轻量级视图库，拥有完备的界面渲染、以及视图数据交互更新能力。专注于视图渲染的核心部分，使得它的体积非常轻巧，也使得它具备"无限可能"。在设计上并无涉及太多复杂场景，尤为适用于轻量级的移动开发场景。
极致Web性能 —— SPA性能指南
2018-02-12
阅读 3 分钟
7.6k前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.)，配合一系列加载器快速搭建起一个 SPA 页面。
Web加速器：Loder v1.0 发布 ?
2018-02-01
阅读 3 分钟
4.2k目前线性粗放式的Web资源加载模式，尤其在条件有限的移动端，很大程度限制了页面加载体验。费很大劲把脚本体积降下来，却得到极其有限的性能收益。使用微核启动器Loder，快速启动应用，利用在Bundle加载执行同时，展示Loading交互、发起鉴权、初始数据请求等，最大化利用设备能力提高页面渲染性能。
极致PCWeb性能 —— 静态化&工程化JSONP
2017-06-24
阅读 2 分钟
5.9k在大家的认知里，JSONP，往往是另外一种异步请求的方式，其主要优点是支持跨域数据请求。因此，JSONP往往是将一个Script节点动态插入document，随后浏览器会自动发起一个远程请求。
极致PCWeb性能 —— 同步加载vs异步加载
2017-06-20
阅读 2 分钟
4.3k同步与异步加载，往往是指网络资源，像图片、样式、脚本等。本文探索在PCWeb下，同步&异步性能差距到底有多少？为何移动端的优秀方案到PCWeb，会造成性能问题？
极致PCWeb性能 —— 图说舌尖上的脚本
2017-06-18
阅读 2 分钟
5k我们通过分析主流浏览器Chrome，来了解一个脚本从无到有再到运行作用，到底经历了什么。以下将会用lodash为作为例子，浏览器的脚本生命周期。
技能树升级——Chrome Headless模式
2017-04-14
阅读 4 分钟
20.8k3年前，无头浏览器PhantomJS已经如火如荼出现了，紧跟着NightmareJS也成为一名巨星。无头浏览器带来巨大便利性：页面爬虫、自动化测试、WebAutomation...
redux入门指南（二）
2016-02-20
阅读 2 分钟
2.7k第一篇介绍的是redux作为状态容器的核心思想，由state初始化，到action被分发而改变状态。之后的扩展都是围绕核心思想展开，也正得益于函数式编程等其他扩展，redux成为目前最流行的react状态管理框架。
redux入门指南（一）
2016-01-26
阅读 3 分钟
4.3k现在有一个开关按钮组件ToggleButton，而按钮的on/off就是这个组件的状态。一个应用里面会有大量的组件，而管理以及传递这些组件的状态，就成了非常繁琐的工作。redux使用一个非常简洁的思路，方便地提供不同层级组件的解耦式状态操作。
React组件/元素与实例分析
2015-12-20
阅读 8 分钟
5.9k很多React新手对Components以及他们的instances和elements之间的区别感到非常困惑，为什么要用三种不同的术语来代表那些被渲染在荧屏上的内容呢？
滚蛋吧！constant 君
2015-11-23
阅读 3 分钟
4.6k作者：Jogis原文链接：[链接]转载请注明原文链接以及作者信息 前言 事情经过是这样的，某个阳光明媚的晚上，跟大多数人一样，在MacBook前静静地写着redux/flux“优美”的诗句。剧情急转直下： {代码...} index.js看起来是这样的： {代码...} 好像没什么不对劲，然后看了一下a.js和b.js.. {代码...} 。。。。。。。。。 喵...
前端webpack workflow（二）——Webpack基本使用
2015-11-12
阅读 4 分钟
36.5k前一篇文章介绍了webpack以及安装方法，这次将会介绍webpack在单页面应用程序（Single Page Application）与多页面站点不同场合的用法。
前端webpack workflow（一）——Webpack入门
2015-11-12
阅读 2 分钟
13k作者：Jogis 原文链接：[链接] 转载请注明原文链接以及作者信息 模块加载器 随着前端项目越来越复杂（尤其是大型SPA），以及命名空间混乱，一系列模块加载器随之而生。 Javascript模块标准有：AMD 和 CommonJS 最有名的加载器有：RequireJS、SeaJS、Bowserify 那么，有人就会问，这么多模块加载器，为什么还要重复发明轮...