综述:总结记录下培训内容,加深理解和认识

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这个mock存在的意义不太大了。




12.request请求


 


13.pro-table和pro-form组件的使用,关键是要了解是通过什么方式使其拥有了如此强大的功能。


 


使用这个组件实现一个业务功能,查看下钉钉的课程,尝试将其融入我们自己的组件。


 


14.echarts和bizCharts两大可视化库


 


  • echarts的基础api的使用,series和dataSet两种方式的不同和存在的意义。分别在什么情况下使用比较好?
  • SVG 和 Canvas 这两种使用方式差异很大的技术,能够做到同时被透明支持,主要归功于 ECharts底层库 ZRender 的抽象和实现,形成可互换的 SVG 渲染器和 Canvas 渲染器。 一般来说,Canvas 更适合绘制图形元素数量非常大(这一般是由数据量大导致)的图表(如热力图、地 理坐标系或平行坐标系上的大规模线图或散点图等),也利于实现某些视觉 特效。但是,在不少场景 中,SVG 具有重要的优势:它的内存占用更低(这对移动端尤其重要)、渲染性能略高、并且用户使用 浏览器内置的缩放功能时不会模糊。
  • BizCharts是阿里通用图表组件库,致力于打造企业中后台高效、专业、便捷的数据可视化解决方案,基于 G2与G2Plot封装的React图表库,已经历阿里复杂业务场景长达三年的洗礼,在灵活性、易用性、丰 富度上满足常规图表和高度自定义图表的业务实现。
  • 是基于 G2 4.X 封装的 React 图表库,具有 G2、React 的全部优点,可以让用户以组件的形式组合出无数种图表,集成了大量的统计工具,支持多种坐标系绘制,交互定制,
  • 动画定制以及图形定制等 性能稳定且具有强大的扩展能力和高度自定义能力,内置了g2Plot的42个基础图表

14.bizcharts的基础组件


  • Chart 图表
  • View 视图
  • Legend 图例
  • Coordinate 坐标系
  • Slider 滚动条图形组件
  • Line 线条
  • Interval 区间
  • Point 点
  • Area 面积
  • Polygon 多边形
  • Geom通用图形组件


       BizCharts图表类型


  • 普通折线图
  • 基础柱状图
  • 基础饼图
  • 基础仪表盘

15.怎样建立用户故事?怎样建立迭代?怎样将其和项目库建立关联?怎样将任务置为完成?这个操作需要再学习下。

16.移动端的课程学习笔记?补充上

17.需要思考的问题:

   为啥项目启动后会出现多个webpack?项目非常卡顿?为啥复制代码的时候,修改名字不行?umi中的model具体的作用是什么?为啥原来的项目启动一直报那个错误?啥原因。