diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" index 4d8606774..eacc143de 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" @@ -118,7 +118,7 @@ VS Code被分为以下五个区域： VS Code在功能上非常克制，只包含了大多数开发流程中所需要的基础模块，包括：编辑器、文件管理、窗口管理、首选项设置、终端等。 -你需要根据具体需要安装额外的组件或者插件。比如说，如果开发TS项目，则需要安装 TS编译器、ESLint、TSLint等编译工具。如果开发C语言项目，则需要安装gcc、Clang等编辑工具。 +你需要根据具体需要安装额外的组件或者插件。比如说，如果开发TS项目，则需要安装 TS编译器，以及ESLint、TSLint等语法规则&代码风格的检查工具。如果开发C语言项目，则需要安装gcc、Clang等编译工具。 ## 二、崭露锋芒：VS Code 快捷键 @@ -175,7 +175,7 @@ VS Code 用得熟不熟，首先就看你是否会用快捷键。以下列出的 | :--------------------- | :------------------ | :----------------------------------- | :------------------------------------- | | Cmd + C | Ctrl + C | 复制 | | | Cmd + X | Ctrl + X | 剪切 | | -| Cmd + C | Ctrl + V | 粘贴 | | +| Cmd + V | Ctrl + V | 粘贴 | | | **Cmd + Enter** | **Ctrl + Enter** | 在当前行的下方新增一行，然后跳至该行 | 即使光标不在行尾，也能快速向下插入一行 | | Cmd+Shift+Enter | Ctrl+Shift+Enter | 在当前行的上方新增一行，然后跳至该行 | 即使光标不在行尾，也能快速向上插入一行 | | **Option + ↑** | **Alt + ↑** | 将代码向上移动 | 很常用 | @@ -250,6 +250,8 @@ VS Code 用得熟不熟，首先就看你是否会用快捷键。以下列出的 ![](http://img.smyhvae.com/20190329_2120.png) +此外，如果你输入这个快捷键后没起作用，那有可能是与其他软件（比如 PicGo 软件）的快捷键冲突了，请检查一下。 + ### 11、快捷键列表 你可以点击 VS Code 左下角的齿轮按钮，效果如下： @@ -363,8 +365,6 @@ Mac 用户按住快捷键 `Cmd+Shift+P` （Windows 用户按住快捷键`Ctrl+Sh - - ### 1、修改主题 1）修改颜色主题： @@ -577,7 +577,30 @@ VS Code 会根据你所打开的文件来决定该使用空格还是制表。也 ![20211012_1704](http://img.smyhvae.com/20211012_1704.png) +### 16、自动删除行尾的空格 + +打开设置项，搜索`files.trimTrailingWhitespace`，将选项勾选，即可在保存文件时自动删除行尾的空格。 + +### 17、突出显示成对的括号 + +我们可以用不同颜色显示代码中成对的括号，并用连线标注括号范围。简称**彩虹括号**。 + +最早是通过`Bracket Pair Colorizer 2`插件支持的，但是这个插件已经被废弃了，因为 VS Code 已经内置了该功能。我们可以通过 VS Code的如下配置项，达到效果： + +```json +{ + "editor.bracketPairColorization.enabled": true, + "editor.guides.bracketPairs":"active" +} +``` + +### 18、自动换行 + +自动换行：意味着当文本到达屏幕或页面的右边缘时，自动换行会将文本移到下一行，以便继续输入或显示。 +打开设置项，搜索`Editor:Word Wrap`，将选项值设置为 on。 + +此外，你还可以选择菜单栏`查看-->自动换行`，即可将当前文件设置为自动换行。 > 接下来，我们来讲一些更高级的操作。 @@ -688,6 +711,13 @@ source ~/.bash_profile - [mac通过终端code 命令打开vscode](https://blog.csdn.net/logan_LG/article/details/106800904) +当然，还可以通过命令面板，一键设置环境变量。具体做法是：输入快捷键「Cmd + shift + P」打开命令面板，然后选择 `shell 命令：从 PATH 中卸载 “code”命令`： + +![](https://img.smyhvae.com/202310201605408.png) + + +完成后就可以在终端输入命令+文件路径来启动 VS Code 了。 + ### 3、从终端 code 命令启动 VS Code（Windows电脑） 在终端输入`code`或者输入 `code + 指定项目的目录`，就可以启动 VS Code，十分便捷。即： @@ -1037,7 +1067,14 @@ VS Code **内置**了对 Node.js 运行时的调试支持，可以直接调试 操作方法：菜单栏选择「查看-外观-禅模式」即可；或者按下快捷键`Cmd + K`，放手，再按`Z`也可以达到目的。 -### 正则表达式批量删除字符串 +### 25、远程同步 VS Code 配置项 + + +北京时间的[2020年8月14日](https://zhuanlan.zhihu.com/p/184868336)，微软发布 Visual Studio Code 1.48 稳定版。此版本**原生**支持用户同步 VS Code的配置，只需要登录微软账号或者 GitHub 账号即可。 + +有了这个功能之后，我们可以先在老电脑上登录账号，即可将软件的配置项自动开启云同步。当你下次换一个新的电脑，下载安装 VS Code，点击软件左下角的设置按钮，登录此前的微软账号或GitHub账号，即可自动将旧电脑的软件配置项，同步到新电脑的软件上。极其方便。 + +### 26、正则表达式批量删除字符串 **需求**：将文本中的字符串`axxxxb`，批量替换为`ab`。其中，开头字符 a 和 结尾字符 b 固定，中间xxx长度不确定。 @@ -1191,9 +1228,13 @@ GitLens 在 Git 管理上有很多强大的功能，比如： #### Vetur Vue 多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。VS Code 官方钦定 Vue 插件，Vue 开发者必备。 + #### ES7 React/Redux/GraphQL/React-Native snippets React/Redux/react-router 的语法智能提示。 + +安装该插件后，在代码中只需要输入`clg`即可自动补全`console.log()`这行代码。 + #### JavaScript(ES6) code snippets ES6 语法智能提示，支持快速输入。 @@ -1226,16 +1267,10 @@ ES6 语法智能提示，支持快速输入。 ### 4、代码显示增强插件 -#### Bracket Pair Colorizer 2：突出显示成对的括号【荐】 - -`Bracket Pair Colorizer 2`插件：以不同颜色显示成对的括号，并用连线标注括号范围。简称**彩虹括号**。 -另外，还有个`Rainbow Brackets`插件，也可以突出显示成对的括号。 +#### highlight-icemode：选中相同的代码时，让高亮显示更加明显 - -#### highlight-icemode：选中相同的代码时，让高亮显示更加明显【荐】 - -VSCode 自带的高亮显示，实在是不够显眼。用插件支持一下吧。 +VSCode 自带的高亮显示，实在是不够显眼。可以用插件支持一下。 所用了这个插件之后，VS Code 自带的高亮就可以关掉了： @@ -1427,21 +1462,8 @@ CSS Peek 对 Vue 没有支持，该插件提供了对 Vue 文件的支持。 如题。 -#### Settings Sync - -- 地址： - -- 作用：多台设备之间，同步 VS Code 配置。通过登录 GitHub 账号来使用这个同步工具。 - -同步的详细操作，下一段会讲。 -另外，北京时间的[2020年8月14日](https://zhuanlan.zhihu.com/p/184868336)，微软发布 Visual Studio Code 1.48 稳定版。此版本**原生**支持用户同步 VS Code的配置，只需要登录微软账号或者 GitHub账号即可。 -#### vscode-syncing - -- 地址： - -- 作用：多台设备之间，同步 VS Code 配置。 #### minapp：小程序支持 @@ -1650,4 +1672,8 @@ CSS Peek 对 Vue 没有支持，该插件提供了对 Vue 文件的支持。 本作品采用[知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议](https://creativecommons.org/licenses/by-nc-sa/4.0/)进行许可。 -![](https://img.smyhvae.com/20210329_1930.png) \ No newline at end of file +## 赞赏作者 + +创作不易，你的赞赏和认可，是我更新的最大动力： + +![](https://img.smyhvae.com/20220401_1800.jpg) \ No newline at end of file diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/02-Git\347\232\204\344\275\277\347\224\250.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/02-Git\347\232\204\344\275\277\347\224\250.md" index a31d1e3fe..266c29668 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/02-Git\347\232\204\344\275\277\347\224\250.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/02-Git\347\232\204\344\275\277\347\224\250.md" @@ -216,10 +216,14 @@ git push --mirror https://github.com/exampleuser/new-repository.git 需求：提交代码时，绕过 eslint 检查 -解决办法：用命令行提交，在命令做 git commit 的时候，末尾追加`--no-verify`。例如： +解决办法：用命令行提交，末尾追加`--no-verify`。例如： ```bash +# 提交代码 git commit -m '千古壹号的commit备注' --no-verify + +# 推送到远程时，也可以追加 --no-verify，以免远程仓库做了 eslint 限制。 +git push origin --no-verify ``` ### 2021-12-29-切换仓库的源地址 @@ -256,9 +260,6 @@ git remote set-url origin https://xxx.git ![](http://img.smyhvae.com/20180623_1305.png) - - - ## 推荐书籍 - 《pro.git中文版》 @@ -274,4 +275,8 @@ git remote set-url origin https://xxx.git +## 赞赏作者 + +创作不易，你的赞赏和认可，是我更新的最大动力： +![](https://img.smyhvae.com/20220401_1800.jpg) diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/03-\347\275\221\347\273\234\346\212\223\345\214\205\345\222\214\344\273\243\347\220\206\345\267\245\345\205\267\357\274\232Whistle.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/03-\347\275\221\347\273\234\346\212\223\345\214\205\345\222\214\344\273\243\347\220\206\345\267\245\345\205\267\357\274\232Whistle.md" index 9249b0588..242cfe246 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/03-\347\275\221\347\273\234\346\212\223\345\214\205\345\222\214\344\273\243\347\220\206\345\267\245\345\205\267\357\274\232Whistle.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/03-\347\275\221\347\273\234\346\212\223\345\214\205\345\222\214\344\273\243\347\220\206\345\267\245\345\205\267\357\274\232Whistle.md" @@ -46,7 +46,7 @@ w2 start ![](https://img.smyhvae.com/20200420_0922.png) - +证书下载后，双击安装，安装目录选择“登录”这个tab。安装完成后，记得执行 `w2 restart`重启 whistle。 ### 手机设置代理 @@ -103,4 +103,8 @@ http://xxx.com htmlAppend://{eruda.html} 然后就OK了。 +## 赞赏作者 + +创作不易，你的赞赏和认可，是我更新的最大动力： +![](https://img.smyhvae.com/20220401_1800.jpg) \ No newline at end of file diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/04-\350\247\243\345\206\263 Git \344\270\215\345\214\272\345\210\206\345\244\247\345\260\217\345\206\231\345\257\274\350\207\264\347\232\204\346\226\207\344\273\266\345\206\262\347\252\201\351\227\256\351\242\230.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/04-\350\247\243\345\206\263 Git \344\270\215\345\214\272\345\210\206\345\244\247\345\260\217\345\206\231\345\257\274\350\207\264\347\232\204\346\226\207\344\273\266\345\206\262\347\252\201\351\227\256\351\242\230.md" index 83f72a819..09206aea2 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/04-\350\247\243\345\206\263 Git \344\270\215\345\214\272\345\210\206\345\244\247\345\260\217\345\206\231\345\257\274\350\207\264\347\232\204\346\226\207\344\273\266\345\206\262\347\252\201\351\227\256\351\242\230.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/04-\350\247\243\345\206\263 Git \344\270\215\345\214\272\345\210\206\345\244\247\345\260\217\345\206\231\345\257\274\350\207\264\347\232\204\346\226\207\344\273\266\345\206\262\347\252\201\351\227\256\351\242\230.md" @@ -1,3 +1,9 @@ +--- +title: 04-解决 Git 不区分大小写导致的文件冲突问题 +--- + + + ## 解决 Git 不区分大小写导致的文件冲突问题 @@ -7,6 +13,10 @@ 有些同学在 Git 仓库对文件/文件夹进行命名时，刚开始是小写，后来为了保持团队一致，又改成了大写，然而 Git 不会发现大小写的变化，此时就出了问题：导致仓库里出现了 大小写 同时存在的两个文件。但在 Windows、Mac 的电脑磁盘里，肉眼却能只看到一个文件，实在奇葩。 +这个问题的根本原因是，Windows、Mac 的**文件系统**不区分大小写。 + +Linux的文件系统是区分大小写的。Git 默认是不区分大小写的，也可以通过改配置项，改为区分大小写。 + ### 问题复现路径 （1）新建一个 test 文件(大小写不敏感的状态下)，并提交。 @@ -32,7 +42,7 @@ git mv test Test git mv Test Temp # 将 Temp 目录改成 Test 目录。此时，项目中只会存在 Test 目录，不会存在 test 目录。目标达成。 -git mv Temp Test +git mv Temp Test ``` 执行完上面的两个命令之后，项目中只会存在 Test 目录，不会存在 test 目录。目标达成。 @@ -43,7 +53,7 @@ git mv Temp Test 不分区大小写，也有它的好处，比如：文件夹/文件的路径，很多时候就代表了网站地址、页面url的路径。而**网站地址也是不区分大小写的**，这是很关键的原因之一。 -总的来说，根本原因是 url 不区分大小写。磁盘路径、页面地址，本质上都是 url 。 +总的来说，根本原因是文件系统、url在底层设计上不区分大小写。磁盘路径、页面地址，本质上都是 url 。 ### 关于 Git是否区分大小写 的补充 @@ -59,3 +69,9 @@ git mv Temp Test - [Mac 中 git 大小写问题的解决方案](https://shanyue.tech/bug/mac-git-ignorecase.html) - [git 大小写问题 踩坑笔记](https://blog.csdn.net/u013707249/article/details/79135639) + +## 赞赏作者 + +创作不易，你的赞赏和认可，是我更新的最大动力： + +![](https://img.smyhvae.com/20220401_1800.jpg) \ No newline at end of file diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/Mac\345\256\211\350\243\205\345\222\214\351\205\215\347\275\256iTerm2.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/Mac\345\256\211\350\243\205\345\222\214\351\205\215\347\275\256iTerm2.md" index 6d54bc307..8979dc73b 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/Mac\345\256\211\350\243\205\345\222\214\351\205\215\347\275\256iTerm2.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/Mac\345\256\211\350\243\205\345\222\214\351\205\215\347\275\256iTerm2.md" @@ -6,3 +6,6 @@ - [安装oh my zsh失败：curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused](https://blog.csdn.net/huangpin815/article/details/105606135) +- + + diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/iTerm2 + OhMyZsh + agnoster \346\220\255\345\273\272.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/iTerm2 + OhMyZsh + agnoster \346\220\255\345\273\272.md" deleted file mode 100644 index 81cf5781e..000000000 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/iTerm2 + OhMyZsh + agnoster \346\220\255\345\273\272.md" +++ /dev/null @@ -1,7 +0,0 @@ - - -推荐链接： - -- - - diff --git "a/01-HTML/01-\350\256\244\350\257\206Web\345\222\214Web\346\240\207\345\207\206.md" "b/01-HTML/01-\350\256\244\350\257\206Web\345\222\214Web\346\240\207\345\207\206.md" index ca9cfc0c9..39af65b9a 100644 --- "a/01-HTML/01-\350\256\244\350\257\206Web\345\222\214Web\346\240\207\345\207\206.md" +++ "b/01-HTML/01-\350\256\244\350\257\206Web\345\222\214Web\346\240\207\345\207\206.md" @@ -60,7 +60,7 @@ Web标准不是某一个标准，而是由W3C组织和其他标准化组织制 - HTML（HyperText Markup Language）：超文本标记语言。从**语义**的角度描述页面的**结构**。相当于人的身体组织结构。 - CSS（Cascading Style Sheets）：层叠样式表。从**审美**的角度美化页面的**样式**。相当于人的衣服和打扮。 -- JS：JavaScript。从**交互**的角度描述页面的**行为**。相当于人的动作，让人有生命力。 +- JavaScript（简称JS）：从**交互**的角度描述页面的**行为**，实现业务逻辑和页面控制。相当于人的动作，让人有生命力。 **3、打个比方**：（拿黄渤举例） diff --git "a/01-HTML/02-\346\265\217\350\247\210\345\231\250\347\232\204\344\273\213\347\273\215.md" "b/01-HTML/02-\346\265\217\350\247\210\345\231\250\347\232\204\344\273\213\347\273\215.md" index a5c8c183e..e337d5f77 100644 --- "a/01-HTML/02-\346\265\217\350\247\210\345\231\250\347\232\204\344\273\213\347\273\215.md" +++ "b/01-HTML/02-\346\265\217\350\247\210\345\231\250\347\232\204\344\273\213\347\273\215.md" @@ -33,7 +33,7 @@ publish: true ### 1、渲染引擎（浏览器内核） -浏览器所采用的「渲染引擎」也称之为「浏览器内核」，用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 +浏览器所采用的「渲染引擎」也称之为「浏览器内核」，用于解析 HTML和CSS、布局、渲染等工作。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 **渲染引擎是浏览器兼容性问题出现的根本原因。** @@ -58,19 +58,29 @@ publish: true ### 2、JS 引擎 -也称为 JS 解释器。 用来解析网页中的JavaScript代码，对其处理后再运行。 +也称为 JS 解释器。 用来解析和执行网页中的JavaScript代码。 -浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时会逐行解释每一句源码（转换为机器语言），然后由计算机去执行。所以 JavaScript 语言归为脚本语言，会逐行解释执行。 +浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时会逐行解释每一句源码，转换为机器语言，然后由计算机去执行。 常见浏览器的 JS 引擎如下： |浏览器 | JS 引擎| |:-------------:|:-------------| -|chrome / 欧鹏 | V8 | -|Safari|Nitro| -|Firefox 火狐|SpiderMonkey（1.0-3.0）/ TraceMonkey（3.5-3.6）/ JaegerMonkey（4.0-）| -|Opera|Linear A（4.0-6.1）/ Linear B（7.0-9.2）/ Futhark（9.5-10.2）/ Carakan（10.5-）| +|chrome、欧鹏 | V8 | +|Mozilla Firefox 火狐|SpiderMonkey（1.0-3.0）/ TraceMonkey（3.5-3.6）/ JaegerMonkey（4.0-）| +|Safari|JavaScriptCore，也称为Nitro，是 WebKit 引擎的一部分| |IE|Trident | +|Edge|Chakra。此外，ChakraCore是Chakra的开源版本，可以在不同的平台上使用。 | +|Opera|Linear A（4.0-6.1）/ Linear B（7.0-9.2）/ Futhark（9.5-10.2）/ Carakan（10.5-）| + +补充说明： + +1、SpiderMonkey 是第一款 JavaScript 引擎，由 JS语言的作者 Brendan Eich 开发。 + +2、先以WebKit为例，WebKit上由两部分组成： + +- WebCore：负责解析HTML和CSS、布局、渲染等工作。 +- JavaScriptCore：负责解析和执行JavaScript 代码。 参考链接： diff --git "a/01-HTML/03-\345\210\235\350\257\206HTML.md" "b/01-HTML/03-\345\210\235\350\257\206HTML.md" index 09918c09d..b9412f109 100644 --- "a/01-HTML/03-\345\210\235\350\257\206HTML.md" +++ "b/01-HTML/03-\345\210\235\350\257\206HTML.md" @@ -37,7 +37,7 @@ HTML 不是一种编程语言，是一种描述性的**标记语言**。 所谓的超文本，有两层含义： -（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。 +（1）图片、音频、视频、动画、多媒体等内容，被称为超文本，因为它们超出了文本的限制。 （2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。 @@ -147,7 +147,7 @@ HTML标签通常是成对出现的（**双边标记** | ---------------- | :----: | :----------------------------- | | `` | HTML标签 | 页面中最大的标签，我们成为根标签 | | `` | 文档的头部 | 注意在head标签中我们必须要设置的标签是title | -| `` | 文档的标题 | 让页面拥有一个属于自己的网页标题 | +| `` | 文档的标题 | 让页面拥有一个属于自己的网页标题 | | `` | 文档的主体 | 元素包含文档的所有内容，页面内容 基本都是放到body里面的 | diff --git "a/01-HTML/05-HTML\346\240\207\347\255\276\357\274\232\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245.md" "b/01-HTML/05-HTML\346\240\207\347\255\276\357\274\232\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245.md" index f62a06f33..8f366d914 100644 --- "a/01-HTML/05-HTML\346\240\207\347\255\276\357\274\232\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245.md" +++ "b/01-HTML/05-HTML\346\240\207\347\255\276\357\274\232\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245.md" @@ -17,8 +17,8 @@ publish: true ### 特殊字符（转义字符） - ` `：空格 （non-breaking spacing，不断打空格） -- `<`：小于号（less than） -- `>`：大于号（greater than） +- `<`：小于号`<`（less than） +- `>`：大于号`>`（greater than） - `&`：符号`&` - `"`：双引号 - `'`：单引号 diff --git "a/01-HTML/06-HTML\346\240\207\347\255\276\357\274\232\345\233\276\347\211\207\346\240\207\347\255\276.md" "b/01-HTML/06-HTML\346\240\207\347\255\276\357\274\232\345\233\276\347\211\207\346\240\207\347\255\276.md" index fefd8323f..ed34942db 100644 --- "a/01-HTML/06-HTML\346\240\207\347\255\276\357\274\232\345\233\276\347\211\207\346\240\207\347\255\276.md" +++ "b/01-HTML/06-HTML\346\240\207\347\255\276\357\274\232\345\233\276\347\211\207\346\240\207\347\255\276.md" @@ -105,18 +105,6 @@ aaa/../bbb/1.jpg 相对路径的好处：站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。相对路径使用有一个前提，就是网页文件和你的图片，必须在一个服务器上。 -问题：我的网页在C盘，图片却在D盘，能不能插入呢？ - -答案： 用相对路径不能，用绝对路径也不能。 - -注意：可以使用file://来插入，但是这种方法，没有任何意义！因为服务器上没有所谓c盘、d盘。 - -下面的方法是行的，但是没有任何工程上的意义，这是因为服务器没有盘符，linux系统没有盘符： - -```html - -``` - **总结一下**： 无论是在 a 标签还是 img 标签上，如果要用路径。只有两种路径能用，就是相对路径和绝对路径： @@ -125,8 +113,6 @@ aaa/../bbb/1.jpg - 绝对路径，就是`http://`或者`https://`开头的路径。 -- 绝对不允许使用`file://`开头的文件，这个是完全错误的！ - ## img标签的其他属性 ### width、height 属性 diff --git "a/01-HTML/07-html\346\240\207\347\255\276\345\233\276\346\226\207\350\257\246\350\247\243\357\274\210\344\272\214\357\274\211.md" "b/01-HTML/07-html\346\240\207\347\255\276\345\233\276\346\226\207\350\257\246\350\247\243\357\274\210\344\272\214\357\274\211.md" index 2fa373138..88ccdb00f 100644 --- "a/01-HTML/07-html\346\240\207\347\255\276\345\233\276\346\226\207\350\257\246\350\247\243\357\274\210\344\272\214\357\274\211.md" +++ "b/01-HTML/07-html\346\240\207\347\255\276\345\233\276\346\226\207\350\257\246\350\247\243\357\274\210\344\272\214\357\274\211.md" @@ -669,7 +669,7 @@ POST方式： ![](http://img.smyhvae.com/2015-10-02-cnblogs_html_33.png) -注意，多个个单选框的input标签中，name 的属性值可以相同，但是 **id 的属性值必须是唯一的**。我们知道，html的标签中，id的属性值是唯一的。 +注意，多个单选框的input标签中，name 的属性值可以相同，但是 **id 的属性值必须是唯一的**。我们知道，html的标签中，id的属性值是唯一的。 **四种按钮的举例**： diff --git "a/01-HTML/08-HTML5\350\257\246\350\247\243.md" "b/01-HTML/08-HTML5\350\257\246\350\247\243.md" index e0523d73b..18aba6b93 100644 --- "a/01-HTML/08-HTML5\350\257\246\350\247\243.md" +++ "b/01-HTML/08-HTML5\350\257\246\350\247\243.md" @@ -340,7 +340,7 @@ PS:我们在测试 IE 浏览器的兼容的时候，可以使用软件 ietest， datetime: