web 前端笔记

一、HTML、CSS、JavaScript 三者构成一个完整的页面

1、jQuery 是一个 JavaScript 库

2、jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。

3、jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。

4、TypeScript 是 JavaScript 的一个超集

5、ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表（提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。）主题：https://echarts.apache.org/zh/theme-builder.html

6、Highcharts 是一个用纯JavaScript编写的一个图表库

数据可视化：ECharts 和 Highcharts 的区别

1、学习容易程度：只要懂JS，那么相信你能很快上手。两者打分相同。但是百度出品的Echarts对于国内城市已经有了相应的配置，调用非常方便。因此在绘制地图方面，Echarts略胜一筹。

2、大数据表现力：有网友说，当数据量达到万条的级别时，Highcharts的多表联动、自动缩放具有更强的优势，而Echarts则会出现明显的卡顿，需要设置datazoom。因此Hightcharts完胜。

3、文档友好程度：Echarts是百度的，Highcharts是国外的。另外，Echarts的文档像是说明书，而Highcharts的文档像是博客。个人仍偏向于说明书一样的文档，容易定位，因此我为Echarts转身。

4、图表美观程度：看看两家的实例Echarts、Highcharts，Echarts完爆啊（上面的对比雷达图就是用Echarts做的）！而且Echarts基于Canvas，对于3D绘图有绝对优势，能画出极漂亮的图形。

5、图表配置的自由度：Highcharts基于SVG，方便定制，同类型的图表，Highcharts能玩出100种花样。极高的自由度非常适用于定制商业化的大屏。

6、图表的丰富程度：两方面，一是图表种类，二是3D表现力。Echarts丰富的图表种类，和惊艳的3D效果，吊打Highcharts。

最后，更为关键的是，Echarts免费，Highcharts用于商业用途时还需要授权，个人用时虽然免费，但会在图表上显示logo，有洁癖的话就只能绕道了。

所以，你懂得！

二、前端框架

目前三大主力：Angular、React、Vue

UI框架：bootstrap，layui，easyUI，pintuer，MUI （移动端）