摘要: 自定义主题 首先自定义主题需要修改antd,antd本身也是less写的之后编译成css的,所以当我们需要使用less。 1.yarn add react-app-rewire-less --dev 参考链接:https://ant.design/docs/react/use-with-create 阅读全文
posted @ 2019-04-06 04:54 空瓶子装满了 阅读(1394) 评论(0) 推荐(0) 编辑
摘要: 什么是react按需加载?简单来说就是当我们引用antd的时候需要引入全局css样式,这会对性能造成一定的影响,那么使用按需加载以后就不需要引入css全局样式了,直接引入功能模块即可,既然需要设置按需加载就要对webpack文件进行修改,需要我们执行npm run eject命令来展开项目的隐藏文件 阅读全文
posted @ 2019-04-06 04:45 空瓶子装满了 阅读(2038) 评论(0) 推荐(0) 编辑
摘要: 1.首先进入项目运行 npm run eject 展开详细代码(只可以使用一次,展开后不可恢复) 2.create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置, 配置成如下: 3.create-react-app 的版本高于 2.0 版本 阅读全文
posted @ 2019-04-06 00:06 空瓶子装满了 阅读(5153) 评论(0) 推荐(0) 编辑
摘要: https://www.jianshu.com/p/e09b2c57cf20 阅读全文
posted @ 2019-04-05 23:50 空瓶子装满了 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 什么是异步组件?简单来说就是异步加载一个组件,正常情况浏览器加载的是我们打包好的bundle.js文件,那么这个文件是集合了所有js是代码,然而我们首屏加载并不需要一次性加载所有的组件,这会造成性能的损耗,所以我们可以使用异步组件,推荐使用(react-loadable)https://github 阅读全文
posted @ 2019-04-05 01:26 空瓶子装满了 阅读(1189) 评论(0) 推荐(0) 编辑
摘要: 首先我们使用react组件会配合connect来连接store获取state,那么只要store中的state发生改变组件就会重新渲染,所以性能不高,一般我们可以使用shouldComponentUpdate()来判断,但react提供了PureComponent组件,当我们把Component替换 阅读全文
posted @ 2019-04-04 01:10 空瓶子装满了 阅读(314) 评论(0) 推荐(0) 编辑
摘要: window.scrollTo(0, 0);当点击返回顶部的时候调用这个方法即可 阅读全文
posted @ 2019-04-04 00:46 空瓶子装满了 阅读(6897) 评论(0) 推荐(0) 编辑
摘要: 官方文档(https://immutable-js.github.io/immutable-js/docs/#/) 有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光 阅读全文
posted @ 2019-04-02 23:29 空瓶子装满了 阅读(260) 评论(0) 推荐(0) 编辑
摘要: https://blog.csdn.net/sophie_u/article/details/80093876 阅读全文
posted @ 2019-04-02 00:31 空瓶子装满了 阅读(1177) 评论(0) 推荐(0) 编辑
摘要: styled-component的使用地址(https://www.cnblogs.com/aichenxy/p/8672752.html) 阅读全文
posted @ 2019-04-02 00:16 空瓶子装满了 阅读(417) 评论(0) 推荐(0) 编辑