前言
猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目、常用技巧,在此分享给大家。
以下为【前端GitHub】的第 11 期精华内容。
做为一名程序员,在学习的过程中,肯定会遇到很多的 Bug,有时候,并不会有前辈在我们的身边指导我们该如何地去学习。这个时候,我们就得靠自己去使用搜索引擎去解决我们的问题。
幸运的是,我们所运到的问题,前人都已经遇到过了,并且给出了相应的解决办法。基本上百分之九十的问题,我们都能在互联网上搜索得到。
如果搜索之后,你还解决不了,那可能是因为你还没掌握如下技巧!
下面我给大家介绍下,Google 和 Baidu 这两个搜索引擎的高级搜索技巧。
前提是能访问外网 🤩,不能访问的,请看下半文的百度搜索部分。
精确搜索:双引号
精确搜索,就是在你要搜索的词上,加上双引号,那个 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
命令和双引号关键词 " "
这两个命令用得相对较多,也最容易记住。