![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
小爱2
这个作者很懒,什么都没留下…
展开
-
react虚拟dom
染方式:第一种方式: 整体替换DOM1、 state数据2、 JSX 模板3、 数据 + 模板 生成真实的DOM 来显示4、 state 发生变化5、 数据 + 模板 生成真实的DOM, 替换原始的DOM缺陷:第一次生成了一个完整的DOM片段第二次生成一个完整的DOM片段第二次的DOM替换第一次DOM, 非常耗性能第二种方式: 替换DOM中的差异部分1、 state数据2...原创 2019-05-24 09:54:51 · 162 阅读 · 0 评论 -
react-redux及异步插件 redux-thunk&redux-saga使用
react-redux使用1.安装 npm install --save react-redux2.index.js中,通过Provider 设置storeconst App = ( <Provider store={store}> <TodoList/> </Provider>);3.组件中通过 connect 关联store,u获取stor...原创 2019-05-24 09:49:25 · 454 阅读 · 0 评论 -
react学习实战-简书--常见优化
1.在constructor方法中:做方法的bind(this)<input handleInputChange={this.handleInputChange.bind(this)} …/>优化:constructor(props) {super(props);…this.handleInputChange = this.handleInputChange.bind(th...原创 2019-05-24 09:47:11 · 119 阅读 · 0 评论 -
1、react+antd 搭建工程 antd按需加载配置
1、创建工程create-react-app bike-antd2、引入 antdyarn antd3、antd组件按需加载配置此时我们需要对 create-react-app 的默认配置进行自定义,这里我们使用 react-app-rewired (一个对 create-react-app 进行自定义配置的社区解决方案)。引入 react-app-rewired 并修改 packa...原创 2019-03-23 16:24:38 · 732 阅读 · 0 评论 -
antd form使用demo
antd对表单进行了封装,通过getFieldDecorator可实现表单数据双向绑定使用步骤:1、let { getFieldDecorator } = this.props.form;2、对Form.Item进行了封装,getFieldDecorator(‘xx’,{rules:[],initialValue:’’})()<Form.Item {...props}> ...原创 2019-03-24 22:42:44 · 658 阅读 · 0 评论 -
百度地图绘制行车路线
百度地图开发平台 http://lbsyun.baidu.com/百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。免费对广大用户开放。1、创建应用生成ak2、在index.html中引用<!-- 引入百度地图api --...原创 2019-03-24 22:24:47 · 5584 阅读 · 0 评论 -
easy mock
https://easy-mock.comEasy MockEasy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。常见的 Mock 方式:将模拟数据直接写在代码里利用 JavaScript 拦截请求利用 Charles、 Fiddler 等代理工具拦截请求基础语法Easy Mock 引入了 Mock.js,下面只提供部分语法展示。更详尽的用例及文档请...原创 2019-03-24 22:08:35 · 638 阅读 · 0 评论