随笔分类 -  react

摘要:项目搭建以及配置 新建一个项目 npx create-react-app learn-css-modules-react cd learn-css-modules-react // 显示 webpack 的配置 yarn eject 看到 config/webpack.config.js,默认情况下 阅读全文
posted @ 2022-05-08 17:19 ~逍遥★星辰~ 阅读(1393) 评论(0) 推荐(0) 编辑
摘要:概述 在展示大型列表和表格数据的时候(城市列表、通讯录、微博等),会导致页面卡顿,滚动不流畅等性能问题,这样就会导致移动设备耗电加快,影响移动设备的电池寿命 产生性能问题的元素:大量DOM节点的重绘和重排 优化方案: 懒渲染 可视区域渲染 懒渲染 懒加载,常见的长列表优化方案,常见于移动端 原理:每 阅读全文
posted @ 2022-05-08 16:58 ~逍遥★星辰~ 阅读(1664) 评论(0) 推荐(0) 编辑
摘要:此机制可用于 react 中兄弟组件中的通信 事件总线: 监听: 触发: 阅读全文
posted @ 2019-06-26 18:29 ~逍遥★星辰~ 阅读(7683) 评论(1) 推荐(2) 编辑
摘要:1、配置反向代理 (1)porxy 配置一个代理 修改package.json文件 "proxy":"http://teng.com/website/web", (2)proxy配置多个代理 注意:若create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 阅读全文
posted @ 2019-06-13 10:57 ~逍遥★星辰~ 阅读(1399) 评论(0) 推荐(0) 编辑
摘要:利用 react + antd 框架书写导航栏时,遇到了几个坑,分别是一级菜单和二级菜单在点击的情况下,高亮没有任何问题,但是再点击浏览器返回按钮时,却就乱套了。 1. 二级菜单中,我们可以通过 props.history 来监听 route ,通过不同的 hash 值赋值给 antd 导航栏相应的 阅读全文
posted @ 2019-06-09 15:51 ~逍遥★星辰~ 阅读(2904) 评论(0) 推荐(0) 编辑
摘要:全局引入: 第一步:全局安装 create-react-app 第二步:安装 yarn 第三步:安装 antd 第四步:安装 babel-plugin-import 第五步:暴露配置项 发现执行此操作报错了,不管他什么错,接着执行 然后执行 此时可以成功 .会自动生成一个config的文件夹,时候我 阅读全文
posted @ 2019-06-06 18:14 ~逍遥★星辰~ 阅读(2643) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示