综述：总结记录下，加深理解和认识
一.前端通用知识
1.proxy配置
target
：要使⽤
url
模块解析的
url
字符串
forward
：要使⽤
url
模块解析的
url
字符串
agent
：要传递给
http
（
s
）
.request
的对象（请参阅
Node
的
https
代理和
http
代理对象）
ssl
：要传递给
https.createServer
（）的对象
ws
：
true / false
，是否代理
websockets
xfwd
：
true / false
，添加
x-forward
标头
secure
：
true / false
，是否验证
SSL Certs
toProxy
：
true / false
，传递绝对
URL
作为路径（对代理代理很有⽤）
prependPath
：
true / false
，默认值：
true -
指定是否要将⽬标的路径添加到代理路径
ignorePath
：
true / false
，默认值：
false -
指定是否要忽略传⼊请求的代理路径（注
意：如果需要，您必须附加
/
⼿动）。
localAddress
：要为传出连接绑定的本地接⼝字符串
changeOrigin
：
true / false
，默认值：
false -
将主机标头的原点更改为⽬标
URL
2.TypeScript
基础语法学习，这个十分重要，以后都要转到这边来。
3.API 规范，注意三个
4.请求拦截器，在请求发出前和请求返回后都可以添加逻辑。
做权限校验，加header,token之类的数据。
5.如何接入分院的统一前端监控？需要去监控平台申请数据上传服务器地址，系统编码，以及licence三个值才能正常使。目前的框架里面已经有基础的配置。在document.ejs文件中引入三个依赖文件。
6.获取到的数据，需要去监控平台主动捞取出来进行分析。
7.统一的的icon库
我们推荐在现代浏览器 下使用 SVG Symbol
方式引入。
和其他两种的区别是？
8.使用ant-design v4.x以上版本开发页面，不同的antd,基础的语法还不同。
9.可视化大屏底座
图表缩放基座：基于
scale
属性动态计算完成，所以在开发时不用考虑图表自适应问题。
screen组件放在哪里了？
10.统一的CI/CD
config.xml
：
ccs
部署文件
Dockerfile
：
Docker
镜像文件
nginx.conf
：容器内
nginx
配置文件.
在发布项目的时候。一定要注意对这三个文件的修改。
11.mock数据的应用，有了Yapi这个存在的意义不太大了。
12.request请求
三.table和pro-form组件的使用
使用这个组件实现一个业务功能，查看下钉钉的课程,尝试将其融入我们自己的组件。
四.echarts和bizCharts两大可视化库
1.echarts的基础api的使用，series和dataSet两种方式的不同和存在的意义。分别在什么情况下使用比较好？
2.
SVG
和
Canvas
这两种使用方式差异很大的技术，能够做到同时被透明支持，主要归功于
ECharts
底层库
ZRender
的抽象和实现，形成可互换的
SVG
渲染器和
Canvas
渲染器。
一般来说，
Canvas
更适合绘制图形元素数量非常大（这一般是由数据量大导致）的图表（如热力图、地
理坐标系或平行坐标系上的大规模线图或散点图等），也利于实现某些视觉
特效
。但是，在不少场景
中，
SVG
具有重要的优势：它的内存占用更低（这对移动端尤其重要）、渲染性能略高、并且用户使用
浏览器内置的缩放功能时不会模糊。
3.
BizCharts
是阿里通用图表组件库，致力于打造企业中后台高效、专业、便捷的数据可视化解决方案，基
于
G2
与
G2Plot
封装的
React
图表库，已经历阿里复杂业务场景长达三年的洗礼，在灵活性、易用性、丰
富度上满足常规图表和高度自定义图表的业务实现。
4.
是基于 G2 4.X
封装的
React
图表库，具有
G2
、
React
的全部优点，可以让用户以组件的形式组合
出无数种图表
集成了大量的统计工具，支持多种坐标系绘制，交互定制，动画定制以及图形定制等
性能稳定且具有强大的扩展能力和高度自定义能力
内置了
g2Plot
的
42
个基础图表
5.bizcharts的基础组件
- Chart 图表
-
View 视图
-
Legend 图例
-
Coordinate 坐标系
-
Slider 滚动条图形组件
- Line 线条
-
Interval 区间
-
Point 点
-
Area 面积
-
Polygon 多边形
-
Geom通用图形组件
BizCharts图表类型
- 普通折线图
- 基础柱状图
- 基础饼图
- 基础仪表盘
6.问题：
为啥项目启动后会出现多个webpack启动？为啥复制代码的时候，修改名字不行？umi中的model具体的作用是什么？
转载：https://blog.csdn.net/m0_37631322/article/details/116324083
查看评论