react
EdenZhang1225
尽最大努力做好每一件事
展开
-
React 基础优化方式
PureRenderMixin优化React最基础的优化方式是使用PrueRenderMixin安装npm install react-addons-pure-render-minin --save 然后在组件中引用 import React from ‘react’;import PureRenderMixin from ‘react-addons-pure-re原创 2017-05-18 14:17:23 · 495 阅读 · 0 评论 -
React优化方式
1 合理分组件 render影禹的最小单位2 设置合的key--不要使用数组下标作为key,一个页面中key最好不要重复3 单次渲染的节点数尽可能少4 合理使用shouldComponentUpdate 。因为shouldComponentUpdate 是保证性能的紧急出口5 render执行次数尽可能少6 减少DOM数原创 2017-06-06 11:51:22 · 268 阅读 · 0 评论 -
前端项目开发流程
当前分为以下四个阶段第一阶段库/框架选型(暂定react)第二阶段简单构建优化 NPM管理包node+webpack打包第三阶段JS、CSS模块化开发第四阶段组件化开发 开发过程当中注意:前端安全XSS CSRF攻击等 后期文章中将讲述如何原创 2017-07-13 09:50:05 · 32912 阅读 · 3 评论 -
React页面登录之后返回之前浏览页面
路由配置(/:router)' component={Login}/>//匹配 /Login,/Login/detail/100在登录页面代码const params=this.props.paramsconst fouter=params.routerif(router){hasHistory.push(router)}else{this.goUserPage原创 2017-06-09 15:29:20 · 4064 阅读 · 0 评论 -
create-react-app antd mobx 以及按需加载
1 antd安装与配置2 antd按需加载3 mobx配置 1安装antdnpm install antd --save在项目中2 antd按需加载安装第三方依赖npm install babel-plugin-import --save在项目根目不找到package.json 找到babel添加插件(plugins)"babel": { "presets": [ "react-app" ...原创 2018-05-04 09:13:09 · 1469 阅读 · 1 评论 -
react 生命调期详解
生命周期 1、componentWillMount()2、componentDidmount()3、ShouldComponetUpdate()4、componentWillReceiveProps( nextProps)5、componentWillUpdate()6、componetDidUpdate(prevProps, prevState)7、compoentWillUnmount() ...原创 2018-05-16 10:29:46 · 270 阅读 · 0 评论