大家好，我是你們的 貓哥，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~

前言

貓哥是一個常年混跡在 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+，程序員不得不知的“潛規則”又火了，早知道就不會禿頭了

總結

以上是生活随笔為你收集整理的自从掌握了Google和百度的 16 个高级搜索技巧，我再也没有解决不了的 bug 了的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。