这篇博客总结了Git与Gitlab的使用注意事项和常用命令，强调了不同分支间的管理。此外，详细介绍了HTML的图片、音频、视频和链接标签，CSS的选择器，JavaScript的基本用法、数据类型、作用域和循环结构，还提及了TypeScript的基础类型Any。
日常总结
关于Git与Gitlab
-
需要注意不同分支之间的关系，不要随意合并。
使用频率较高的Git命令：
$ git add 1.txt 添加到暂存区
$ git commit -m"（记录使用的注释）" 把文件提交到仓库
$ git status 查看是否还有文件没有提交
$ git log 查看历史记录
$ rm 1.txt 删除文件
$ git push origin master 推送文件到Gitlab
$ git remote -v 查看是否连接Gitlab仓库
前端（Html+css+JavaScript/Typescript+vue）
HTML
部分重要常用标签：
图片标签
<img src="(目标图片的路径)" alt="(替换文本)" title="(提示文本/鼠标悬停时显示的文本)">
图片标签的width和height属性
属性名：width和height
属性值：宽度和高度（数字）
注意点：
• 如果只设置width或height中的一个，另一个没设置的会自动等比例缩放（此时图片不会变形）
• 如果同时设置了width和height两个，若设置不当此时图片可能会变形
总结：
| 属性 | 说明 |
|---|---|
| src | 指定需要展示图片的路径 |
| alt | 替换文本，当图片加载失败时，才显示的文字 |
| title | 提示文本，当鼠标悬停时，才显示的文字 |
| width | 图片的宽度 |
| height | 图片的高度 |
路径小结
相对路径有哪三种情况：
• 同级目录：直接写：目标文件名字！
• 下级目录：直接写：文件夹名/目标文件名字！
• 上级目录：直接下：…/目标文件名字！
VSCode中路径的快捷操作？
• 同级和下级目录：./ 之后选择即可
• 上级目录：…/ 之后选择即可
音频标签
代码
<audio src="music.mp3" controls></audio>
示例
<body>
<img src="img/1.jpg" alt="" title="音乐">
<audio src="./music.mp3" controls></audio>
</body>
常见属性：
| 属性名 | 功能 |
|---|---|
| src | 音频的路径 |
| controls | 显示播放的控件 |
| autoplay | 自动播放 |
| loop | 循环播放 |
注意
- 音频标签目前支持三种格式： MP3、Wav、Ogg
视频标签
代码
<video src="./video.mp4" controls></video>
示例
<body>
<img src="img/1.jpg" alt="" title="视频">
<audio src="./music.mp3" controls></audio>
<video src="./video.mp4" controls></video>
</body>
常见属性：
| 属性名 | 功能 |
|---|---|
| src | 视频的路径 |
| controls | 显示播放的的控件 |
| autopsy | 自动播放（谷歌浏览器中需配合muted实现静音播放） |
| loop | 循环播放 |
链接标签
代码
<a href="./目标网页.html">超链接</a>
显示特点
• a标签默认文字有下划线
• a标签从未点击过，默认文字显示蓝色
• a标签点击过之后，文字显示为紫色（清除浏览器历史记录可恢复蓝色）
属性名：target
| 取值 | 效果 |
|---|---|
| _self | 默认值，在当前窗口中跳转（覆盖当前网页） |
| _blank | 在新的窗口中跳转（保留原网页） |
示例
<a href="http://www.baidu.com/" target="_blank">百度一下</a>
CSS
复合选择器
-
后代选择器
选择器之间用空格隔开
作用： 由嵌套关系，在根据选择器1所找到的标签的后代中，找到满足选择器2的标签，设置样式
示例：
p .color
最低0.47元/天 解锁文章
5593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
