分类:

使用React.js开发chrome插件

使用React.js开发chrome插件
一、背景相信看到这篇文章的人应该都用过Chrome插件吧,最近刚好有个这方面的需求,我就把Chrome插件的相关知识学习了一下,发现其实Chrome插件的开发和大前端Web开发的底子是一...

2年前 (2017-06-24) 412℃ 暂无评论 28

React应用在产品环境下的性能优化

React应用在产品环境下的性能优化
只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面中的 所有组件 上。 - 性能黄金法则,Steve SoudersSteve Souders在2007年提出这样的“...

2年前 (2017-06-05) 792℃ 暂无评论 36

React多语言解决方案

React多语言解决方案
由于框架使用的是 React , 多语言方案也选择了生态系统下的 react-intl 模块,它是雅虎 FormatJS 计划的一部分。翻译字符串替换使用 react-intl 替换字符串用以翻译很方便。只...

2年前 (2017-04-21) 771℃ 暂无评论 42

基于 koa + gulp 的前端工程构建工具

基于 koa + gulp 的前端工程构建工具
前言因公司前端项目在很长的一段时间内都没有一个比较合适的项目打包优化工具,以致页面打开速度慢,很多页面的代码很容易被其它公司抄袭,设计稿还原度不高,来回修改,影响工作效率...

2年前 (2017-02-06) 241℃ 暂无评论 30

Reflux应用架构学习分析

Reflux应用架构学习分析
在上篇中写了对flux的分析,这次来说说reflux吧。reflux是对flux的升级扩展,并且去掉了dispatcher这一层,比起使用起flux来,思路更加清晰,是一个标准的pub/sub模式的架构,同时能少...

2年前 (2017-02-05) 413℃ 暂无评论 25

Babel从入门到进阶(一)

Babel从入门到进阶(一)
介绍Babel 是一个通用的多用途 JavaScript 编译器(Babel is a JavaScript compiler.)。通过 Babel 你可以使用(并创建)下一代的 JavaScript,以及下一代的 JavaScript 工具。作为...

2年前 (2017-01-18) 239℃ 暂无评论 18

React/JSX 的编码规范(一)

React/JSX 的编码规范(一)
基本规范始终使用 JSX 语法,不要使用 React.createElement 创建 ReactElement,以提高可读性、可维护性、编写速度(没有 JSX 转换的特殊场景例外,如在 console 中测试组件)。每个...

2年前 (2017-01-16) 241℃ 暂无评论 28

使用react redux开发一个待办事宜demo

使用react redux开发一个待办事宜demo
引言&目标我们之前学习了react、redux、react-redux、webpack以及babel的使用方式,那么下面我们使用它们搭建一个待办事宜的程序,通过这个程序我们可以综合使用这些技术,将它们...

2年前 (2017-01-07) 231℃ 暂无评论 23

React系列之 Flux架构模式

React系列之 Flux架构模式
由于 React 只涉及 UI 层的处理,所以构建大型应用应该搭配一个框架模式才能使后期维护成本相对较小~Flux 正是 FB 官方给出的应用架构,他推崇一种单向的数据流动模式,看下图感...

2年前 (2017-01-03) 223℃ 暂无评论 28

React系列之 Redux 架构模式

React系列之 Redux 架构模式
Flux 架构相对来说还是比较繁琐,同时社区也涌现了很多第三方的框架模式,而 Redux 则脱颖而出React 以组件的形式维护了一颗 UI 树,但是对状态数据没有做更多的处理,Redux 则把状...

2年前 (2017-01-03) 228℃ 暂无评论 18