add: 将工程文件的资源迁移到GitHub仓库

qianguyihao · qianguyihao · commit 665330d17aa9 · 2022-03-14T22:04:26.000+08:00
diff --git a/00-前端工具/04-解决 Git 不区分大小写导致的文件冲突问题.md b/00-前端工具/04-解决 Git 不区分大小写导致的文件冲突问题.md
@@ -7,6 +7,10 @@
 
 有些同学在 Git 仓库对文件/文件夹进行命名时，刚开始是小写，后来为了保持团队一致，又改成了大写，然而 Git 不会发现大小写的变化，此时就出了问题：导致仓库里出现了 大小写 同时存在的两个文件。但在 Windows、Mac 的电脑磁盘里，肉眼却能只看到一个文件，实在奇葩。
 
+这个问题的根本原因是，Windows、Mac 的**文件系统**不区分大小写。
+
+Linux的文件系统是区分大小写的。Git 默认是不区分大小写的，也可以通过改配置项，改为区分大小写。
+
 ### 问题复现路径
 
 （1）新建一个 test 文件(大小写不敏感的状态下)，并提交。
@@ -32,7 +36,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 +47,7 @@ git mv Temp Test
 
 不分区大小写，也有它的好处，比如：文件夹/文件的路径，很多时候就代表了网站地址、页面url的路径。而**网站地址也是不区分大小写的**，这是很关键的原因之一。
 
-总的来说，根本原因是 url 不区分大小写。磁盘路径、页面地址，本质上都是 url 。
+总的来说，根本原因是文件系统、url在底层设计上不区分大小写。磁盘路径、页面地址，本质上都是 url 。
 
 ### 关于 Git是否区分大小写 的补充
 
diff --git a/01-HTML/09-HTML5举例：简单的视频播放器.md b/01-HTML/09-HTML5举例：简单的视频播放器.md
@@ -265,10 +265,7 @@ index.html的代码如下：
 
 
 
-工程文件：
+工程文件：[2018-02-23-H5多媒体播放器.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-23-H5%E5%A4%9A%E5%AA%92%E4%BD%93%E6%92%AD%E6%94%BE%E5%99%A8.rar)
 
