1. favicon.ico <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico"/> 2. 关于 /static 资源找不到的问题 经过了解,是去 node_modules/react-scripts/config/path.js 找到 "/" 绝对路径配置,改成 "./" 即可 3. push 第二参数 向子组件…

react_app 项目开发 npm install -g create-react-app npm root -g        // 查看安装包位置 创建项目 create-react-app myApp 技术架构为: react + webpack + es6 + eslint 模块化.组件化.工程化 效果: 相关概念: xxx 脚手架库: 帮助创建基于 xxx  模板项目 的第三方工具包 包含了所有需要的配置 制定好了所有的依赖 可以直接安装.编译.运行并可以看到一个简单的效果 特点:…

项目描述 技术选型 react API 接口 接口文档,url,请求方式,参数类型, 根据文档描述的方法,进行 postman 测试,看是否能够得到理想的结果 collections - 创建文件取项目名 - - 添加 url - 指定 post - Body - x-www-form-urlencoded Git 进行版本控制 配置 .gitignore ---- node_modules..idea git init git add * git commit -m "项目开始" 去…

(web) 利用 react-router4 实现 单页面 开发 SPA 应用 ---- (Single Page Web Application) 整个应用只有 一个完整的页面 单击链接不会刷新页面,本身不向服务器发请求 点击路由链接,指挥更新局部页面 数据都需要通过 ajax 请求获取,并在前台异步展现 路由: 指定了 不同请求 (路由地址 key ) 对应的 处理方式 value 一个路由就是一个映射关系 (key: value ---- 路由路径: 处理函数/component) 前台路…

最流行的开源 React UI 组件库 material-ui 国外流行(安卓手机的界面效果)文档 ant-design 国内流行 (蚂蚁金服 设计,一套 PC.一套移动端的____下拉菜单.分页......) PC_git Mobile_git create-react-app myApp yarn add antd        // 安装到生产依赖 在 index.js 中 import "antd/dist/antd.min.css" 会打包全部文件 import React,…

后台服务器端 负责处理前台应用提交的请求,并向前台返回 json 数据 前台应用 负责 展现数据与用户交互 发 ajax 请求与后台应用交互 yarn add axios /src/api/ajax.js /* 自定义封装 axios ---- https://github.com/axios/axios 返回值: Promise 对象 */ export default function ajax(url, data={}, method="GET"){ /**** 自定义封装 Pr…

/src/App/Admin/Header 布局 import {Row, Col} from "antd" <div className="header_box"> <Row className="header_top"> <span>欢迎</span> <a>退出</a> </Row> <Row className="header_bottom…

角色管理 性能优化(前端面试) 需求:只要执行 setState(), 就会调用 render  重新渲染.由于有时调用了 setState,但是并没有发生状态的改变,以致于不必要的刷新 解决: 重写 shouldComponentUpdate(newProps, newStates)   使之返回 false 不更新 默认返回 true,始终在一进行 setStete 时就进行渲染,即使数据无变化 将新值 与 旧值 进行比较,改变了则进行渲染 缺点: 所有相关的 改变,都要进行比较 优化: i…

数据可视化 ECharts yarn add echarts echarts-for-react…

生产环境打包并运行 yarn run build 会src代码进行打包处理,在内存中生成打包文件 将打包文件保存至内存 yarn global add serve serve -s build 将 build 文件夹下所有资源加载到内存中 启动服务器,运行内存中的打包文件,通过浏览器访问 url react 的 webpack 配置 查看 package.json 可以看到 npm run start 命令实际上是调用了 react-scripts start 命令 react-scripts…