【博学谷学习记录】超强总结，用心分享 _ 前端开发 GitHub与数据可视化

---

GitHub

代码托管平台

解决了什么问题：
1. 仓库备份（远程备份不易丢失）
2. 多人协作（远程仓库同步代码）

常见的代码托管平台：
• github    全球最大的开源项目托管平台 - 免费，国内访问受限，不稳定
• gitee      码云，国产开源项目托管平台。免费，访问速度快、纯中文界面、使用友好
• gitlab     对代码私有性支持较好，企业用户多, 一般收费，允许自建 git 服务器

git支持多种传输协议：
最常用的两种传输协议：
	• https协议：需要输入用户名和密码          https://gitee.com/jepsonpp/test.git
	• ssh协议： 需要配置秘钥，可免密码登录     git@gitee.com:jepsonpp/test.git
注意：在实际公司开发中，ssh 的方式更为常见！更加安全可靠

ssh协议传输：
ssh key 的作用：实现本地仓库和gitee平台之间免登录的加密数据传输。
ssh key 由两部分组成，分别是：
	① id_rsa（私钥文件，存放于客户端的电脑中即可）
	② id_rsa.pub（公钥文件，需要配置到 gitee平台 中）
私钥加密的信息，只能通过公钥解密。公钥加密的信息，只能通过私钥解密。安全性高。

生成ssh key
1. 打开 Git Bash
2. 粘贴如下的命令 ssh-keygen -t rsa
3. 连续敲击 3 次回车，即可在 C:\Users\用户名文件夹\.ssh 目录中生成 id_rsa 和 id_rsa.pub 两个文件
4. 使用记事本打开 id_rsa.pub 文件，复制里面的文本内容
5. 粘贴配置到 码云 -> 设置 -> ssh 公钥 中即可

git远程仓库步骤

关联（给远程仓库设置别名）： 本地有仓库，要和远程仓库做关联
别名统一设为origin

git remote add origin 仓库地址

git remote remove origin      //删除origin这个别名

创建分支：

git checkout -b 分支名

代码提交到仓库区：

git init
git add .
git commit -m '提交说明'

提交、推送代码： 本地有仓库有内容，要推送给远程库
推送前要看是否切换到了那个分支

git push origin 分支名

//第一次提交可以：     设置默认值
	git push -u origin 分支名
//以后提价可以直接写：
	git push

克隆： 本地无仓库，要获取一个完整的远程库
git clone 远程仓库地址 本地文件夹名

//克隆下来的默认是master分支，所以要先切换分支
	git checkout -t origin/分支名(比如login分支)
	//或者利用vscode在左下角切换分支
//克隆下来的仓库提交时，可以直接用origin别名，会自带

拉取更新： 本地有仓库有内容，获取远程库新内容 （如果远程仓库有新内容，是push不上去的，要先拉取更新）

git pull [远程仓库地址] [分支名]

//如果之前push -u 过，可以简写：
git pull

---

数据可视化

echarts是一个开源可视化图表库。（js插件）

特点：
1. 性能好，流畅运行于 PC 和 移动端
2. 兼容主流浏览器
3. 提供非常多的常用图表，且支持定制

使用步骤：

1. 下载echarts
2. 引入echarts

	<script src="./lib/echarts.min.js"></script>

3. 准备一个具备宽高的dom容器
4. 初始化echarts实例

const myChart = echarts.init(document.getElementById('main'))

5. 准备配置项 option //可以参考配置项手册修改内容

const option = {.......};

6. 基于配置项显示图表

myChart.setOption(option)

常用基本配置项:
	title：标题组件
	tooltip：提示框组件
	legend：图例组件
	grid：直角坐标系内绘图网格。
	xAxis：直角坐标系 grid 中的 x 轴
	yAxis：直角坐标系 grid 中的 y 轴
	series：系列列表。每个系列通过 type 决定自己的图表类型
	color：调色盘颜色列表