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

项目描述 技术选型 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) 前台路…

后台服务器端 负责处理前台应用提交的请求,并向前台返回 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…

最流行的开源 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,…

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

一.开篇 首先这里要感谢一下我的公司,因为公司需求上面的新颖(奇葩)的需求,让我有幸可以学习到一些好玩有趣的前端技术,前端技术中好玩而且比较实用的我想应该要数前端的数据可视化这一方面,目前市面上的数据可视化的框架琳琅满目,例如:D3.js.hightcharts.js.echarts.js………….由于公司对这个项目的需求是1.开发时间短,所以也就限制了D3.js的使用.2.要尽量的减少开发的成本,所以也就不能使用hightcharts.js(hightcharts是一款个人免费,商业付费的框架…

一.echarts.js的优势与总体情况 echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目,总体上来说有这样的一些优点 1.容易使用 echarts.js的官方文档比较详细,而且官网中提供大量的使用示例供大家使用 2.支持按需求打包 echarts.js官网提供了在线构建的工具,可以在线构建项目时,选择项目所需要使用到的模块,从而达到减小JS文件的体积 3.开源 4.支持中国地图功能  缺陷: 1.体积较大 一个基础的echarts.js都要400K左右,相对于…