Object.assign 是什么？ 此处直接复制mdn文档的内容如下： The Object.assign() method is used to copy the values of all enumerable o…

文章同步于Github Pines-Cheng/blog 简介 本质都是为了解决异步action的问题 Redux Saga可以理解为一个和系统交互的常驻进程，其中，Saga可简单定义如下： Saga = Worker …

整理 react 组件传值 三种方式 1. 父组件向子组件传值（通过props传值） 子组件： class Children extends Component{ constructor(props){ super(pr…

系统架构介绍 本项目开发基于 React + Redux + React-Route 框架，利用 webpack 进行模块化构建，前端编写语言是 JavaScript ES6，利用 babel进行转换。 |--- pro…

什么是JSX JSX是JavaScrip的一种扩展语法，JSX的标签语法既不是字符串也不是HTML；从本质上讲，JSX只是为React.createElement(component, props, …chi…

React组件卸载生命周期、路由跳转和页面关闭三者看起来有些类似的地方，比如都是当前组件即将从视口消失，但实际上所触发的事件均不相同。以一个实际案例出发： 某单页应用的 文章编辑页用户正在编辑文章，此时尚未保存。 当用户…

React可以使用React.createClass、ES6 classes、纯函数3种方式构建组件。使用React.createClass会自动绑定每个方法的this到当前组件，但使用ES6 classes或纯函数时，…

我有一些需求，需要搭建一个静态服务，路由在前端，前端请求API，需要到代理到API服务器，图片资源需要代理到图片资源服务器。这里持续更新修正 upstream server-api{ # api 代理服务地址 serve…

一个React组件的性命周期分为三个部份：实例化、存在期和烧毁时。 实例化阶段 客户端衬着时，以下顺次被挪用 getDefaultProps() getInitialState() componentWillMount(…

枚举对象属性 for….in 列举obj的可枚举属性，包括自身和原型链上的 object.keys() 只列举对象本身的可枚举属性 创建对象的几种方式 对象字面量 const pre='test' const…

前言: 对于非静态的文件，如js，当webpack打包时，会被直接打到模块文件中，如main.js，如果修改了，需要再次编译而对于静态文件，如jpg，svg等，我们不希望webpack去打包，只需要在build完后，直接…

preact是目前最小的react兼容库了，因此学习它对提升anujs有很大的帮助。 preact的一些模块非常简单。 //vnode.js export function VNode() {} 一句话一个模块，其实这个…