add:2019前端最新导航
This commit is contained in:
qianguyihao
parent
202300c530
commit
0a48846ed0
@ -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 官网：<https://code.visualstudio.com>
|
||||
@ -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
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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)上持续更新。以下是正文。
|
||||
|
||||
## 盒子模型
|
||||
|
||||
|
||||
@ -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)上持续更新。以下是正文。
|
||||
|
||||
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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背景
|
||||
|
||||
@ -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进制。
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
|
||||
> 本文最初发表于[博客园]()，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
|
||||
> 本文最初发表于[博客园]()，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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上关注我，一起入门和进阶前端。
|
||||
|
||||
> 以下是正文。
|
||||
|
||||
|
||||
@ -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前端入门的学习教程，非常详细，地址是：
|
||||
|
||||
> <https://github.com/smyhvae/Web>
|
||||
> <https://github.com/qianguyihao/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 熟练，说明你是有经验的前端。
|
||||
|
||||
- <https://github.com/alex/what-happens-when>
|
||||
|
||||
## 推荐的链接
|
||||
|
||||
待更新。
|
||||
- 前端导航：<https://www.cnblogs.com/qianguyihao/p/10701923.html>
|
||||
|
||||
这个导航里列出了很多常见网站、博客、工具等，整体来看比较权威。
|
||||
|
||||
学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” 。此时，这份清单就能起到作用了。如果能把清单里列出的内容都了解下，逼格也会高很多。
|
||||
|
||||
PS：今天先写到这里。本文内容不定期更新。
|
||||
|
||||
## 我的公众号
|
||||
|
||||
472
17-前端综合/02-前端导航.md
Normal file
472
17-前端综合/02-前端导航.md
Normal file
@ -0,0 +1,472 @@
|
||||
|
||||
|
||||
> 本文最初发表于[博客园](https://www.cnblogs.com/qianguyihao/p/10701923.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
|
||||
|
||||
## 前言
|
||||
|
||||
本文列出了很多常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。
|
||||
|
||||
学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单就能起到作用了。如果你能把清单里列出的内容都了解下，逼格也会高很多。
|
||||
|
||||
## 技术社区
|
||||
|
||||
- GitHub：<https://github.com/>
|
||||
|
||||
高质量的内容创作和分享平台。
|
||||
|
||||
请记住，作为一个码农，GitHub 代表了你的名片。
|
||||
|
||||
- stackoverflow：<https://stackoverflow.com/>
|
||||
|
||||
遇到技术问题请先Google，很多答案都能在 stackoverflow 上找到。
|
||||
|
||||
## 技术博客
|
||||
|
||||
- 掘金：<https://juejin.im/>
|
||||
|
||||
掘金已经被前端同学攻陷了。目前来看，国内的很多优质前端文章，都在掘金上。
|
||||
|
||||
如果你刚开始写前端博客，可以考虑在掘金上发文章。当然，文章最好在**掘金、博客园、知乎**上做同步。
|
||||
|
||||
- 博客园：<https://www.cnblogs.com/>
|
||||
|
||||
一个很纯粹的技术博客平台。
|
||||
|
||||
- 知乎：<https://www.zhihu.com/>
|
||||
|
||||
很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。
|
||||
|
||||
- CSDN：<https://www.csdn.net/>
|
||||
|
||||
广告太多，但奈何你这么老牌。
|
||||
|
||||
- segmentfault：<https://segmentfault.com/>
|
||||
|
||||
比较低调的技术博客平台。
|
||||
|
||||
## GitHub 排名统计
|
||||
|
||||
- GitHub 中国区排名：<https://githuber.cn/search?language=JavaScript>
|
||||
|
||||
这个网站虽然比较小众，但排名还是相对比较准的。
|
||||
|
||||
- GitHub 中国区排名：<http://githubrank.com/>
|
||||
|
||||
这个排名很久没更新了，早就不准了。
|
||||
|
||||
- GitHub 全球排名：<https://gitstar-ranking.com/>
|
||||
|
||||
- GitHub trending（官网推荐—）：<https://github.com/trending>
|
||||
|
||||
你的项目要是能上 GitHub trending，绝对火得一塌糊涂。
|
||||
|
||||
## 学习资源
|
||||
|
||||
- 慕课网：<https://www.imooc.com/>
|
||||
|
||||
## 资讯
|
||||
|
||||
- 虎嗅网：<https://www.huxiu.com/>
|
||||
|
||||
- 36氪：<https://36kr.com/>
|
||||
|
||||
- 利器：<https://liqi.io/>
|
||||
|
||||
采访优秀的创造者，邀请他们来分享工作时所使用的工具。
|
||||
|
||||
- 湾区日报：<https://wanqu.co/>
|
||||
|
||||
每天推送 5 篇优质英文文章。
|
||||
|
||||
- Solidot：<https://www.solidot.org/>
|
||||
|
||||
- 品玩：<https://www.pingwest.com/>
|
||||
|
||||
- 极客公园：<http://www.geekpark.net/>
|
||||
|
||||
## 框架
|
||||
|
||||
- Vue.js：<https://cn.vuejs.org/>
|
||||
|
||||
- React：<https://reactjs.org/>
|
||||
|
||||
- Angular：<https://angular.cn/>
|
||||
|
||||
- AngularJS：<https://angularjs.org/>
|
||||
|
||||
- Koa：<https://koa.bootcss.com/>
|
||||
|
||||
基于 Node.js 平台的下一代 Web 开发框架。
|
||||
|
||||
- Express：<http://www.expressjs.com.cn/>
|
||||
|
||||
基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
|
||||
|
||||
- Egg：<https://eggjs.org/zh-cn/>
|
||||
|
||||
Egg 继承于 Koa。
|
||||
|
||||
Koa 是一个非常优秀的框架，然而对于企业级应用来说，它还比较基础。而 Egg 选择了 Koa 作为其基础框架，在它的模型基础上，进一步对它进行了一些增强。
|
||||
|
||||
- Electron：<https://www.electronjs.cn/>
|
||||
|
||||
Electron（原名为Atom Shell）是GitHub开发的一个开源js框架。 它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。
|
||||
|
||||
也就是说，我们可以用 js 语言开发客户端软件了。其实呢，VS Code 这个客户端软件就是用 js 语言写的。
|
||||
|
||||
- Redux：<https://www.redux.org.cn/>
|
||||
|
||||
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
|
||||
|
||||
- ReactNative：<https://reactnative.cn/>
|
||||
|
||||
使用JavaScript编写原生移动应用。
|
||||
|
||||
- mpvue：<http://mpvue.com/>
|
||||
|
||||
基于 Vue.js 的小程序开发框架。
|
||||
|
||||
## UI框架
|
||||
|
||||
- Bootstrap：<http://www.bootcss.com/>
|
||||
|
||||
- ElementUI：<http://element-cn.eleme.io/>
|
||||
|
||||
基于 Vue.js 的组件库。
|
||||
|
||||
- iView：<https://www.iviewui.com/>
|
||||
|
||||
一套基于 Vue.js 的高质量 UI 组件库。
|
||||
|
||||
- Ant Design：<https://ant.design>
|
||||
|
||||
基于 React 的 UI 组件库，主要用于研发企业级中后台产品。官网推出了 [Ant Design pro](https://pro.ant.design/) 作为示例，可以看看。
|
||||
|
||||
- Ant Design Mobile：<https://mobile.ant.design/>
|
||||
|
||||
一个基于 Preact / React / React Native 的 移动端 UI 组件库。
|
||||
|
||||
- Ant Design of Vue：<https://vue.ant.design/docs/vue/introduce-cn/>
|
||||
|
||||
Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
|
||||
|
||||
## 类库
|
||||
|
||||
- jQuery：<http://jquery.com/>
|
||||
|
||||
- Zepto.js：<https://zeptojs.com/>
|
||||
|
||||
可以理解成是移动端的 jQuery。
|
||||
|
||||
- ECharts：<https://echarts.baidu.com/>
|
||||
|
||||
使用 JavaScript 实现的开源可视化库。
|
||||
|
||||
## CSS
|
||||
|
||||
- Sass：<https://sass-lang.com/>
|
||||
|
||||
Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<http://sass.bootcss.com/>
|
||||
|
||||
- Less：<http://lesscss.org/>
|
||||
|
||||
给 CSS 加点料。入门文档可以看：<https://less.bootcss.com/>
|
||||
|
||||
- Stylus：<http://stylus-lang.com/>
|
||||
|
||||
## 构建
|
||||
|
||||
- NPM：<https://www.npmjs.com/>
|
||||
|
||||
- Yarn：<https://yarnpkg.com/zh-Hans/>
|
||||
|
||||
- Webpack：<https://webpack.js.org/>
|
||||
|
||||
- Gulp：<https://www.gulpjs.com.cn/>
|
||||
|
||||
- Babel：<https://babeljs.io/>
|
||||
|
||||
- ESLint：<https://cn.eslint.org/>
|
||||
|
||||
可组装的JavaScript和JSX检查工具。
|
||||
|
||||
- PostCSS：<https://www.postcss.com.cn/>
|
||||
|
||||
用 JavaScript 工具和插件转换 CSS 代码的工具
|
||||
|
||||
## 调试抓包
|
||||
|
||||
- whistle：<https://wproxy.org/whistle/>
|
||||
|
||||
代理抓包工具，很好很强大。
|
||||
|
||||
- Fiddler：<https://www.telerik.com/fiddler>
|
||||
|
||||
代理抓包工具。
|
||||
|
||||
## Mock数据
|
||||
|
||||
- Easy Mock：<https://www.easy-mock.com>
|
||||
|
||||
## 编辑器 && IDE
|
||||
|
||||
- VS Code：<https://code.visualstudio.com/>
|
||||
|
||||
- Sublime Text：<https://www.sublimetext.com/>
|
||||
|
||||
- WebStorm：<https://www.jetbrains.com/webstorm/>
|
||||
|
||||
- Atom：<https://atom.io/>
|
||||
|
||||
## 编码规范
|
||||
|
||||
- Bootstrap编码规范：<https://codeguide.bootcss.com/>
|
||||
|
||||
- es6编程风格：<http://es6.ruanyifeng.com/#docs/style>
|
||||
|
||||
- Airbnb Javascript Style Guide：<https://github.com/airbnb/javascript>
|
||||
|
||||
## 静态站点搭建工具
|
||||
|
||||
- Hexo：<https://hexo.io/zh-cn/>
|
||||
|
||||
- VuePress：<https://www.vuepress.cn/>
|
||||
|
||||
- GitBook：<https://www.gitbook.com/>
|
||||
|
||||
## 图标
|
||||
|
||||
- Font Awesome：<http://www.fontawesome.com.cn/>
|
||||
|
||||
- Iconfont：<https://www.iconfont.cn/>
|
||||
|
||||
- icomoon：<https://icomoon.io/>
|
||||
|
||||
- EasyIcon：<https://www.easyicon.net/>
|
||||
|
||||
- icons8：<https://icons8.cn/>
|
||||
|
||||
- IconStore：<https://iconstore.co/>
|
||||
|
||||
- iconninja：<http://www.iconninja.com/>
|
||||
|
||||
## 原型设计工具
|
||||
|
||||
- 墨刀：<https://modao.cc/>
|
||||
|
||||
## 工具
|
||||
|
||||
- CanIUse：<https://caniuse.com/>
|
||||
|
||||
浏览器兼容性查询。前端同学必须要知道。
|
||||
|
||||
- 国家企业信用信息公示系统：<http://www.gsxt.gov.cn>
|
||||
|
||||
通过这个网站，我们可以查到任何一家公司的基本信息（成立时间、法定代表人等）。如果你在这个网站上没有找到某公司的信息，放心吧，这个公司一定是个骗子。
|
||||
|
||||
- ProcessOn：<https://www.processon.com/>
|
||||
|
||||
在线制作流程图。推荐。
|
||||
|
||||
- **幕布**：<https://mubu.com>
|
||||
|
||||
极简大纲笔记、一键生成思维导图。非常好用。
|
||||
|
||||
- JSON格式化：<http://www.bejson.com/>
|
||||
|
||||
- 草料二维码：<https://cli.im/>
|
||||
|
||||
- 短链生成：<http://www.dh6.ink/>
|
||||
|
||||
- GitHub短网址：<https://git.io/>
|
||||
|
||||
- **图片压缩**：<https://www.yasuotu.com/>
|
||||
|
||||
- 在线PS：<https://www.photopea.com/>
|
||||
|
||||
- 图片在线裁剪：<https://www.asqql.com/gifc/>
|
||||
|
||||
- 多数据源IP地址查询：<https://haoip.cn/>
|
||||
|
||||
- Gif添加字幕：<http://www.yingjingtu.com/>
|
||||
|
||||
- Photoshop的投影参数转换为 CSS代码：<https://psd2css.mezw.com/>
|
||||
|
||||
将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码，以节省前端开发人员的时间和精力。
|
||||
|
||||
- Get Emoji：<https://emoji.svend.cc/>
|
||||
|
||||
- 图片转Ascii：<http://picascii.com/>
|
||||
|
||||
- 视频转GIF：<https://github.com/vvo/gifify>
|
||||
|
||||
- OCR文字识别：<https://app.xunjiepdf.com/ocr>
|
||||
|
||||
## 团队
|
||||
|
||||
|
||||
- 腾讯AlloyTeam：<http://www.alloyteam.com/>
|
||||
|
||||
- 腾讯社交用户体验ISUX：<https://isux.tencent.com/>
|
||||
|
||||
- 淘宝FED | 淘宝前端团队：<http://taobaofed.org/>
|
||||
|
||||
- 阿里巴巴国际UED：<http://www.aliued.com/>
|
||||
|
||||
- 京东 | 凹凸实验室：<https://aotu.io/>
|
||||
|
||||
- 饿了么前端:<https://zhuanlan.zhihu.com/ElemeFE>
|
||||
|
||||
- 百度前端研发部FEX：<http://fex.baidu.com/>
|
||||
|
||||
- 360 | 奇舞团：<https://75team.com/>
|
||||
|
||||
- 知道创宇FED：<https://knownsec-fed.com/>
|
||||
|
||||
## 前端大牛
|
||||
|
||||
### 阮一峰（蚂蚁金服）
|
||||
|
||||
- GitHub：<https://github.com/ruanyf>
|
||||
|
||||
- 博客：<http://www.ruanyifeng.com/blog/>
|
||||
|
||||
### 尤雨溪
|
||||
|
||||
- GitHub：<https://github.com/yyx990803>
|
||||
|
||||
- 博客：<http://blog.evanyou.me/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/evanyou>
|
||||
|
||||
|
||||
### 玉伯
|
||||
|
||||
- GitHub：<https://github.com/lifesinger>
|
||||
|
||||
- 博客：<https://github.com/lifesinger/blog>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/lifesinger>
|
||||
|
||||
### 司徒正美（去哪儿）
|
||||
|
||||
- GitHub：<https://github.com/RubyLouvre>
|
||||
|
||||
- 博客：<http://www.cnblogs.com/rubylouvre/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/si-tu-zheng-mei>
|
||||
|
||||
### 张鑫旭（腾讯）
|
||||
|
||||
- GitHub：<https://github.com/zhangxinxu>
|
||||
|
||||
- 博客：<https://www.zhangxinxu.com/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/iamzhangxinxu>
|
||||
|
||||
### 迷渡
|
||||
|
||||
- GitHub：<https://github.com/justjavac>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/justjavac.com>
|
||||
|
||||
### 羡辙 | Ovilia
|
||||
|
||||
- GitHub：<https://github.com/Ovilia>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/ovilia>
|
||||
|
||||
### 云谦（陈成）
|
||||
|
||||
- GitHub：<https://github.com/sorrycc>
|
||||
|
||||
- 博客：<https://sorrycc.com/>
|
||||
|
||||
云谦装了啥：<https://github.com/sorrycc/awesome-tools>
|
||||
|
||||
### 偏右
|
||||
|
||||
- GitHub：<https://github.com/afc163>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/afc163>
|
||||
|
||||
### 黄峰达/Phodal Huang（ThoughtWorks）
|
||||
|
||||
- GitHub：<https://github.com/phodal>
|
||||
|
||||
- 博客：<https://www.phodal.com/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/phodal>
|
||||
|
||||
### 贺师俊/Hax（百姓网）
|
||||
|
||||
- GitHub：<https://github.com/hax>
|
||||
|
||||
- 博客：<http://johnhax.net/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/he-shi-jun>
|
||||
|
||||
### EGOIST
|
||||
|
||||
- 博客：<https://egoist.sh/>
|
||||
|
||||
- GitHub：<https://github.com/egoist>
|
||||
|
||||
### 冴羽
|
||||
|
||||
- GitHub：<https://github.com/mqyqingfeng>
|
||||
|
||||
- 博客：<https://github.com/mqyqingfeng/Blog>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/qing-feng-yi-yang>
|
||||
|
||||
### 小爝
|
||||
|
||||
- GitHub：<https://github.com/xiaojue>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/xiao-jue-83/>
|
||||
|
||||
### 李靖/小胡子哥（淘宝网）
|
||||
|
||||
- GitHub：<https://github.com/barretlee>
|
||||
|
||||
- 博客：<https://www.barretlee.com/>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/barretlee/>
|
||||
|
||||
### cangdu
|
||||
|
||||
- GitHub：<https://github.com/bailicangdu>
|
||||
|
||||
### Jackson Tian
|
||||
|
||||
- GitHub：<https://github.com/JacksonTian>
|
||||
|
||||
- 博客：<http://jacksontian.org/>
|
||||
|
||||
### 题叶（饿了么、前 Teambition）
|
||||
|
||||
- GitHub：<https://github.com/jiyinyiyong>
|
||||
|
||||
- 博客：<http://tiye.me/>
|
||||
|
||||
### 杨健（今日头条）
|
||||
|
||||
- GitHub：<https://github.com/hardfist>
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/hardfist>
|
||||
|
||||
### 流形
|
||||
|
||||
> （阿里巴巴数据技术与产品部前端团队负责人）
|
||||
|
||||
- 知乎：<https://www.zhihu.com/people/arcthur/>
|
||||
|
||||
|
||||
|
||||
## 总结
|
||||
|
||||
如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。
|
||||
|
||||
|
||||
|
||||
@ -33,12 +33,10 @@
|
||||
|
||||
- whistle安装证书后，可以拦截 https 请求。但是，我现在又不想拦截了，该怎么卸载证书呢？
|
||||
|
||||
|
||||
### 2018-04-27
|
||||
|
||||
- [strider](https://github.com/Strider-CD/strider)：可以用来部署项目。
|
||||
|
||||
|
||||
- 有必要了解一下电商1.0、电商2.0、电商3.0的概念。
|
||||
|
||||
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
前端中的一些概念.md
|
||||
|
||||
|
||||
|
||||
## SPU 和 SKU
|
||||
|
||||
### SKU
|
||||
|
||||
SKU（stock keeping unit）：库存量单位。 SKU是物理上不可分割的最小库存单元。
|
||||
|
||||
比如说，同一款手机，颜色有白色、红色，那么，白色和红色的sku是不一样的。
|
||||
|
||||
单品：对一种商品而言，当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性中任一属性与其他商品存在不同时，可称为一个单品。
|
||||
|
||||
@ -1,11 +1,17 @@
|
||||
|
||||
|
||||
### SPU 和 SKU
|
||||
|
||||
|
||||
SKU（stock keeping unit）：库存量单位。 SKU是物理上不可分割的最小库存单元。
|
||||
|
||||
比如说，同一款手机，颜色有白色、红色，那么，白色和红色的sku是不一样的。
|
||||
|
||||
单品：对一种商品而言，当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性中任一属性与其他商品存在不同时，可称为一个单品。
|
||||
|
||||
|
||||
|
||||
|
||||
## 移动端WebApp前端真机调试
|
||||
|
||||
|
||||
### iPhone/iOS借助Safari进行真机调试
|
||||
### 移动端WebApp前端真机调试：iPhone/iOS借助Safari进行真机调试
|
||||
|
||||
|
||||
（1）手机端：设置 → Safari → 高级 → Web 检查器 → 开。
|
||||
|
||||
Loading…
Reference in New Issue
Block a user