From 0a48846ed01346888d74c9776f1cf4d24f7bb58c Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Sat, 13 Apr 2019 17:28:47 +0800 Subject: [PATCH] =?UTF-8?q?add:2019=E5=89=8D=E7=AB=AF=E6=9C=80=E6=96=B0?= =?UTF-8?q?=E5=AF=BC=E8=88=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 00-前端工具/01-VS Code的使用.md | 6 +- 01-html/01-html标签图文详解（一）.md | 2 +- 01-html/02-html标签图文详解（二）.md | 2 +- 02-CSS/01-CSS属性：字体属性和文本属性.md | 2 +- 02-CSS/02-CSS属性：背景属性.md | 2 +- 02-CSS/03-CSS样式表和选择器.md | 2 +- 02-CSS/04-CSS选择器：伪类.md | 2 +- 02-CSS/05-CSS样式表的继承性和层叠性.md | 2 +- 02-CSS/06-CSS盒模型详解.md | 2 +- 02-CSS/07-浮动.md | 2 +- 02-CSS/08-CSS属性：定位属性.md | 2 +- 03-JavaScript基础/01-JS简介.md | 2 +- 03-JavaScript基础/04-运算符.md | 4 +- .../05-流程控制语句：选择结构（if和switch）.md | 4 +- 03-JavaScript基础/21-DOM操作.md | 2 +- 03-JavaScript基础/22-事件对象Event和冒泡.md | 2 +- .../24-BOM的常见内置方法和内置对象.md | 2 +- .../01-offset家族和匀速动画(含轮播图的实现).md | 2 +- 06-jQuery/01-jQuery的介绍和选择器.md | 2 +- 06-jQuery/02-jQuery动画详解.md | 2 +- 07-HTML5和CSS3/01-HTML5详解.md | 2 +- 07-HTML5和CSS3/03-CSS3选择器详解.md | 2 +- 07-HTML5和CSS3/04-CSS3属性详解（一）.md | 2 +- 08-移动web开发/01-Bootstrap入门.md | 2 +- 08-移动web开发/03-Less详解.md | 2 +- 09-Ajax/02-Ajax入门和发送http请求.md | 2 +- 10-Node.js和模块化/01-Node.js入门.md | 2 +- 12-Vue基础/05-Vue组件的定义和注册.md | 2 +- 14-前端面试/06-跨域通信类.md | 2 +- 14-前端面试/10-01.页面性能优化.md | 2 +- ...前端自学路线.md => 01-2019年Web前端自学路线.md} | 29 +- 17-前端综合/02-前端导航.md | 472 ++++++++++++++++++ 17-前端综合/2018年-前端日记.md | 2 - 17-前端综合/前端中的一些概念.md | 14 - 17-前端综合/前端开发积累.md | 16 +- 35 files changed, 536 insertions(+), 65 deletions(-) rename 17-前端综合/{2019年Web前端自学路线.md => 01-2019年Web前端自学路线.md} (71%) create mode 100644 17-前端综合/02-前端导航.md delete mode 100644 17-前端综合/前端中的一些概念.md diff --git a/00-前端工具/01-VS Code的使用.md b/00-前端工具/01-VS Code的使用.md index d2e63f3..6e9861a 100644 --- a/00-前端工具/01-VS Code的使用.md +++ b/00-前端工具/01-VS Code的使用.md @@ -28,6 +28,8 @@ VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、高 - VS Code 自带了 TypeScript 和 Node.js 的支持。也就是说，你在书写 JS 和 TS 时，是自带智能提示的。 +- 有一点你可能不知道，VS Code 这个客户端软件是用 js 语言开发出来的（具体请自行查阅关键字`Electron`）。有句话说得好：能用 js 实现的功能，最终一定会用 js 实现。 + ### 前端利器之争： VS Code 与 idea - **哪个更酷**：显然 VS Code 更酷。 @@ -36,7 +38,6 @@ VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、高 - **使用比例**：当然是 VS Code 更胜一筹。 - ## VS Code 的安装 - VS Code 官网： @@ -47,10 +48,8 @@ VS Code 的安装很简单，直接去官网下载安装包，然后双击安装 上图中，直接点击 download 下载安装即可。 - ## VS Code的基本功能 - ### 命令面板 Mac用户按住快捷键 `Cmd+Shift+P` （Windows用户按住快捷键`Ctrl+Shift+P`），可以打开命令面板。效果如下： @@ -120,7 +119,6 @@ VS Code自带的对比功能并不够强大，我们可以安装插件`compareit 20190329_2120.png - ## 常用插件推荐 ### Settings Sync diff --git a/01-html/01-html标签图文详解（一）.md b/01-html/01-html标签图文详解（一）.md index 3d4176e..d2555e1 100644 --- a/01-html/01-html标签图文详解（一）.md +++ b/01-html/01-html标签图文详解（一）.md @@ -1,6 +1,6 @@ -> 本文最初于2015-10-01发表于[博客园](http://www.cnblogs.com/smyhvae/p/4850684.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初于2015-10-01发表于[博客园](http://www.cnblogs.com/smyhvae/p/4850684.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/01-html/02-html标签图文详解（二）.md b/01-html/02-html标签图文详解（二）.md index 02d7154..b642298 100644 --- a/01-html/02-html标签图文详解（二）.md +++ b/01-html/02-html标签图文详解（二）.md @@ -1,5 +1,5 @@ -> 本文最初于2015-10-02发表于[博客园](http://www.cnblogs.com/smyhvae/p/4852863.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初于2015-10-02发表于[博客园](http://www.cnblogs.com/smyhvae/p/4852863.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/02-CSS/01-CSS属性：字体属性和文本属性.md b/02-CSS/01-CSS属性：字体属性和文本属性.md index e8715b8..41fb20c 100644 --- a/02-CSS/01-CSS属性：字体属性和文本属性.md +++ b/02-CSS/01-CSS属性：字体属性和文本属性.md @@ -1,5 +1,5 @@ -> 本文最初于2015-10-04发表于[博客园](http://www.cnblogs.com/smyhvae/p/4855106.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初于2015-10-04发表于[博客园](http://www.cnblogs.com/smyhvae/p/4855106.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/02-CSS/02-CSS属性：背景属性.md b/02-CSS/02-CSS属性：背景属性.md index 3d30a66..2505cd9 100644 --- a/02-CSS/02-CSS属性：背景属性.md +++ b/02-CSS/02-CSS属性：背景属性.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8277895.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8277895.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/02-CSS/03-CSS样式表和选择器.md b/02-CSS/03-CSS样式表和选择器.md index 164dff8..4d6875d 100644 --- a/02-CSS/03-CSS样式表和选择器.md +++ b/02-CSS/03-CSS样式表和选择器.md @@ -1,6 +1,6 @@ -> 本文最初于2015-10-03发表于[博客园](http://www.cnblogs.com/smyhvae/p/4853995.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初于2015-10-03发表于[博客园](http://www.cnblogs.com/smyhvae/p/4853995.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 diff --git a/02-CSS/04-CSS选择器：伪类.md b/02-CSS/04-CSS选择器：伪类.md index a074bf5..8b03ac1 100644 --- a/02-CSS/04-CSS选择器：伪类.md +++ b/02-CSS/04-CSS选择器：伪类.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8280814.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8280814.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/02-CSS/05-CSS样式表的继承性和层叠性.md b/02-CSS/05-CSS样式表的继承性和层叠性.md index 0feceac..70a96ee 100644 --- a/02-CSS/05-CSS样式表的继承性和层叠性.md +++ b/02-CSS/05-CSS样式表的继承性和层叠性.md @@ -1,7 +1,7 @@ -> 本文最初于2017-07-29发表于[博客园](http://www.cnblogs.com/smyhvae/p/7253929.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初于2017-07-29发表于[博客园](http://www.cnblogs.com/smyhvae/p/7253929.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/02-CSS/06-CSS盒模型详解.md b/02-CSS/06-CSS盒模型详解.md index fc259cb..1a665fd 100644 --- a/02-CSS/06-CSS盒模型详解.md +++ b/02-CSS/06-CSS盒模型详解.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7256371.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新。以下是正文。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7256371.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新。以下是正文。 ## 盒子模型 diff --git a/02-CSS/07-浮动.md b/02-CSS/07-浮动.md index 0c29c7f..595f2d2 100644 --- a/02-CSS/07-浮动.md +++ b/02-CSS/07-浮动.md @@ -1,7 +1,7 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7297736.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新。以下是正文。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7297736.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新。以下是正文。 diff --git a/02-CSS/08-CSS属性：定位属性.md b/02-CSS/08-CSS属性：定位属性.md index df65a86..ec2dc15 100644 --- a/02-CSS/08-CSS属性：定位属性.md +++ b/02-CSS/08-CSS属性：定位属性.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8296748.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8296748.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/03-JavaScript基础/01-JS简介.md b/03-JavaScript基础/01-JS简介.md index 5472343..764e843 100644 --- a/03-JavaScript基础/01-JS简介.md +++ b/03-JavaScript基础/01-JS简介.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8303507.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8303507.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 ## JavaScript背景 diff --git a/03-JavaScript基础/04-运算符.md b/03-JavaScript基础/04-运算符.md index a02d30f..ee02326 100644 --- a/03-JavaScript基础/04-运算符.md +++ b/03-JavaScript基础/04-运算符.md @@ -1,5 +1,5 @@ -> 本文首发于[博客园](https://www.cnblogs.com/smyhvae/p/8306146.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文首发于[博客园](https://www.cnblogs.com/smyhvae/p/8306146.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 我们在本文件夹的[第二篇](https://github.com/smyhvae/Web/blob/master/03-JavaScript%E5%9F%BA%E7%A1%80/02-%E5%8F%98%E9%87%8F.md)里讲到了JS中**变量**的概念，本篇文章讲一下**运算符**和表达式。 @@ -594,7 +594,7 @@ console.log(isNaN(b)); //false 2、同样，我们可以在网页中使用Unicode编码。格式如下： ``` -&#编码; +&#编码; ``` PS：我们知道，Unicode编码采用的是16进制，但是，这里的编码需要使用10进制。 diff --git a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md index 7ba35a2..0593522 100644 --- a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md +++ b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md @@ -1,6 +1,6 @@ -> 本文首发于[博客园](http://www.cnblogs.com/smyhvae/p/8310295.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文首发于[博客园](http://www.cnblogs.com/smyhvae/p/8310295.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 ## 代码块 @@ -233,7 +233,7 @@ switch语句也叫条件分支语句。 ... ... - default： + default： 语句体 n+1; break; } diff --git a/03-JavaScript基础/21-DOM操作.md b/03-JavaScript基础/21-DOM操作.md index 31ee5ea..6adbdae 100644 --- a/03-JavaScript基础/21-DOM操作.md +++ b/03-JavaScript基础/21-DOM操作.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8366012.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8366012.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/03-JavaScript基础/22-事件对象Event和冒泡.md b/03-JavaScript基础/22-事件对象Event和冒泡.md index 13cd0f3..150650d 100644 --- a/03-JavaScript基础/22-事件对象Event和冒泡.md +++ b/03-JavaScript基础/22-事件对象Event和冒泡.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8413602.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8413602.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/03-JavaScript基础/24-BOM的常见内置方法和内置对象.md b/03-JavaScript基础/24-BOM的常见内置方法和内置对象.md index e02ea97..4aa166e 100644 --- a/03-JavaScript基础/24-BOM的常见内置方法和内置对象.md +++ b/03-JavaScript基础/24-BOM的常见内置方法和内置对象.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8401662.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8401662.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/05-前端基本功：JavaScript特效/01-offset家族和匀速动画(含轮播图的实现).md b/05-前端基本功：JavaScript特效/01-offset家族和匀速动画(含轮播图的实现).md index 01a38ae..7029c21 100644 --- a/05-前端基本功：JavaScript特效/01-offset家族和匀速动画(含轮播图的实现).md +++ b/05-前端基本功：JavaScript特效/01-offset家族和匀速动画(含轮播图的实现).md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8407109.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8407109.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/06-jQuery/01-jQuery的介绍和选择器.md b/06-jQuery/01-jQuery的介绍和选择器.md index 08e48fe..51a35f2 100644 --- a/06-jQuery/01-jQuery的介绍和选择器.md +++ b/06-jQuery/01-jQuery的介绍和选择器.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8414627.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8414627.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/06-jQuery/02-jQuery动画详解.md b/06-jQuery/02-jQuery动画详解.md index 8d72957..183d238 100644 --- a/06-jQuery/02-jQuery动画详解.md +++ b/06-jQuery/02-jQuery动画详解.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园]()，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园]()，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/07-HTML5和CSS3/01-HTML5详解.md b/07-HTML5和CSS3/01-HTML5详解.md index 5d558ec..6790833 100644 --- a/07-HTML5和CSS3/01-HTML5详解.md +++ b/07-HTML5和CSS3/01-HTML5详解.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8424230.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8424230.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/07-HTML5和CSS3/03-CSS3选择器详解.md b/07-HTML5和CSS3/03-CSS3选择器详解.md index 3957c28..dec685f 100644 --- a/07-HTML5和CSS3/03-CSS3选择器详解.md +++ b/07-HTML5和CSS3/03-CSS3选择器详解.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8426799.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8426799.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/07-HTML5和CSS3/04-CSS3属性详解（一）.md b/07-HTML5和CSS3/04-CSS3属性详解（一）.md index 3d2abaa..ddc6bcd 100644 --- a/07-HTML5和CSS3/04-CSS3属性详解（一）.md +++ b/07-HTML5和CSS3/04-CSS3属性详解（一）.md @@ -1,7 +1,7 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8430898.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8430898.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/08-移动web开发/01-Bootstrap入门.md b/08-移动web开发/01-Bootstrap入门.md index fab8baf..e4a8c6b 100644 --- a/08-移动web开发/01-Bootstrap入门.md +++ b/08-移动web开发/01-Bootstrap入门.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8470657.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8470657.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/08-移动web开发/03-Less详解.md b/08-移动web开发/03-Less详解.md index abf6b91..28494ab 100644 --- a/08-移动web开发/03-Less详解.md +++ b/08-移动web开发/03-Less详解.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8476602.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8476602.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/09-Ajax/02-Ajax入门和发送http请求.md b/09-Ajax/02-Ajax入门和发送http请求.md index 7be8103..5338569 100644 --- a/09-Ajax/02-Ajax入门和发送http请求.md +++ b/09-Ajax/02-Ajax入门和发送http请求.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8485028.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8485028.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/10-Node.js和模块化/01-Node.js入门.md b/10-Node.js和模块化/01-Node.js入门.md index cbdfd1a..858db18 100644 --- a/10-Node.js和模块化/01-Node.js入门.md +++ b/10-Node.js和模块化/01-Node.js入门.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8492713.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8492713.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/12-Vue基础/05-Vue组件的定义和注册.md b/12-Vue基础/05-Vue组件的定义和注册.md index 572b6b6..003cce9 100644 --- a/12-Vue基础/05-Vue组件的定义和注册.md +++ b/12-Vue基础/05-Vue组件的定义和注册.md @@ -1,5 +1,5 @@ -> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/9195261.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/9195261.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/14-前端面试/06-跨域通信类.md b/14-前端面试/06-跨域通信类.md index a07a288..7c3d85a 100644 --- a/14-前端面试/06-跨域通信类.md +++ b/14-前端面试/06-跨域通信类.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8523576.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8523576.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/14-前端面试/10-01.页面性能优化.md b/14-前端面试/10-01.页面性能优化.md index 5b42bd5..e37a58b 100644 --- a/14-前端面试/10-01.页面性能优化.md +++ b/14-前端面试/10-01.页面性能优化.md @@ -1,6 +1,6 @@ -> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8550195.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8550195.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 > 以下是正文。 diff --git a/17-前端综合/2019年Web前端自学路线.md b/17-前端综合/01-2019年Web前端自学路线.md similarity index 71% rename from 17-前端综合/2019年Web前端自学路线.md rename to 17-前端综合/01-2019年Web前端自学路线.md index d3f4970..85c45cb 100644 --- a/17-前端综合/2019年Web前端自学路线.md +++ b/17-前端综合/01-2019年Web前端自学路线.md @@ -1,7 +1,7 @@ -> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8776837.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 +> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8776837.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 -> 以下是正文。 +> 以下是正文。本文内容不定期更新。 我前几天写过一篇文章：[《裸辞两个月，海投一个月，从Android转战Web前端的求职之路》](http://www.cnblogs.com/smyhvae/p/8732781.html)。这篇文章讲述了我在转型过程中的亲身经历和感受，不少童鞋私信问我怎么入门前端，于是有了这篇文章。 @@ -20,11 +20,11 @@ 五、HTML5和CSS3。要熟悉其中的新特性。 -六、canvas。面试时，有的公司不一定会问canvas，靠运气。如果时间不够，这部分的内容可以先不学。 +六、canvas。面试时，有的公司不一定会问canvas，靠运气。如果时间不够，这部分的内容可以先不学。但如果你会，绝对属于加分项。 七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。 -八、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。 +八、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。 九、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。 @@ -38,7 +38,7 @@ 我在GitHub上有一个Web前端入门的学习教程，非常详细，地址是： -> +> 非常详细和贴心，你值得star。 @@ -58,15 +58,26 @@ 程序员面试的时候，经常会被问的一个问题是：“在浏览器的地址栏输入url，按下回车后，发生了什么？” -为了清楚这个问题，看上面这本书，足够了。如果你想入门计算机网络，这本书也是必读的。评价非常高。关于网络连接的问题，也有一些github项目： +为了清楚这个问题，看上面这本书，足够了。如果你想入门计算机网络，这本书也是必读的。评价非常高。 + +关于这个问题，也可以看下面这篇文章：[浏览器输入 URL 后发生了什么？](https://zhuanlan.zhihu.com/p/43369093) + + +- 《[CSS世界](https://book.douban.com/subject/27615777/)》 + +关于 CSS 的书籍，首先推荐这本书，我身边的大佬们都说这本书好。虽然我不是大牛，但我也觉得这本书很好。 + +如果 js 熟练，说明你是有技术深度的前端；如果 css 熟练，说明你是有经验的前端。 -- ## 推荐的链接 -待更新。 +- 前端导航： + +这个导航里列出了很多常见网站、博客、工具等，整体来看比较权威。 + +学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” 。此时，这份清单就能起到作用了。如果能把清单里列出的内容都了解下，逼格也会高很多。 -PS：今天先写到这里。本文内容不定期更新。 ## 我的公众号 diff --git a/17-前端综合/02-前端导航.md b/17-前端综合/02-前端导航.md new file mode 100644 index 0000000..3bec9c6 --- /dev/null +++ b/17-前端综合/02-前端导航.md @@ -0,0 +1,472 @@ + + +> 本文最初发表于[博客园](https://www.cnblogs.com/qianguyihao/p/10701923.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。 + +## 前言 + +本文列出了很多常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。 + +学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单就能起到作用了。如果你能把清单里列出的内容都了解下，逼格也会高很多。 + +## 技术社区 + +- GitHub： + +高质量的内容创作和分享平台。 + +请记住，作为一个码农，GitHub 代表了你的名片。 + +- stackoverflow： + +遇到技术问题请先Google，很多答案都能在 stackoverflow 上找到。 + +## 技术博客 + +- 掘金： + +掘金已经被前端同学攻陷了。目前来看，国内的很多优质前端文章，都在掘金上。 + +如果你刚开始写前端博客，可以考虑在掘金上发文章。当然，文章最好在**掘金、博客园、知乎**上做同步。 + +- 博客园： + +一个很纯粹的技术博客平台。 + +- 知乎： + +很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。 + +- CSDN： + +广告太多，但奈何你这么老牌。 + +- segmentfault： + +比较低调的技术博客平台。 + +## GitHub 排名统计 + +- GitHub 中国区排名： + +这个网站虽然比较小众，但排名还是相对比较准的。 + +- GitHub 中国区排名： + +这个排名很久没更新了，早就不准了。 + +- GitHub 全球排名： + +- GitHub trending（官网推荐—）： + +你的项目要是能上 GitHub trending，绝对火得一塌糊涂。 + +## 学习资源 + +- 慕课网： + +## 资讯 + +- 虎嗅网： + +- 36氪： + +- 利器： + +采访优秀的创造者，邀请他们来分享工作时所使用的工具。 + +- 湾区日报： + +每天推送 5 篇优质英文文章。 + +- Solidot： + +- 品玩： + +- 极客公园： + +## 框架 + +- Vue.js： + +- React： + +- Angular： + +- AngularJS： + +- Koa： + +基于 Node.js 平台的下一代 Web 开发框架。 + +- Express： + +基于 Node.js 平台，快速、开放、极简的 Web 开发框架。 + +- Egg： + +Egg 继承于 Koa。 + +Koa 是一个非常优秀的框架，然而对于企业级应用来说，它还比较基础。而 Egg 选择了 Koa 作为其基础框架，在它的模型基础上，进一步对它进行了一些增强。 + +- Electron： + +Electron（原名为Atom Shell）是GitHub开发的一个开源js框架。 它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。 + +也就是说，我们可以用 js 语言开发客户端软件了。其实呢，VS Code 这个客户端软件就是用 js 语言写的。 + +- Redux： + +Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 + +- ReactNative： + +使用JavaScript编写原生移动应用。 + +- mpvue： + +基于 Vue.js 的小程序开发框架。 + +## UI框架 + +- Bootstrap： + +- ElementUI： + +基于 Vue.js 的组件库。 + +- iView： + +一套基于 Vue.js 的高质量 UI 组件库。 + +- Ant Design： + +基于 React 的 UI 组件库，主要用于研发企业级中后台产品。官网推出了 [Ant Design pro](https://pro.ant.design/) 作为示例，可以看看。 + +- Ant Design Mobile： + +一个基于 Preact / React / React Native 的 移动端 UI 组件库。 + +- Ant Design of Vue： + +Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 + +## 类库 + +- jQuery： + +- Zepto.js： + +可以理解成是移动端的 jQuery。 + +- ECharts： + +使用 JavaScript 实现的开源可视化库。 + +## CSS + +- Sass： + +Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看： + +- Less： + +给 CSS 加点料。入门文档可以看： + +- Stylus： + +## 构建 + +- NPM： + +- Yarn： + +- Webpack： + +- Gulp： + +- Babel： + +- ESLint： + +可组装的JavaScript和JSX检查工具。 + +- PostCSS： + +用 JavaScript 工具和插件转换 CSS 代码的工具 + +## 调试抓包 + +- whistle： + +代理抓包工具，很好很强大。 + +- Fiddler： + +代理抓包工具。 + +## Mock数据 + +- Easy Mock： + +## 编辑器 && IDE + +- VS Code： + +- Sublime Text： + +- WebStorm： + +- Atom： + +## 编码规范 + +- Bootstrap编码规范： + +- es6编程风格： + +- Airbnb Javascript Style Guide： + +## 静态站点搭建工具 + +- Hexo： + +- VuePress： + +- GitBook： + +## 图标 + +- Font Awesome： + +- Iconfont： + +- icomoon： + +- EasyIcon： + +- icons8： + +- IconStore： + +- iconninja： + +## 原型设计工具 + +- 墨刀： + +## 工具 + +- CanIUse： + +浏览器兼容性查询。前端同学必须要知道。 + +- 国家企业信用信息公示系统： + +通过这个网站，我们可以查到任何一家公司的基本信息（成立时间、法定代表人等）。如果你在这个网站上没有找到某公司的信息，放心吧，这个公司一定是个骗子。 + +- ProcessOn： + +在线制作流程图。推荐。 + +- **幕布**： + +极简大纲笔记、一键生成思维导图。非常好用。 + +- JSON格式化： + +- 草料二维码： + +- 短链生成： + +- GitHub短网址： + +- **图片压缩**： + +- 在线PS： + +- 图片在线裁剪： + +- 多数据源IP地址查询： + +- Gif添加字幕： + +- Photoshop的投影参数转换为 CSS代码： + +将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码，以节省前端开发人员的时间和精力。 + +- Get Emoji： + +- 图片转Ascii： + +- 视频转GIF： + +- OCR文字识别： + +## 团队 + + +- 腾讯AlloyTeam： + +- 腾讯社交用户体验ISUX： + +- 淘宝FED | 淘宝前端团队： + +- 阿里巴巴国际UED： + +- 京东 | 凹凸实验室： + +- 饿了么前端: + +- 百度前端研发部FEX： + +- 360 | 奇舞团： + +- 知道创宇FED： + +## 前端大牛 + +### 阮一峰（蚂蚁金服） + +- GitHub： + +- 博客： + +### 尤雨溪 + +- GitHub： + +- 博客： + +- 知乎： + + +### 玉伯 + +- GitHub： + +- 博客： + +- 知乎： + +### 司徒正美（去哪儿） + +- GitHub： + +- 博客： + +- 知乎： + +### 张鑫旭（腾讯） + +- GitHub： + +- 博客： + +- 知乎： + +### 迷渡 + +- GitHub： + +- 知乎： + +### 羡辙 | Ovilia + +- GitHub： + +- 知乎： + +### 云谦（陈成） + +- GitHub： + +- 博客： + +云谦装了啥： + +### 偏右 + +- GitHub： + +- 知乎： + +### 黄峰达/Phodal Huang（ThoughtWorks） + +- GitHub： + +- 博客： + +- 知乎： + +### 贺师俊/Hax（百姓网） + +- GitHub： + +- 博客： + +- 知乎： + +### EGOIST + +- 博客： + +- GitHub： + +### 冴羽 + +- GitHub： + +- 博客： + +- 知乎： + +### 小爝 + +- GitHub： + +- 知乎： + +### 李靖/小胡子哥（淘宝网） + +- GitHub： + +- 博客： + +- 知乎： + +### cangdu + +- GitHub： + +### Jackson Tian + +- GitHub： + +- 博客： + +### 题叶（饿了么、前 Teambition） + +- GitHub： + +- 博客： + +### 杨健（今日头条） + +- GitHub： + +- 知乎： + +### 流形 + +> （阿里巴巴数据技术与产品部前端团队负责人） + +- 知乎： + + + +## 总结 + +如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。 + + + diff --git a/17-前端综合/2018年-前端日记.md b/17-前端综合/2018年-前端日记.md index f83babb..5374059 100644 --- a/17-前端综合/2018年-前端日记.md +++ b/17-前端综合/2018年-前端日记.md @@ -33,12 +33,10 @@ - whistle安装证书后，可以拦截 https 请求。但是，我现在又不想拦截了，该怎么卸载证书呢？ - ### 2018-04-27 - [strider](https://github.com/Strider-CD/strider)：可以用来部署项目。 - - 有必要了解一下电商1.0、电商2.0、电商3.0的概念。 diff --git a/17-前端综合/前端中的一些概念.md b/17-前端综合/前端中的一些概念.md deleted file mode 100644 index 16b7cb8..0000000 --- a/17-前端综合/前端中的一些概念.md +++ /dev/null @@ -1,14 +0,0 @@ -前端中的一些概念.md - - - -## SPU 和 SKU - -### SKU - -SKU（stock keeping unit）：库存量单位。 SKU是物理上不可分割的最小库存单元。 - -比如说，同一款手机，颜色有白色、红色，那么，白色和红色的sku是不一样的。 - -单品：对一种商品而言，当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性中任一属性与其他商品存在不同时，可称为一个单品。 - diff --git a/17-前端综合/前端开发积累.md b/17-前端综合/前端开发积累.md index 1304496..e2b0ec3 100644 --- a/17-前端综合/前端开发积累.md +++ b/17-前端综合/前端开发积累.md @@ -1,11 +1,17 @@ +### SPU 和 SKU + + +SKU（stock keeping unit）：库存量单位。 SKU是物理上不可分割的最小库存单元。 + +比如说，同一款手机，颜色有白色、红色，那么，白色和红色的sku是不一样的。 + +单品：对一种商品而言，当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性中任一属性与其他商品存在不同时，可称为一个单品。 + + - -## 移动端WebApp前端真机调试 - - -### iPhone/iOS借助Safari进行真机调试 +### 移动端WebApp前端真机调试：iPhone/iOS借助Safari进行真机调试 （1）手机端：设置 → Safari → 高级 → Web 检查器 → 开。