随笔分类 -  react

1 2 下一页
antd递归渲染左侧菜单
摘要： 阅读全文
posted @ 2019-04-19 01:53 空瓶子装满了 阅读(1564) 评论(0) 推荐(0)
javascript中new url()属性，轻松解析url地址
摘要：1.首先写一个假的地址（q=URLUtils.searchParams&topic=api）相当于当前的window.location.href 是不是很好用？参考（https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams#%E 阅读全文
posted @ 2019-04-08 01:53 空瓶子装满了 阅读(10722) 评论(0) 推荐(0)
react中关于create-react-app2里css相关配置
摘要：先看 webpack.config.dev.js 里的相关代码： 4 个 样式文件后缀的正则表示，这份配置里是将普通 (s)css 文件和 (s)css module 文件是按文件名后缀不同而区分对待的，前者视为普通 css 文件，而处理后者时开启 css-loader 的 module 模式。这样 阅读全文
posted @ 2019-04-06 21:35 空瓶子装满了 阅读(901) 评论(0) 推荐(0)
react中create-react-app配置antd按需加载（方法二）
摘要：1.yarn add babel-plugin-import 2.在根目录下的package.json下的bable中添加相应代码 3.重启项目yarn run start 阅读全文
posted @ 2019-04-06 20:43 空瓶子装满了 阅读(1347) 评论(0) 推荐(0)
react中create-react-app详情配置文档
摘要：https://facebook.github.io/create-react-app/docs/documentation-intro 阅读全文
posted @ 2019-04-06 19:16 空瓶子装满了 阅读(454) 评论(0) 推荐(0)
什么是css Modules
摘要：具体请参考阮一峰老师的博客（http://www.ruanyifeng.com/blog/2016/06/css_modules.html） 阅读全文
posted @ 2019-04-06 05:10 空瓶子装满了 阅读(305) 评论(0) 推荐(0)
react中antd+css Module一起使用
摘要：antd 和 css modules 不能混用,针对antd的css 单独写一条loader的规则,不开启 css modules。 使用 exclude 和 include 配置参考(https://segmentfault.com/q/1010000011223900),修改webpack.co 阅读全文
posted @ 2019-04-06 05:09 空瓶子装满了 阅读(2940) 评论(0) 推荐(1)
react中自定义antd主题与支持less（第二部）
摘要：自定义主题 首先自定义主题需要修改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 空瓶子装满了 阅读(1408) 评论(0) 推荐(0)
react中使用antd按需加载（第一部）
摘要：什么是react按需加载？简单来说就是当我们引用antd的时候需要引入全局css样式，这会对性能造成一定的影响，那么使用按需加载以后就不需要引入css全局样式了，直接引入功能模块即可，既然需要设置按需加载就要对webpack文件进行修改，需要我们执行npm run eject命令来展开项目的隐藏文件 阅读全文
posted @ 2019-04-06 04:45 空瓶子装满了 阅读(2078) 评论(0) 推荐(0)
create-react-app 构建的项目使用代理 proxy
摘要：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 空瓶子装满了 阅读(5171) 评论(0) 推荐(0)
create-react-app开发常用配置
摘要：https://www.jianshu.com/p/e09b2c57cf20 阅读全文
posted @ 2019-04-05 23:50 空瓶子装满了 阅读(331) 评论(0) 推荐(0)
react中异步组件以及withRouter的使用
摘要：什么是异步组件？简单来说就是异步加载一个组件，正常情况浏览器加载的是我们打包好的bundle.js文件，那么这个文件是集合了所有js是代码，然而我们首屏加载并不需要一次性加载所有的组件，这会造成性能的损耗，所以我们可以使用异步组件，推荐使用（react-loadable）https://github 阅读全文
posted @ 2019-04-05 01:26 空瓶子装满了 阅读(1208) 评论(0) 推荐(0)
react组件性能优化PureComponent
摘要：首先我们使用react组件会配合connect来连接store获取state，那么只要store中的state发生改变组件就会重新渲染，所以性能不高，一般我们可以使用shouldComponentUpdate()来判断，但react提供了PureComponent组件，当我们把Component替换 阅读全文
posted @ 2019-04-04 01:10 空瓶子装满了 阅读(321) 评论(0) 推荐(0)
react中使用immutable
摘要：官方文档（https://immutable-js.github.io/immutable-js/docs/#/） 有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光 阅读全文
posted @ 2019-04-02 23:29 空瓶子装满了 阅读(291) 评论(0) 推荐(0)
react中使用react-transition-group（CSSTransition）
摘要：https://blog.csdn.net/sophie_u/article/details/80093876 阅读全文
posted @ 2019-04-02 00:31 空瓶子装满了 阅读(1184) 评论(0) 推荐(0)
react中使用styled-component
摘要：styled-component的使用地址（https://www.cnblogs.com/aichenxy/p/8672752.html） 阅读全文
posted @ 2019-04-02 00:16 空瓶子装满了 阅读(425) 评论(0) 推荐(0)
react中实现css动画
摘要： 阅读全文
posted @ 2019-03-30 21:36 空瓶子装满了 阅读(460) 评论(0) 推荐(0)
react中使用charles实现本地数据mock
摘要：首先下载charles软件地址，更详细的使用方法都包含在操作文档里，包含汉化版补丁（下载后查看） 链接：https://pan.baidu.com/s/1Q5rMbcX0Wus7AwdGUWa-Wg 提取码：mkgt 如何利用charles来mock呢？首先我们要新建一个json文件来写我们的jso 阅读全文
posted @ 2019-03-30 21:07 空瓶子装满了 阅读(710) 评论(0) 推荐(0)
react中ref的使用
摘要：在react中获取真实dom的时候就需要用到ref属性，具体使用如下 阅读全文
posted @ 2019-03-30 19:03 空瓶子装满了 阅读(490) 评论(0) 推荐(0)
react中虚拟DOM
摘要：简单来说虚拟DOM就是一个js对象，相对于真实dom来做比较更节约性能，虚拟DOM执行过程如下 阅读全文
posted @ 2019-03-29 23:51 空瓶子装满了 阅读(164) 评论(0) 推荐(0)

1 2 下一页