# 第一周

## 快捷键

* 双击左上角 关闭

* shift+右键打开命令行

* 拖动 +contral    复制

* 拖动 + shift    移动

* 拖动 + contral shift  创建快捷方式

* crtl+enter    下一行

* crtl+shift+enter  上一行

* contral + left / right        向左或向右移动一个词

* contral +  up/ down        向上或向下移动一个段落

* contral+home/end        移动到文本的开头/结尾

* contral backspace  删除鼠标指针左侧的整个词

* contral +y 重新执行最近撤销的命令

* contral +d 删除整行

* shift +f10 显示菜单 效果与单击右键相同。

## 十进制转换进制的原理

a=b\*2^0^+c\*2^1^+d\*2^2^

=b+ 2(c+d\*2^1^)    可以判断b为0或1  小数用乘2

##字

word一般叫做字。word的大小与系统硬件有关，数据总线为16位，则1word为2Byte；32位时，1word为4Byte。

32位cpu和64位cpu代表计算机一次能读取多少位bit（寻址能力）。

## 图片格式

### jpg  jepg

* 以8*8个像素点为单位转换。

* 有损压缩，压缩率高，颜色会变化，一般能压倒原始数据量的十分之一。

* 质量越差，体积越小。

* 多用于现实世界的照片，颜色渐变不突兀。

* 有约1670万种颜色

* R(0-255),G(0-255),B(0-255)  每种颜色256个数字，用8位表示，一个字节。一个像素点用三个字节表示。

###  png  portable network graphic

*  无损 压缩

* 适合存储大片相同颜色的照片，如软件截图

* 支持透明色（Alpha通道)

* 每个点四个字节组成 R  G B Alpha

### gif

* 只有256种颜色，从颜色表种抽取出来。

* 当原始图片颜色不足256时，无损压缩。

* 并没有存储每张图的所有像素点，只存储了变化的点，第一帧存储肯定是完整的。

* 支持透明，但是要么完全透明，要么完全不透明。

### webp

* 有损压缩，支持alpha通道，适合移动端使用，优于jpg。

###  bmp bit map

* 无压缩，无损

* 每个点占三个字节（取决于保存格式：1670万色/24位--rgb，单色/1bit--黑白01，256色/8bit，65536色/16bit)

* 体积巨大，不适合放在网页里

* 16色位图（固定的16种颜色，gif是从颜色表抽取颜色），24位位图，一个像素24位。

  

  

  >  FF FF FF  16进制代表  24个二进制位，        2^8^*2^8^*2^8^ ,(R,G,B)各代表一个点。然后修改 



  >  文件头，存储图片大小长宽高等信息 


## 文件簇——文件占用空间比实际大小要大

* 数据存储在硬盘的时候都是以簇为单位，所以无论文件大小是多少，除非正好是簇大小倍数，否则文件所占用的最后一个簇或多或少都会产生一些剩余的空间，这些剩余空间有不能给其它文件使用，即使这个文件只有0字节，也不允许两个文件或两个以上的文件共用一个簇，不然会数据混乱。

* 簇（cluster），一组扇区，因为扇区的单位太小，把它捆在一起，组成一个更大的单位更方便进行灵活管理。簇的大小是可以变化的，是由操作系统在所谓“（高级）格式化“时规定的，因此i管理更加灵活。

## 命令行

* WSL子系统目录  `C:\Users\荆纬宸\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rhkp1fndgsc\LocalState\rootfs`

* ls 查看当前目录中的文件

  * ls -l 详细

  *  ls -l -h 把字节转换为更大的单位

  * ls-a 显示隐藏文件

  * pwd查看当前工作路径

    

* touch 创建新文件或更新文件修改时间

* rm  删除文件

* mv  a b  移动文件 如果b名字的文件存在，则覆盖，不存在，则改名

* mkdir  rmdir 创建文件夹 删除文件夹

* **==rmdir只能删除空文件夹==**

* `rm-r` 删除文件夹及其内容


* date 显示日期

* cal 显示日历 只有linux可以

  

* top linux 查看进程

* htop linux任务管理器

  


* echo $PATH 显示环境变量

  

* cd ..是回到上一级目录

* cd . 是当前目录

* cd / 是回到根目录

* cd  回到用户主目录(我的文档)  linux里是进入用户主目录


* **cd/mnt/c  访问windows文件系统c盘**

* \>和\>\>

  * \>将命令输出到文件

  * \>>将命令追加到文件

  

  命令创建了haha.txt,并且把ls输入 进去。

* pipe管道运算符 |

  

  ==不是所有命令都支持管道符 rm不可以==

* sudo 超级管理员权限 sudo apt install/ sudo apt update

