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