To define is to limit. 定义一样东西，就意味着限制了它。 ——王尔德 《道林·格雷的画像》 React系列 React系列 — 简单模拟语法(一)React系列 — Jsx,…
标签：react.js
Redux 初步尝试
写文章的时候还是 1.0.x, 现在已经 3.x 了.虽然主体 API 没改, 但是细节的 API 增加了很多, 甚至更简单的方案. 关注 Redux 很久了, 一直在等稳定版, 终于稳定版出来了不过真的运行起来, 比我…
nginx 代理转发，让生产和测试环境React、Vue项目轻松访问API，前端路由不再404
我有一些需求，需要搭建一个静态服务，路由在前端，前端请求API，需要到代理到API服务器，图片资源需要代理到图片资源服务器。这里持续更新修正 upstream server-api{ # api 代理服务地址 serve…
react中react-redux和react-router4.*的配合使用
在一个react的项目中，目前来说项目过大，数据交互多的情况下选择使用redux和router是很常见的。下面我就用代码的展现形式，来举例： 我们知道在react-redux的实践中，最外层就是render函数的使用： …
前端大统一时代即将来临？
移动互联网时代时代已经到来，市场需求催化着前端技术不断的升级改造，前端大统一的时代即将来临，不管你愿不愿意相信，历史的前进步伐是不可抗拒的。 Web端跨平台的特性，在面对更新迭代频繁的场景上有其独到的优势，即使其性能、功…
React 16.3(.0-alpha)新特性
React 16.3-alpha已经发布。这次发布都有哪些新特性呢，我们来一起看看。 新的Context API Context API总是很让人迷惑。这个API是官方的，但是官方又不希望开发者们使用这个API，说是这个…
react关于事件绑定this的四种方式
在react组件中，每个方法的上下文都会指向该组件的实例，即自动绑定this为当前组件,而且react还会对这种引用进行缓存，以达到cpu和内存的最大化。在使用了es6 class或者纯函数时，这种自动绑定就不复存在了，…
使用react实现手机号的数据同步显示功能
要求如下 输入框输入内容数据长度大于0，展示出预览信息 光标离开关闭预览信息 预览信息每隔4位插入一个特殊字符_,输入内容不变 限制长度为13位 只允许输入数字（0-9） // Zinput.js import Reac…
创建react应用（一）
虽然已经有了create-react-app这种非常方便的工具，但是封装了太多，对于里面的一些细节不是很了解，所以很有必要手动创建。 创建项目目录 mkdir react-project cd react-project…
笔记, 静态页面前后端渲染
自己写 Demo 的时候用到的一个 trick, 觉得挺有意思的我的页面是用 JavaScript 搭配 React 生成的, 前面文章提过了那么就有两部分的 HTML, 一部分比如 <head>, 是 gu…
redux更新store中的数据繁琐，我整合了一些代码，使更新store中的数据只需要一行代码
Redux集成setProps方法 —- 适用于react和react-native开发作者：陈浩联系：chenhao455@yeah.net 说明：在当前store里新增一个变量（我称之为新增props，下…
React Component Lifecycle
概述 我们先来理一理React的生命周期要领有哪些： componentWillMount 衬着前挪用一次，这个时刻DOM构造还没有衬着。 componentDidMount 衬着完成后挪用一次，这个时刻DOM构造已衬着…
