开始前 安装 node.js; 安装 cnpm; 安装 yarn; 安装完成yarn后, 将镜像替换成国内的: $ yarn config set registry 'https://registry.npm.taoba…

React因为他的性能而著名。因为他有一个虚拟DOM层并且只有在需要时才更新真实DOM。即使是同样地信息这也比一直直接更新DOM要快很多。但是，React的智能仅此而已（目前为止），我们的任务是知道React的预期行为以…

我遇到了什么问题？ 不久之前我重构了一个古老的项目，总结了一些js方面的想法，不过对于一个前端项目而言不仅仅只由js组成的嘛，上学的时候老师和我说HTML+CSS+JS对应的是页面的骨架、皮肤和肌肉。既然骨架我们有了，肌…

react-highlight-words https://github.com/bvaughn/re… 一个React组件，用处：在一段文本中高亮展示某些单词 源码思路 直接返回一个函数式组件 最重要是调用…

1. 几个重要概念理解 模块与组件 模块: 理解: 向外提供特定(局部)功能的js程序, 一般就是一个js文件 为什么: js代码更多更复杂 作用: 复用js, 简化js的编写, 提高js运行效率 组件: 理解: 用来实…

接上文， React流程图：https://bogdan-lyashenko.gith… 如果组件真的需要更新 在组件刚开始更新过程时，如果有定义componentWillUpdate方法，则会进行调用。之后…

用dva创建项目，首先要全局安装dva-cli cnpm install dva-cli -g 创建一个项目 dva new 项目文件名称 项目创建完毕，进入项目目录下，安装ant-design这个ui框架 cnpm i…

组件加载 当组件被实例化并且插入Dom时所执行的方法，也会按照下的顺序依次执行。 constructor() 构造方法。 这个方法有两个目的： 初始化一个本地state。 this.state = {color: 're…

1.npm run eject (返编译)2.npm i (全部重新安装依赖)3.npm install –save-dev babel-plugin-transform-decorators-legacy …

如何扩展 Create React App 的 Webpack 配置 Create React App（以下简称 CRA）是创建 React 应用的一个脚手架，它与其他脚手架不同的一个地方就是将一些复杂工具（比如 web…

需求 后台项目，使用Ant Design Pro, 有这样一个需求：有一个表格，宽度是自适应的，表格中有一列是备注，文本长度不定，我们希望在文本过长的时候，使用省略样式（ellipsis），同时鼠标悬浮时有提示框展示完整…

React 组件 一个 React 应用就是构建在React组件之上的。 组件有两个核心概念： props state 一个组件就是通过这两个属性的值在 render 方法里面生成这个组件对应的 HTML 结构。 注意：…