50

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

前言

猫哥是一个常年混迹在 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/a...

搜索结果:


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

最后

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

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

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

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

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

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

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

往期精文

你最想对超级猫说点啥?


夜尽天明
13.9k 声望6.5k 粉丝