简介 Enzyme是一个React的JavaScript测试工具,使React组件的输出更加容易extrapolate 。Enzyme的API和jQuery操作DOM一样灵活易用。(因为其使用的是cheerio库来解析虚…
分类:ReactJS
React高阶组件(HOC)模型理论与实践
什么是HOC? HOC(全称Higher-order component)是一种React的进阶使用方法,主要还是为了便于组件的复用。HOC就是一个方法,获取一个组件,返回一个更高级的组件。 什么时候使用HOC? 在Re…
[Mistake] Nginx 搭建单页面时,网页中文为乱码的问题
前因 前端项目是一个 用 React 做的单页面应用。 在访问该页面时呢,会先访问 Nginx,Nginx 再代理转发到一个 Express 进程中。 这折腾的… 于是直接修改 Nginx 配置文件为 ser…
Backbone React Requirejs 应用实战(一)——RequireJS管理React依赖
试着用React替换Mustache打造了一个简单的页面,http://backbone-react.phodal.com/,当然Router用的还是Backbone的Router(react-router似乎还没有做准…
React 服务端渲染初步尝试
查找 React 中文文档请往 https://doc.react-china.org/ 简聊代码用了 React 存在, 存在加载缓慢的问题. 一些表单页面也会受到影响于是开始尝试做服务端渲染, 方便在打开时能更快渲染…
React-Reflux流程进阶
上回说到,Reflux将React之间多个组件之间的通信问题解决了,保证了这个应用的数据统一,总结一下就是: Component是一个界面渲染角色,会有自己的状态,可以传递属性 Actions是用户操作的接口,它并没有C…
React.js学习笔记之组件生命周期
React.js学习笔记之组件生命周期 @(React学习) 什么是组件 React 允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件。 组件类只能包含一个顶层标签,否…
React.js学习笔记之表单详解
React.js学习笔记之表单详解 @(React学习) 诸如 <input>、<textarea>、<option> 这样的表单组件不同于其他组件,因为他们可以通过用户交互发生变化。…
React项目中出现频率较高的ES6语法
学习React过程中,发现无论是github上的Demo还是React相关文档,ES6语法都有大量的使用。如果不了解一些ES6语法,很难学习下去。如果转战ES6,系统学习战线又较长。所以把一些常用的ES6语法做一些总结,…
前端之React实战-快速入门以及集成使用
Quick Start HelloWorld 基本的React的页面形式如下所示: <!DOCTYPE html> <html> <head> <script src="../b…
使用React 应当注意的几个地方
目标人群 献给熟悉基础的React语法的刚接触React的同学~ 如果你已经写过半年以上的React那也不用看了,毕竟我水平并不高 What’s React React 是一个不存在的网络公司Facebook…
使用 React 实现一个轮播组件
tip React 刚出来不久,组件还比较少,不像 jquery 那样已经有很多现成的插件了,当是就自己写了一个基于 React 的轮播组件,当然只是一个小 demo,刚刚有用 es6 的语法重新改了改,就想着写一个小教…