-- [2018-02-23-H5多媒体播放器.rar](https://pan.baidu.com/s/10RHLQIMl1EKvFaxvYhHaRw )
-
-- 密码:88cy
 
 
diff --git a/02-CSS基础/09-CSS案例讲解：博雅互动.md b/02-CSS基础/09-CSS案例讲解：博雅互动.md
@@ -473,9 +473,7 @@ publish: true
 
 ![](http://img.smyhvae.com/20180114_1405.png)
 
-工程文件如下：
-
-- [2018-03-20-boya.rar](https://download.csdn.net/download/smyhvae/11832612)
+工程文件：[2018-03-20-boya.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-03-20-boya.rar)
 
 ## 我的公众号
 
diff --git a/02-CSS基础/12-CSS3属性详解：动画详解.md b/02-CSS基础/12-CSS3属性详解：动画详解.md
@@ -149,9 +149,9 @@ transition 包括以下属性：
 
 动画效果录制的比较差，但真实体验还是可以的。
 
-工程文件：
+工程文件：[2018-02-08-小米商品详情过渡](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-08-%E5%B0%8F%E7%B1%B3%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85%E8%BF%87%E6%B8%A1.rar)
+
 
-- [2018-02-08-小米商品详情过渡](http://download.csdn.net/download/smyhvae/10245871)
 
 
 ## 2D 转换
@@ -1426,10 +1426,7 @@ PS：图片的url是<http://img.smyhvae.com/20180209_1245.gif>，图片较大，
 
 大功告成。
 
-工程文件如下：
-
-- [2018-02-09-fishes.rar](http://download.csdn.net/download/smyhvae/10255540)
-
+工程文件：[2018-02-09-fishes.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-09-fishes.rar)
 
 ## 我的公众号
 
diff --git a/02-CSS基础/14-CSS3属性详解：Web字体.md b/02-CSS基础/14-CSS3属性详解：Web字体.md
@@ -157,9 +157,8 @@ woff字体是Web字体中最佳格式，他是一个开放的TrueType/OpenType
 
 （2）因为我把字体文件单独放在了font文件夹中，所以在src中引用字体资源时，写的路径是 `font/...`
 
-工程文件：
+工程文件：[2018-02-20-WebFont举例.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-20-WebFont%E4%B8%BE%E4%BE%8B.zip)
 
-- [2018-02-20-WebFont举例.zip](http://download.csdn.net/download/smyhvae/10253565)
 
 
 ## 字体图标（阿里的 iconfont 网站举例）
@@ -299,11 +298,11 @@ woff字体是Web字体中最佳格式，他是一个开放的TrueType/OpenType
 ![](http://img.smyhvae.com/20180220_1815.png)
 
 
-工程文件：
+~工程文件~：
 
 - 2018-02-20-图标字体demo.zip
 
-
+- 下载链接暂无。
 
 ## 其他相相关网站介绍
 
diff --git a/04-JavaScript基础/36-offset相关属性和匀速动画（含轮播图的实现）.md b/04-JavaScript基础/36-offset相关属性和匀速动画（含轮播图的实现）.md
@@ -666,9 +666,7 @@ div.style.left = "100px";
 
 温馨提示：动图太大，可以把<http://img.smyhvae.com/20180202_2020.gif>单独在浏览器中打开。
 
-工程文件：
-
-- [2018-02-02-JS动画实现轮播图.rar](http://download.csdn.net/download/smyhvae/10237662)
+工程文件：[2018-02-02-JS动画实现轮播图.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-02-JS%E5%8A%A8%E7%94%BB%E5%AE%9E%E7%8E%B0%E8%BD%AE%E6%92%AD%E5%9B%BE.rar)
 
 
 ## 我的公众号
diff --git a/04-JavaScript基础/37-scroll相关属性和缓动动画.md b/04-JavaScript基础/37-scroll相关属性和缓动动画.md
@@ -341,10 +341,12 @@ function scroll() {  // 开始封装自己的scrollTop
 ![](http://img.smyhvae.com/20180203_1619.gif)
 
 
-工程文件：
+~工程文件~：
 
 - 2018-02-03-scrollTop固定导航栏.rar
 
+- 下载链接暂无。
+
 
 ## 缓动动画
 
diff --git a/04-JavaScript基础/45-jQuery的介绍和选择器.md b/04-JavaScript基础/45-jQuery的介绍和选择器.md
@@ -935,9 +935,11 @@ jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们
 
 注意这里的css布局里，每一个图片都用一个li来存放。设置li的父亲的宽度之后，然后将li设置为浮动，即可自适应地排列成两排。
 
-工程文件：
+~工程文件~：
 
-- [2018-02-05-突出显示.rar]()
+- 2018-02-05-突出显示.rar
+
+- 下载链接暂无
 
 
 ### 举例4：手风琴效果
@@ -1160,11 +1162,11 @@ jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们
 
 ![](http://img.smyhvae.com/20180205_1135.gif)
 
-工程文件：
+~工程文件~：
 
 - [2018-02-05-淘宝精品服饰广告.rar]()
 
-
+- 下载链接暂无。
 
 
 
diff --git a/08-前端基本功：CSS和DOM练习/01-CSS基础练习：JD首页的制作（顶部和底部）.md b/08-前端基本功：CSS和DOM练习/01-CSS基础练习：JD首页的制作（顶部和底部）.md
@@ -336,9 +336,7 @@ css代码解释：
 （6）在`手机京东`这个li中增加手机小图标，这里用到了css精灵图。
 
 
-京东顶部导航条的工程文件如下：
-
-<http://download.csdn.net/download/smyhvae/10214943>
+京东顶部导航条的工程文件：[2018-01-19-前端基础练习-JD顶部导航.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-01-19-%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0-JD%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA.rar)
 
 ## 顶部banner图
 
@@ -598,9 +596,7 @@ css代码解释：
 
 注意，每个 a 之间是用margin隔开，不是用padding隔开；否则的话，鼠标点击中间的空白处也会出现跳转。
 
-顶部导航条+顶部banner+搜索框的工程文件如下：
-
-<http://download.csdn.net/download/smyhvae/10218022>
+顶部导航条+顶部banner+搜索框的工程文件：[2018-01-21-前端基础练习-JD顶部导航.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-01-21-%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0-JD%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA.rar)
 
 ## slogen：口号
 
@@ -900,7 +896,5 @@ css代码如下：
 
 ![](http://img.smyhvae.com/20180122_1920.png)
 
-对应的工程文件如下：
-
-- [2018-01-22-前端基础练习-JD顶部导航.rar](http://download.csdn.net/download/smyhvae/10218487)
+对应的工程文件：[2018-01-22-前端基础练习-JD顶部导航.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-01-22-%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0-JD%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA.rar)
 
diff --git a/08-前端基本功：CSS和DOM练习/02-CSS基础练习：JD首页的制作（快捷导航部分）.md b/08-前端基本功：CSS和DOM练习/02-CSS基础练习：JD首页的制作（快捷导航部分）.md
@@ -793,8 +793,6 @@ index.css:
 
 ![](http://img.smyhvae.com/20180124_1607.png)
 
-工程文件如下：
-
-- [2018-01-23-前端基础练习-JD顶部导航.rar](http://download.csdn.net/download/smyhvae/10222155)
+工程文件：[2018-01-23-前端基础练习-JD顶部导航.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-01-23-%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0-JD%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA.rar)
 
 
diff --git a/08-前端基本功：CSS和DOM练习/03-DOM操作练习：基础练习.md b/08-前端基本功：CSS和DOM练习/03-DOM操作练习：基础练习.md
@@ -236,9 +236,7 @@ publish: true
 
 20180127_1630.gif
 
-工程文件：
-
-- [2018-01-27-美女相册demo.rar](http://download.csdn.net/download/smyhvae/10227161)
+工程文件：[2018-01-27-美女相册demo.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-01-27-%E7%BE%8E%E5%A5%B3%E7%9B%B8%E5%86%8Cdemo.rar)
 
 ### 举例3：鼠标悬停时，显示二维码大图
 
diff --git a/08-前端基本功：CSS和DOM练习/07-DOM操作练习：innerHTML的方式创建元素.md b/08-前端基本功：CSS和DOM练习/07-DOM操作练习：innerHTML的方式创建元素.md
@@ -344,9 +344,7 @@ document.write();
 </html>
 ```
 
-工程文件：
-
-- [2018-02-01-获取在线用户列表demo.rar](http://download.csdn.net/download/smyhvae/10237611)
+工程文件：[2018-02-01-获取在线用户列表demo.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-01-%E8%8E%B7%E5%8F%96%E5%9C%A8%E7%BA%BF%E7%94%A8%E6%88%B7%E5%88%97%E8%A1%A8demo.rar)
 
 
 
diff --git a/09-移动Web开发/01-Bootstrap入门.md b/09-移动Web开发/01-Bootstrap入门.md
@@ -403,7 +403,7 @@ JS 组件在[官网](https://v3.bootcss.com/javascript/)有介绍：
 
 空结构的工程文件的下载地址：(lib文件夹里包含了Bootstrap相关的各种库和中文文档)
 
-- [2018-02-25-BootstrapDemo及文档.rar](http://download.csdn.net/download/smyhvae/10258718)
+- [2018-02-25-BootstrapDemo及文档.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-25-BootstrapDemo%E5%8F%8A%E6%96%87%E6%A1%A3.rar)
 
 还是那句话：**如果需要哪个样式，直接根据文档的指引，在相应的元素里加指定的类名即可。**
 
diff --git a/09-移动Web开发/03-Less详解.md b/09-移动Web开发/03-Less详解.md
@@ -353,9 +353,9 @@ copy 红框那部分的代码如下：
 > 不提倡将 less 引入页面，因为 less 需要编译，因此你就需要再引入一个less.js, 多了一个HTTP 请求，同时当浏览器禁用了 js 你的样式就不起作用了，less 编译应该在服务端或使用 grunt 自动编译。
 
 
-工程文件：（工程文件中，我引用的less.js版本是 2.5.3）
+工程文件：（我引用的less.js版本是 2.5.3）
 
-- [2018-02-27-LessDemo.rar](http://download.csdn.net/download/smyhvae/10260410)
+- [2018-02-27-LessDemo.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-02-27-LessDemo.rar)
 
 
 参考链接：
diff --git a/11-Node.js/JavaScript模块化：ES6.md b/11-Node.js/JavaScript模块化：ES6.md
@@ -296,9 +296,7 @@ dist/main.js就是我们需要引入到 index.html 里的文件。
 ![](http://img.smyhvae.com/20180414_1615.png)
 
 
-工程文件：
-
-- [2018-04-13-ES6Demo.rar](https://download.csdn.net/download/smyhvae/10348940)
+工程文件：[2018-04-13-ES6Demo.rar](https://github.com/qianguyihao/web-resource/blob/main/project/2018-04-13-ES6Demo.rar)
 
 
 ## ES6模块化的使用举例（引入第三方模块）
diff --git a/12-Vue基础/01-Vue的介绍和vue-cli.md b/12-Vue基础/01-Vue的介绍和vue-cli.md
@@ -244,7 +244,7 @@ $ npm install -g @vue/cli
 
 这个空项目的工程文件如下：（请务必仔细研究这个项目的写法和目录结构）
 
-- [2019-06-21-vue-my-app.zip](https://download.csdn.net/download/smyhvae/11256220)
+- [2019-06-21-vue-my-app.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-06-21-vue-my-app.zip)
 
 我们可以看到这个项目的结构：
 
diff --git a/13-React基础/01-React介绍.md b/13-React基础/01-React介绍.md
@@ -227,9 +227,9 @@ render的中文含义是“渲染”。render 方法的语法如下：
 	ReactDOM.render(要渲染的虚拟DOM对象, 容器 container：要渲染到页面上的哪个位置);
 ```
 
-【工程文件下载】
+工程文件：
 
-- [2019-02-08-ReactDemo.zip](https://download.csdn.net/download/smyhvae/10951736)
+- [2019-02-08-ReactDemo.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-02-08-ReactDemo.zip)
 
 
 ### 方式二：npm install
@@ -288,9 +288,9 @@ ReactDOM.render(myDiv, document.getElementById('app'));
 ```
 
 
-【工程文件下载】
+工程文件：
 
-- [2019-02-09-ReactDemo.zip](https://download.csdn.net/download/smyhvae/10951196)
+- [2019-02-09-ReactDemo.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-02-09-ReactDemo.zip)
 
 
 ## 我的公众号
diff --git a/13-React基础/04-React组件（二）：常见属性和函数.md b/13-React基础/04-React组件（二）：常见属性和函数.md
@@ -459,7 +459,7 @@ export default class Counter extends React.Component {
 
 工程文件：
 
-- [2019-02-12-ReactDemo.zip](https://pan.baidu.com/s/1STNpgtmO23hE_cHIjNkBMA)
+- [2019-02-12-ReactDemo.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-02-12-ReactDemo.zip)
 
 
 ## 生命周期函数：componentWillReceiveProps()
diff --git a/13-React基础/06-React的单向数据绑定.md b/13-React基础/06-React的单向数据绑定.md
@@ -157,9 +157,7 @@ export default class MyComponent extends React.Component {
 ```
 
 
-工程文件：
-
-- [2019-02-13-ReactDemo.zip]()
+工程文件：[2019-02-13-ReactDemo.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-02-13-ReactDemo.zip)
 
 
 
diff --git a/13-React基础/07-React路由的使用.md b/13-React基础/07-React路由的使用.md
@@ -251,11 +251,8 @@ export default class Movie extends React.Component {
 20190214_1030.png
 
 
-工程文件：
+工程文件：[2019-02-14-ReactDemo.zip](https://github.com/qianguyihao/web-resource/blob/main/project/2019-02-14-ReactDemo.zip)
 
-2019-02-14-ReactDemo.zip
-
-## 参考链接
 
 
 
