前端学习笔记

合集 - 学习路线(6)

1.前端学习笔记2022-07-26

2.后端学习笔记2022-06-243.linux运维学习笔记2023-12-024.Java学习路线2022-06-235.python学习笔记2024-01-216.大数据学习笔记2023-10-15

收起

html/css

1	2	3	4	5
第二章	超链接a标签和路径	图像img标签	表格table标签	表单form标签
列表ul、ol标签	区块标签和⾏内标签	CSS⼊⻔	CSS写法	选择器
特殊选择器	盒⼦模型	常⽤属性	CSS的层叠与选择器优先级	可继承的属性

js

1	2	3	4	5
js函数和封装	promise对象	ES6简单入门	ts基础	Node.js入门
npm、cnpm、yarn常用命令

vue

• 基础

1	2	3	4	5
vue3.0入门（一）	vue3.0入门（二）	vue3.0入门（三）	vue3.0入门（四）：组件	vue3.0入门（五）：vite构建vue项目
vue3.0入门（六）：改写单文件组件

• vue router

1	2	3	4	5
vue router入门(一)	vue router入门(二)	vue router入门(三)

• vuex

1	2	3	4	5
vuex入门(一)	vuex入门(二)	vuex入门(三)	vuex入门(四)	vuex入门(五)

• axios

1	2	3	4	5
axios入门(一)	axios入门(二): 拦截器	axios入门(三): 取消请求	axios请求工具类

• 06

1	2	3	4	5
构建vue项目	Sass简单使用，嵌套css	vite构建vue项目，整合less	element plus入门	element ui获取表格某一行的id
vite2构建vue3，集成sass、实现子组件切换	vue导出pdf	vue整合markdown	vant使用	vue-cli + vue3 + echarts5
前端项目模板	vite构建项目	vite构建项目命令	nuxt整合

• vite

1	2	3	4	5
vite简介	vite入门	依赖预构建	语法提示及环境配置	环境变量
vite识别.vue文件	vite处理css

chart

• ECharts

1	2	3	4	5
可视化Echarts	编写思维导图	编写日历热力图	K线图	关系图
折线图	柱状图（1）	柱状图（2）	柱状图（3）	柱状图（4）
柱状图（5）	拖拽与过渡	动态柱状图，动态饼图	盒须图	平行坐标系、桑基图
漏斗图	主题河流图	饼图(一)	饼图(二)	散点图(一)
散点图(二)：聚合	散点图(三)	散点图(四)	雷达图	矩形树图
旭日图	使用Echarts绘图

• vis.js

1	2	3	4	5
折线图	轴标题和样式	条形图	自定义轴	带结束条形图
并排条形图	分组并排条形图	标签条形图	两轴折线图	动态样式折线图
外部自定义折线图	分组折线图	插值折线图	本地化折线图	性能折线图
右轴折线图	散点图	滚动和排序	着色	滚动折线图
分组多图折线图	绘制3d图形	摄像机位置	动态3d图形	表面值3d图形
可动的3d图形	造型曲面3d图形	动画移动点3d图形	彩色点3d图形	具有大小的云点3d图形
自定义标签3d图形	筛选数据3d图形	线条3d图形	样式3d图形	每个点的样式3d图形
工具提示3d图形	时间轴	时间轴数据处理	关系图

• Chartist.js

1	2	3	4	5
Chartist.js使用	折线图	折线图(二)	折线图(三)	折线图(四)
条形图	条形图(二)	条形图(三)	饼图	饼图(二)

• amCharts

1	2	3	4	5
amCharts使用	简单柱形图	100%堆叠柱形图	丛集柱形图	粒状梯度柱形图
图像分类	堆叠面积图	基于日期的面积图	折线图比较	折线图和柱状图混合
折线图尾部动画	绘制带趋势线折线图	饼图	甜甜圈	关联饼图

• ZingChart

1	2	3	4	5
面积折线图	带日期的面积图	透明样条面积图	金融仪表板	错误信息面积图

• 知识碎片

1	2	3	4	5
Chart.js使用	Chart.js绘制动态折线图	Vega-Lite使用	AnyChart绘制折线图	CanvasJS绘制柱形图
Highcharts绘制饼图

angular

• 基础

1	2	3	4	5
Angular入门