By

文章目录
  1. 1. 最棒的概念
  2. 2. 总结
  3. 3. 最棒的工具
    1. 3.1. 几个全栈营常用的Chrome插件
      1. 3.1.1. 1. RSS Feed Reader
      2. 3.1.2. 2. Page Ruler
      3. 3.1.3. 3. Wappalyzer
      4. 3.1.4. 4. Web Developer
      5. 3.1.5. 5. Pesticide for Chrome
      6. 3.1.6. 6. SimilarWeb - 网站流量来源和排名
      7. 3.1.7. 7. Site Spider
      8. 3.1.8. 8. Stylebot
      9. 3.1.9. 9. 印象笔记·剪藏
      10. 3.1.10. 10. Save to Pocket
      11. 3.1.11. 11. Markdown Here
      12. 3.1.12. 12. Vimium
      13. 3.1.13. 13. Full Page Screen Capture
      14. 3.1.14. 14. Octotree
      15. 3.1.15. 15. CSSViewer
      16. 3.1.16. 16. Responsive Web Design Tester
      17. 3.1.17. 17. ColorPick Eyedropper
      18. 3.1.18. 18. Firebug Lite for Google Chrome™
      19. 3.1.19. 19. SelectorGadget
    2. 3.2. 其他好用的插件
      1. 3.2.1. 1. Office Online
      2. 3.2.2. 2. 关灯看视频
      3. 3.2.3. 3. Note Anywhere
      4. 3.2.4. 4. OneTab
      5. 3.2.5. 5. Google学术搜索按钮
      6. 3.2.6. 6. Google 环聊

最棒的概念

如何改变自己的成长速度？

总结

  1. 把时间耗在重要的事情与人身上.
  2. 工作与生活不可能平衡。所以需要的方向是把自己的时间「投资」出「美丽人生」。
  3. 检视身边的朋友与亲戚与工作伙伴。谁是「消费者」，谁是「投资的对象」。

消费者 = 只消费你的能量。也许可以得到快感。但是无法学到新东西，也无法得到新反馈。
投资的对象 = 能不停的学到新东西，可以得到对自己成长的新反馈。

  1. 思考谁只是消费者，谁是值得投资的对象。
  2. 放弃「讨人喜欢」的念头，你没那么多精力。

最棒的工具

几个全栈营常用的Chrome插件

1. RSS Feed Reader

非常好用的订阅器，可以订阅你喜欢的博客或者网站。

使用feedly桌面版和网页版也有同样效果，不过RSS Feed Reader更为方便。

2. Page Ruler

前端设计必备的插件之一，可以直观显示页面某区块尺寸、相对位置等。

3. Wappalyzer

用来分析网站上用了哪些语言和接口。如我的小网站：

4. Web Developer

功能强大，不太会用，但是很多人推荐。

5. Pesticide for Chrome

同样是前端设计必备的插件之一，显示所有元素的区块。

6. SimilarWeb - 网站流量来源和排名

通过SimilarWeb扩展程序查看真实的深入网站参与、流量来源和网站排名信息。比如查看自己的logdown有多少人访问。

7. Site Spider

如果你需要找到你的网站的失效链接，想限制搜索一个特定的目录，你需要Site Spider。
以我的小网站为例。

8. Stylebot

一个CSS查看和更改插件，后面还有个类似的。

9. 印象笔记·剪藏

一键保存网页，搜集资料快 5 倍。一键保存网页到印象笔记，即时同步到你的手机和电脑，不用复制粘贴编辑再整理。

10. Save to Pocket

在手机和Mac上安装了Pocket之后，就可以将想看的网页收集起来，然后零散时间阅读。

11. Markdown Here

这个好多同学都在用，Markdown Here允许你在发送电子邮件之前用Markdown语法编辑并转换它(让它看起来漂亮极了!)。之前李笑来老师也有推荐过，它特别适合那些要在电子邮件中插入代码的程序员们。

12. Vimium

Vimium安装完成后，按shift + F 可以查看该网页的快捷键，喜欢快捷键的朋友的福音！

