diff --git a/00-前端工具/01-VS Code的使用.md b/00-前端工具/01-VS Code的使用.md index a5a8a9b..a63eeb3 100644 --- a/00-前端工具/01-VS Code的使用.md +++ b/00-前端工具/01-VS Code的使用.md @@ -31,13 +31,13 @@ VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、跨 - 有一点你可能不知道，VS Code 这个客户端软件是用 js 语言开发出来的（具体请自行查阅关键字`Electron`）。有句话说得好：能用 js 实现的功能，最终一定会用 js 实现。 -### 前端利器之争： VS Code 与 IntelliJ IDEA +### 前端利器之争： VS Code 与 WebStorm -前端小白最喜欢问的一个问题是：哪个编辑器/IDE 好用？是VS Code还是 IntelliJ IDEA？我来做个对比： +前端小白最喜欢问的一个问题是：哪个编辑器/IDE 好用？是VS Code还是 WebStorm （WebStorm 其实是 IntelliJ IDEA的定制版）？我来做个对比： - **哪个更酷**：显然 VS Code 更酷。 -- **内存占用情况**：根据我的观察，VS Code是很占内存的（尤其是当你打开多个窗口的时候），但如果你的内存条够用的话，使用起来是不会有任何卡顿的感觉的。相比之下，idea 不仅非常占内存，而且还非常卡顿。 +- **内存占用情况**：根据我的观察，VS Code是很占内存的（尤其是当你打开多个窗口的时候），但如果你的内存条够用的话，使用起来是不会有任何卡顿的感觉的。相比之下，IDEA 不仅非常占内存，而且还非常卡顿。 - **使用比例**：当然是 VS Code 更胜一筹。先不说别的，我就拿数据说话，我目前所在的前端团队有100人左右，绝大部分前端同学都在用 VS Code，妥妥的。 @@ -133,6 +133,17 @@ VS Code用得熟不熟，首先就看你是否会用快捷键。以下列出的 **技巧3**：选中一堆文本后，按住「Option + Shift + i」键（windows 用户是按住「Alt + Shift + I」键），既可在**每一行的末尾**都创建一个光标。 +### 工作区快捷键 + + +| Mac快捷键 | Win快捷键 | 作用 | 备注 | +|:-------------|:-------------|:-----|:-----| +| **Cmd + B** | Ctrl + B | 显示/隐藏侧边栏 | 很实用 | +|`Cmd + \`|`Ctrl + \`|创建多个编辑器|比较实用| +| **Cmd + Option + 左右方向键** | Ctrl + Pagedown/Pageup | 在已经打开的文件之间进行**切换** | 非常实用 | +| Ctrl + Tab | | 在已经打开的文件之间进行跳转 | 不如上面的快捷键实用 | +| Cmd + J | Ctrl + J | 显示/隐藏控制台 | | + ### 自定义快捷键 按住快捷键「Cmd + Shift + P」，弹出命令面板，在命令面板中输入“快捷键”，可以进入快捷键的设置。 @@ -546,6 +557,10 @@ css颜色高亮显示。 - 作用：多台设备之间，同步 VS Code 配置。 +## 参考链接 + +- [https://segmentfault.com/a/1190000012811886](https://segmentfault.com/a/1190000012811886) + ## 最后一段 如果你有什么推荐的 VS Code 插件，欢迎留言。 diff --git a/17-前端综合/02-2019年Web前端最新导航.md b/17-前端综合/02-2019年Web前端最新导航.md index 83bf022..85e5c3d 100644 --- a/17-前端综合/02-2019年Web前端最新导航.md +++ b/17-前端综合/02-2019年Web前端最新导航.md @@ -335,7 +335,6 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：< - 知乎： - ### 玉伯 - GitHub： @@ -402,6 +401,22 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：< - 知乎： +### 大漠 + +**链接**： + +- GitHub： + +大漠的GitHub上没啥东西。 + +- 博客： + +- 知乎： + +**介绍**： + +常用昵称“大漠”，W3CPlus创始人，目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3和动画的研究，是国内最早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS、CSS处理器和Web动画中国布道者。2014年出版《图解CSS3：核心技术与案例实战》。 + ### EGOIST - 博客： @@ -410,18 +425,14 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：< ### 冴羽 +**链接**： + - GitHub： - 博客： - 知乎： -### 小爝 - -- GitHub： - -- 知乎： - ### 李靖/小胡子哥（淘宝网） - GitHub： @@ -459,7 +470,6 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：< - 知乎： - ## 总结 如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。 diff --git a/17-前端综合/2019年-前端日记.md b/17-前端综合/2019年-前端日记.md index c708057..8d1e13f 100644 --- a/17-前端综合/2019年-前端日记.md +++ b/17-前端综合/2019年-前端日记.md @@ -20,8 +20,28 @@ Date.parse("2019/04/20 18:14:00") 上方代码转换的结果，单位是`毫秒`，不是秒。 +### 2019-04-23 +```javascript +const a = []; +const b = {}; +console.log(Boolean(a)); +console.log(Boolean(b)); +``` +上方代码的打印结果均为true。 具体解释，可以看我在 `03-JavaScript基础/03-变量的强制类型转换.md`这篇文章里讲到的**转换为Boolean**。 +所以，我们平时在写业务代码的时候，“判断是否为空对象/空数组”，不能直接写成 `if (myObj)`或者`if(myArray)`，会踩坑。 +判断不否为空数组，可以用： + +```javascript +if (myArray.length) +``` + +判断不为空对象，可以用 ： + +```javascript +if (JSON.stringify(myObj) !== '{}') +``` \ No newline at end of file diff --git a/17-前端综合/前端博客推荐.md b/17-前端综合/前端博客推荐.md new file mode 100644 index 0000000..3e624b3 --- /dev/null +++ b/17-前端综合/前端博客推荐.md @@ -0,0 +1,6 @@ + +## 前端博客推荐 + +- 冴羽的博客： + +冴羽写博客的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。 \ No newline at end of file