* cat 显示 拼接



**cat图片和exe成一个png，将png后缀名改为rar，可以解压缩出exe**

* split `$ split -b 256000 cat.mp4`  把cat.mp4分成256000大小的文件


* `$ cat xa* >cat.txt` 合并xa开头的文件

* `cp a.txt b.txt`  如果b存在 覆盖

* `time ping` `time ls` 测试命令的执行时间

* `alias foo=ll` 使foo和ll等效。我的文档创建.bashrc  写入起别名，每次打开gitbash都会执行这个文件的代码。

* `ping http://baidu.com`  测试与目标ip的连通性

* `md5sum`    生成独一无二的码 可以检验内容是否一致

  

*  快捷键

  * control + L =clear    清楚屏幕上的信息 不清空 可以滚轮回去

  * control +a/e 光标跳到开始或结束

  * contral + r  搜索输入过的命令

  * 键盘的上，可以找最近输入的命令

  * 按tab键可以自动补全

  * control +c 强行退出  q退出 esc 退出

  * control +d 读取一段

  * 写一些命令行保存为.sh格式，双击会在工作目录执行

## vi编辑器

* `vi+文件名`

* 按i进入编辑模式，esc退出进入标准模式。:w保存q退出，！强行退出。

* :q！不保存退出

* 删除一行dd，复制一行yyp

* hjkl上下左右

* vimtour看教程

##  ascii与unicode

* ascii 美国编码，Unicode 涵盖全球语言

* linux下输入 `man ascii`可以查看 ascii码表

* 空格32，0是48，A65，a97

* 不同操作系统的回车

  * Windows 0D0A

* Linux 0A

* Mac 0D

* 切黄金

  ​         

​         

## git

* `git config --global user.name`

* `git config --global user.email`

* `git config --global alias.st status` 起别名

* 以上信息存储在.gitconfig

* `git init` 初始化 建立.git 文件夹

* `git add xxx.xx`  添加要记录的文件到缓冲区

* `git status`    查看状态

* `git commit -m"描述信息"` 把刚刚添加的文件存成固定的版本

* `git diff` 查看工作目录和暂存区的差别，如果还没add进缓存区，查看文件自身修改前后的差别。

* ` git diff --cached` 比较暂存区尚未commit的内容同最新一次内容的差异

* `git add.` 添加文件夹内所有文件

* `git log` 查看版本记录

* `git  checkout xxxxxxx` 查看以前版本

  ​         

* `git commit -a -m` 不需要add，直接commit。

* 查看软件Source tree

​           

* 工作区修改 add到暂存区 暂存区Commit 后 暂存区的内容生成版本二

* `git remote add origin [git@github.com:Post-90sRaccoon/testmarkdown.git]` 操作远程仓库

* `git push -u origin master`      把master分支和远程origin关联起来

* `git remote`  查看远程仓库

* `git remote -v` 多显示一些信息

* `git commit` 没加m 会进入vi编辑器

* 文件名里的 - 要用\\-\来写

* git 删除文件后git add被删除的文件名或者直接add.

* git密码配置 `ssh-keygen` 然后一直回车.我的文档.ssh文件里id_rsa.pub内容复制到网页github的settings->ssh and gpg keys

  

## VScode 的配置

* control shift + p 搜索format 找自动缩进

* 搜space 找到空格加点        !

* tab 2缩进

* trim 多余空格

## HTML介绍

* HTML Hyper Text Markup Language

* html5中，不需要给自闭和标签打结束符。但不推荐。

* 缩进，非**块级元素**在内容不多的情况下可以选择不缩进。如

  ``` html

  <div>

    <p>点击打开<a href="http://jd.com">京东</a></p>

  </div>

  ```

* 语义化：有助于构架良好的html结构，有利于搜索引擎的建立索引、抓取；另外，亦有利于页面在不同的设备上显示尽可能相同；此外，有利于构建清晰的机构，有利于团队的开发、维护。（合适的内容用合适的标签）

### 属性

* 属性可以有值，也可以没有。

* 属性名不区分大小写，属性值区分大小写。

* 属性值一般用双引号括起来，也可以使用单引号。属性值没有空格，引号等特殊字符，属性值可以不用引号包起来

* id属性，不以数字开头，没有空格。

* name属性，标签的名字，主要用在表单类标签上面。可以重复。

* title属性，鼠标在上面时显示的tooltip文本

* alt属性，主要用在img标签，图片加载失败时替换文本。

* style属性，给标签指定内联样式

* `class="foo bar"` 类别，空格分隔的单词列表

* tabindex 按tab 跳转的顺序 从小到大 大小如果相同 按照源代码出现的顺序 不可交互元素加上 可交互 如div