13. Full Page Screen Capture

与snip的滚动截屏类似，这也是个滚动截屏插件。

14. Octotree

这个基本程序员必备了，没啥好说的，可以树状图显示git上的项目。如下：

15. CSSViewer

也算是前端必备，可以快速显示页面上某个元素的CSS样式。

16. Responsive Web Design Tester

可以显示你的网站在不同尺寸设备上的效果，非常方便，全栈营必备了。
安装后在网页上点击右键即可选择不同设备。

17. ColorPick Eyedropper

前端设计时经常用到的一个取色器插件，比系统自带的方便点，

18. Firebug Lite for Google Chrome™

类似谷歌开发者工具的一个插件。

19. SelectorGadget

官方的介绍：SelectorGadget可以在复杂的网站上生成和发现CSS选择器。只需安装Chrome扩展或拖动书签到您的书签栏，然后转到任何页面并启动它。网站右下角会打开一个框。点击您希望选择器匹配的页面元素（将变为绿色）。SelectorGadget将为该元素生成一个最小的CSS选择器，并将突出显示（黄色）选择器匹配的所有内容。现在单击突出显示的元素将其从选择器（红色）中删除，或单击不高亮的元素将其添加到选择器。通过这个选择和拒绝的过程，SelectorGadget可以帮助您找到完美的CSS选择器，满足您的需求。

其他好用的插件

1. Office Online

为 Chrome 打造 - 无需安装 Office，即可使用 Word、Excel、PowerPoint、OneNote 和 Sway Online。
类似的还有：Google文档、表格及幻灯片的Office编辑扩展

2. 关灯看视频

整个页面将变成黑夜模式，以便您在电影院等昏暗场所观看视频。适合 YouTube™ 和 Beyond。

3. Note Anywhere

可以在网页添加便签。

4. OneTab

当您发现自己有太多的标签页时，单击OneTab图标，将所有标签页转换成一个列表。当您需要再次访问这些标签页时，可以单独或全部恢复它们。节省高达95％的内存，并减轻标签页混乱现象。

5. Google学术搜索按钮

需要评工程师和写论文的注意了，此扩展程序会添加一个浏览器按钮，以便用户可以从任意网页轻松使用 Google 学术搜索。

6. Google 环聊

这个全栈营的小伙伴，尤其是早前参加线上Meetup的小伙伴应该都知道了。可以建立10人的聊天室。

文章目录
  1. 1. 最棒的概念
  2. 2. 总结
  3. 3. 最棒的工具
    1. 3.1. 几个全栈营常用的Chrome插件
      1. 3.1.1. 1. RSS Feed Reader
      2. 3.1.2. 2. Page Ruler
      3. 3.1.3. 3. Wappalyzer
      4. 3.1.4. 4. Web Developer
      5. 3.1.5. 5. Pesticide for Chrome
      6. 3.1.6. 6. SimilarWeb - 网站流量来源和排名
      7. 3.1.7. 7. Site Spider
      8. 3.1.8. 8. Stylebot
      9. 3.1.9. 9. 印象笔记·剪藏
      10. 3.1.10. 10. Save to Pocket
      11. 3.1.11. 11. Markdown Here
      12. 3.1.12. 12. Vimium
      13. 3.1.13. 13. Full Page Screen Capture
      14. 3.1.14. 14. Octotree
      15. 3.1.15. 15. CSSViewer
      16. 3.1.16. 16. Responsive Web Design Tester
      17. 3.1.17. 17. ColorPick Eyedropper
      18. 3.1.18. 18. Firebug Lite for Google Chrome™
      19. 3.1.19. 19. SelectorGadget
    2. 3.2. 其他好用的插件
      1. 3.2.1. 1. Office Online
      2. 3.2.2. 2. 关灯看视频
      3. 3.2.3. 3. Note Anywhere
      4. 3.2.4. 4. OneTab
      5. 3.2.5. 5. Google学术搜索按钮
      6. 3.2.6. 6. Google 环聊