前端培训知识汇总

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

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具体的作用是什么？为啥原来的项目启动一直报那个错误？啥原因。