大家好,我是你们的 猫哥,一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
前言
猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目、常用技巧,在此分享给大家。
公众号:前端GitHub,专注于挖掘 GitHub 上优秀的前端开源项目,收集、整理、推荐业界高品质前端资源合集,优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术,抹平你的前端信息不对称。
平时如何发现好的开源项目,可以看看这篇文章: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/a...
搜索结果:
在百度搜索中,其中 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+,程序员不得不知的“潜规则”又火了,早知道就不会秃头了
你最想对超级猫说点啥?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。