大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

前言

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。

公众号：前端GitHub，专注于挖掘 GitHub 上优秀的前端开源项目，收集、整理、推荐业界高品质前端资源合集，优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术，抹平你的前端信息不对称。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

以下为【前端GitHub】的第 11 期精华内容。

---

做为一名程序员，在学习的过程中，肯定会遇到很多的 Bug，有时候，并不会有前辈在我们的身边指导我们该如何地去学习。这个时候，我们就得靠自己去使用搜索引擎去解决我们的问题。

幸运的是，我们所运到的问题，前人都已经遇到过了，并且给出了相应的解决办法。基本上百分之九十的问题，我们都能在互联网上搜索得到。

如果搜索之后，你还解决不了，那可能是因为你还没掌握如下技巧！

下面我给大家介绍下，Google 和 Baidu 这两个搜索引擎的高级搜索技巧。

Google

前提是能访问外网 ????，不能访问的，请看下半文的百度搜索部分。

精确搜索：双引号

精确搜索，就是在你要搜索的词上，加上双引号，那个 Google 搜索引擎，就会完全的匹配你所要的词

比如搜索："前端GitHub"

站内搜索：site

这是一个比较常用的搜索方法，site 搜索，就是在站内进行搜索.

语法是：site:stackoverflow.com ，其中 site:后面加上你要搜索的网站地址。

一般程序猿解决问题，用 site:stackoverflow.com，大部分解决不了的问题，都会有答案了。

比如在  segmentfault.com 里面搜索："react打包npm run build生成的文件好大，怎样关掉生成 sourceMap" site:segmentfault.com

除了以上内容之外，还可以在 工具 那里进行筛选，有语言、时间、结果 3 种选项。

如果想通过时间筛选出最近的的内容，就可以试试时间的筛选了

还可以对结果进行 精确匹配 的筛选

通配符搜索：*

这也是一个比较常用的搜索方法，通常通配符搜索，用在模糊印象的地方比较多。

当我想搜一句歌词，“让我们同步进阶 重生的力量来自真我 战胜可敬的对手 yeah” ，但是前边的 “让我们同步进阶”，就可以用这个方法进行搜索了。搜索 *重生的力量来自真我

就会得到我们想要的结果了：林俊杰唱的《进阶》。

减号排除，缩小范围：-

当搜索量比较大的时候，使用减号 - 通过减号，能够去掉一些无关的搜索。

比如：全栈修炼 -全栈修炼之路

文档搜索：filetype

文档搜索命令 filetype，多数情况下用以查找我们所需要的资料，返回的页面是你搜索的文档相应格式。

如搜 JavaScript权威指南（第四版）的 pdf，就是:  filetype:pdf  JavaScript权威指南（第四版）

图片搜索

平常在网上考到一张好的图片，可以保持下来，但是由于图片的尺寸过小，或者像素不合适，这个时候，只要用谷歌图片搜索，就能找到许多类似的，或者尺寸清晰度更好的同一张。

比如我上传了一张 node 的 logo 的图片时，结果如下：

Baidu

因为很多同学用不了 google ，所以我觉得还是有必要讲一下 百度常用的搜索技巧。

百度常用的技巧，许多和谷歌大同小异，常用的这些命令，这 10 个就够用了，其他高级技巧，不是做 SEO 没得必要去记太多。

普通搜索

普通人是直接搜索关键字。

比如：前端开发

下面介绍直接在百度搜索上用 语法 搜索的高级技巧。

intitle - 搜索范围限定在网页标题

搜索范围限定在包含 keyword 的网页标题中，这也是最普通的搜索。

intitle: 和后面的关键词之间不要有空格。

例如：

intitle:前端开发

对比普通搜索的图，发现搜索到的内容有一点点不一样，但并无太大差别。

site - 搜索范围限定在特定站点中

搜索范围限定在特定站点中。

如果知道某个站点中有自己需要找的东西，就可以把搜索范围限定在这个站点中，提高查询效率。

注意