* data-*  自定义属性，让标签记录额外的信息 data-sku 最小库存单位

* contenteditable （html5）加上可编辑

## 转义 escape

* html中叫实体，html entity

* 可以用unicode ascii码表达

* \&#number; 十进制数，我 \&#25105;

* \&#xHHHH; 十六进制数(Hexdecimal),我 \&#x6211;

*  常见具名html实体：

    * \&nbsp; non-breaking space 160号空格

    * \&amp; &符

    * \&copy; 版权符

    * \&lt; 小于号

    * \&gt; 大于号

    * \&quot; 双引号 quote

    * \&apos; 单引号

    * \&trade; TM 符号

      

* \&nbsp;(Non Breaking Space) ascii 160 和空格不一样，多于一个空格，换行符会被全部忽略。

* <pre>pre标签，不会合并空格，里面的内容都是等宽字体。</pre>

## HTML 标签介绍

* html 根元素

* head 头部标签，放一些与页面相关的原信息。比如页面编码方式。<meta charset="utf-8">

  <link rel="icon" href="https://www.baidu.com/img">

    * 页面的标题，即为title标签

    * 页面标题栏左边显示的小图标

      ```html

      <link rel="icon" href="https://www.baidu.com/img/baidu_jgylogo3.gif">

      ```

  * 浏览器会取网址第一个斜杠 https://www.baidu.com/拼接favicon.ico来显示小图标

  * 可以取页面的样式表 `<link rel="stylesheet" href="a.css">`

  * 国产很多双核浏览器支持这种模式`<meta name="UA-X-Compatable" content="EDGE" />`edge是最新版的意思

  * 在移动端，还可以定义页面以多宽的尺寸渲染等 edge 最新版本的意思`<meta name="viewport" content="width=500" />`

  * head内容不会显示在页面上，不存在也会自动添加。

* body 没有html和body标签，浏览器会自动添加。浏览器同时也会将必须放在head里的标签放进head里面，比如title标签。如果在body或者html标签之后又出现了其他的标签，则之前的标签就会被认为无效，浏览器自动添加结束标签。

* title  页面标题，仅支持纯文本，不支持嵌套其他标签。出现多个，仅第一个生效。

* base 基准  <base href="页面中所有相对路径的基准地址" target="页面中所有链接的打开位置">

  * 一定要以/即目录结尾

    `<base href="https://www.baidu.com/abc/">`

  ​      `<base href="https://www.baidu.com/abc">`相当于`<base href="https://www.baidu.com/">`不会追加abc

  * 写在base里的target属性表示页面中**所有链接**的打开位置。当然，可以在页内的a标签中用它自己的target属性覆盖用base标签设置的全局打开位置

* H标签

  * 默认情况下，标题上下有一定的空白，传统观点认为一个页面不能出现超过1个h1标签，原因是为了SEO。

  * seo：关键字，页面被引用次数——反向链接数量。使用https，使页面的html更符合语义。

  * html5 hgroup标签，放一组不同级别的h标签。

* p标签  段落,默认有上下边距。

* a标签 anchor。

    * 绝对网址，fullpath  `<a href="https://jd.com/">京东</a>`

*  页内特定位置跳转地址 `<a href="#pos1"></a>`

* 其它页特定位置跳转地址 `<a href="http://jd.com/#footer"></a>`

* 相对路径  `<a href=".././../a/b/../index.html"></a>`

* 链接到电子邮件

* 链接到电话号码

* QQ/taobao 临时会话

* 空的href页面刷新（对应当前地址），类似的，如果一个img标签的src属性为空，也将对应当前页面地址

* `href=.`  会拼接到上一个斜杠之前的内容



* target 属性

  * _blank 打开新窗口显示

  * _self  是默认值 在当前窗体打开

  * _parent 父窗体显示

  * _top  链接在顶层窗体显示

* html5中，还有一个download属性。点击这个链接将下载对应的文件，下载的文件名以download属性的值来命名。不适用与所有格式文件。

* image 标签

  ```html

  <img src="http://www.baidu.com/logo.png" alt="" title="tooltip">

  <img srcset="a.jpg 1x, b.jpg 2x, c.jpg 3x">

  不同分辨率的屏幕

  ```

* 可支持的文件格式：jpg/jpeg,png,bmp,gif,webp,svg,ico

*  用width和height图片的宽和高，只写一个另一个会根据图片原始比例计算出来。图片加载需要时间，而图片在加载完成之前浏览器是不知道其宽高的，所以页面抖动。所以一般会在标签上把宽高写出来，这样图片加载过程中页面就不会抖动了

* span 行内标签

* div