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