• site: 后面跟的站点域名，不要带 http://

• site: 和站点名之间，不要带 空格

例如思否网站：全栈修炼 site:segmentfault.com

例如 GitHub：全栈修炼 site:github.com

inurl 搜索范围限定在 url 链接中

搜索范围限定在 url 链接中.

网页 url 中的某些信息，常常有某种有价值的含义。您如果对搜索结果的 url 做某种限定，可以获得良好的效果。

例如：前端教程 inurl:video

查询词 “前端教程” 是可以出现在网页的任何位置，而 “video” 则必须出现在网页 url 中。

双引号 “”

精确搜索：双引号

• 查询词加上双引号 “”，则表示查询词不能被拆分，在搜索结果中必需完整出现，可以对查询词精确匹配。

• 如果不加双引号 “”，经过百度分析后可能会拆分。

比如搜索 "前端开源项目"

书名号《》

查询词加上书名号《》有两层特殊功能

• 一是书名号会出现在搜索结果中；

• 二是被书名号括起来的内容，不会被拆分。

比如：《JavaScript高级程序设计（第4版）》

书名号在某些情况下特别有效果，比如查询词为手机，如果不加书名号在很多情况下出来的是通讯工具手机，而加上书名号后，《手机》结果就都是关于电影方面的了。

- 不含特定查询词

查询词用减号 - 语法可以帮您在搜索结果中 排除包含特定的关键词 的所有网页。

例子：全栈工程师 -java

查询词 “全栈工程师” 在搜索结果中，“java” 被排除在搜索结果中。

+ 包含特定查询词

查询词用加号 + 语法可以帮您在搜索结果中 必需包含特定的关键词 的所有网页。

例子：全栈工程师 +node

查询词 “全栈工程师” 在搜索结果中，“node” 被必需被包含在搜索结果中。

Filetype 搜索指定文档格式

查询词用 Filetype 语法可以限定查询词出现在指定的文档中，支持文档格式有 pdf，doc，xls，ppt，rtf。对于找文档资料相当有帮助。

比如：filetype:pdf JavaScript高级程序设计（第4版）

不过相对谷歌而已，百度的搜索是把自己的产品，放在前面，见上图，排在前面的都是百度自己的产品，百度文库。

图片搜索

百度和谷歌一样，都是提供了这个功能。

比如我上传的是一张 vue 的图片时，结果如下

百度高级搜索页面

https://www.baidu.com/gaoji/advanced.html

搜索结果：

---

在百度搜索中，其中 site 命令和双引号关键词 " " 这两个命令用得相对较多，也最容易记住。

最后

看到这里面，是不是又被你发现了新世界？觉得以后还能有 Bug 解决不了的 ？不可能了！！！

不知不觉，已经写到第 11 期了呢，已经分享了接近 85 个好的前端项目了呢，往期精文请看下方仓库，点击很危险，请慎入！

[前端GitHub]：https://github.com/FrontEndGitHub/FrontEndGitHub

平时如何发现好的开源项目，可以看看这篇文章：如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。

觉得有用 ？喜欢就收藏，顺便点个赞吧，你的支持是超级猫最大的鼓励！

可以加超级猫的 wx：CB834301747 ，一起闲聊前端。

微信搜 “前端GitHub”，回复 “电子书” 即可以获得 160 本前端精华书籍哦。

往期精文

• 11 个超火的前端必备在线工具，终于有时间上班摸鱼了

• 10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！

• 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！

• 10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了

• 11 个超火的大厂前端代码规范，你也能写出诗一样的代码！

• 恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

• GitHub 上最火的、最值得前端学习的数据结构与算法项目！没有之一

• GitHub 标星 54K + 2K！这才是程序员写逼格满满的 PPT 的正确姿势！

• 全球最火的 WEB 开发学习路线！没有之一！3 天就在 GitHub 收获了接近 1w 点赞

• GitHub 标星1.6W+，程序员不得不知的“潜规则”又火了，早知道就不会秃头了