tangxdashen的博客

组件的数据挂载方式React中数据分为两个部分属性状态经验： 频繁变化的就写成状态属性(props)props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以...

组件的生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)​ 生命周期钩子函数一定不要写成箭头函数初始化在组件初始化阶段会执行constructorstatic getDerivedStateFromProps() ---- 将来会使用,componentWillMo...

前端的工程化和自动化grunt gulp browserify webpack当今主流 webpack vue react angular当前市面 2 个版本webpack 3.0webpack 4.0webpack 4一、webpack 基础认识官网地址官网: https://webpack.js.org/中文: https://www.webpackj...

ReactReact学习内容webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel...

编写第一个react应用程序react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index.js. 写入以下代码:// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引...

Flux的使用流程要想使用FLux架构思维，需要通过一个工具进行使用， 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录，里面新建index.jsstore有两个功能存储数据当数据发生改变时，视图要进行更新 （ 当前组件中的state发生了改变，从新从store中获取数据，要想重新复制，那么要通过事件的发布，订阅 ）...

reduxredux也是一个架构思维， 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维，我们实现需要一个工具，这个工具叫做redux安装redux$ yarn ad...