阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    牛逼的程序员是怎么搜索资料的?

    前言

    先自我介绍一下,我是朱安邦,一位从事前端开发的程序员,也就是大家俗称的切图仔,同时我也是阿西河前端教程的站长。

    自我介绍是希望可以让第一次看我视频的人,知道我是一名专注前端开发的技术 UP 主!!!

    你现在看到的是文字版的,这一期对应的视频版在:https://www.bilibili.com/video/BV1up4y1Q7EQ

    如果你是从事前端开发职业的,可B站上关注我啊 朱安邦的Bilibili !!!

    也可以加我的私人微信,有技术上的问题可以私聊下我,说不定我能够帮助你,让你少走点弯路;

    比如你想自学前端或者想学某个框架,你把你自身的情况告诉我,我会根据你的情况,给你建议适合学哪些东西,避免你走弯路;

    如果你打算报培训班,找到了几家培训班,但是在犹豫,不知道哪家培训班更靠谱;你可以把培训班的课表以及相关的信息告诉我;

    我会根据我自己了解到的情况,建议你在其中选择一个我认为更靠谱的培训班,然后给你一些我认为靠谱的理由供你参考,让你找到一个相对靠谱的培训班。

    但是,如果你不是前端开发,那就算了,别加我,也别关注我;毕竟道不同,不相为谋


    这一期的内容,并不仅限于程序员,适合所有的互联网从业者,当然也适合所有的程序员。

    我感觉这一期的内容比单纯的学习编程更加有用,可以加快你的工作效率,甚至可能影响你一生的电脑使用习惯,我真的没有在吹牛,等会看视频内容你就明白了。

    这一起视频的录制时间可能会比较长,视频的前部分是一些我自己的感悟以及对刚接触前端开发的新手的介绍,与主题无关的废话,大概视频的十分之一以后,在电脑上进行演示时候,才是正题,如果想快速看主题内容,你可以快进到电脑演示的阶段;


    我这期名字叫牛逼的程序员是怎么搜索资料的?,希望授之以渔,抛砖引玉;

    先公开的说一个观点:网上有很多类似的分享,无论是视频还是文章,但是他们分享的内容都是垃圾!!!

    我对我说的这句话非常负责任,我没有贬低他们的意思,事实就是这样,如果你想反驳我,那么请你看完我的视频以后再去评论去说出你反驳的理由。

    截止到 2020 年 5 月 5 日,我没有看到任何视频,任何文章,等任何资料,比我这一期质量更高,内容更全面的分享了!!

    我这期视频,是整个互联网上最接地气,实用性最强的视频了,没有之一。

    有很多文章和视频是整理谷歌的搜索技巧,github 怎么搜开源项目这些,愚蠢的把一些帮助文档中命令总结一下,然后告诉你这些命令很好用,然后演示给你们看,仅此而已,对你真正工作中的帮助其实是很小的!

    我来让你见识一下,什么才是真正的搜索技巧,而且如果你真的仔细看完我的视频,看完以后,你就可以马上用在你的工作和学习中,让你的工作效率如虎添翼!

    我是一名走技术流的 UP 主,我说的对不对,讲的内容是不是干货,是不是真正像我说的这样,等下你直接看内容就可以了,让内容质量来说话!

    这一期,我会站在前端小白的角度来思考问题,而不是作为一名过来人指导你必须怎么做;

    希望可以通过这一期的分享,让小白们可以自力更生,自己解决问题,慢慢走向牛逼程序员和大神的道路;

    注意,我的出发点是"我以一名前端小白的身份"来进行讲解的,会模拟很多小白可能会碰到的问题,然后告诉你怎么解决,这个解决问题的思路非常重要,一定要学习解决问题的思路;

    好,现在就回归这一期的正题!我为什么要做这一期视频呢?

    **我打算做这一期视频的起因是这样的:**最近我经常看到很多小伙伴用错误的方式,搜索自己想要寻找的资料或者项目。

    然而因为没有掌握搜索技巧,经常找很久也找不到自己想要的内容。

    每次看到这种情况,我都是又气又恨!但是又很同情这些新手小白!

    又气又恨的是,感觉这么简单的事情,怎么傻乎乎的搜索那么久还搞不出来;太 Low 了。

    同情的是,作为前端开发的小白,没有人告诉他们有哪些搜索的技巧,包括我自己也是小白过来的,很多人最开始都是傻乎乎的,都是这样的起点。

    就像看到一个新手调 BUG,解决技术问题一样,你们看着非常努力,恨不得汗都快出来了,但总是抓不住重点,效率非常的低,可能吭哧吭哧半天还是搞不定;

    但是没有人告诉或者给他们指出来,很多人会批评这类小白,我们可以看到批评和指出他们错误的人很多,一抓一大把,但是真正教他们问题解决思路的人非常少;

    说别人的方案有问题,但是又不给出更好的解决方案,这就是一个耍流氓的行为!

    这些人能给他们发一些相关资料,就非常难得了,有些所谓的前辈给小白们甩几个网站,比如 github,stackoverflow ,或者一些大牛的博客等等,然后告诉新手小白"程序员经常浏览的网站是这些,你以后经常关注下",我感觉这些都是屁话;

    这个阶段的前端新手,大多数都是懵逼的,我深有体会;

    很多都是把前辈们给的一些网站,加入收藏夹,然后就没有然后了,常年收藏夹里吃灰。回想我当初自学 WEB 前端时候的场景,也是类似的,没有人告诉什么叫解决问题的思路,也没有人告诉我这么写代码是对还是是错!所以我当初也是非常苦逼的;

    为了帮助新人,我 2020 年 2 月开始,我在 B 站上分享自己的一些经验来帮助前端新手来更少的走弯路,更快的入行;

    比如以前分享的 自学前端的误区和痛点解决 还有 前端学习路线等等

    快速搜索浏览器收藏夹里的内容

    首先介绍下如何高效的搜索自己浏览器的收藏夹中的网页;

    不知道你们有没有遇到这么一个问题,自己浏览器的收藏夹里收藏了很多资料,但是每次用的时候,却不能立即找到它,需要点开文件夹,然后一个一个的去找,有时候花很久才能找到以前收藏的网页,有时候翻了很久也没有找到。

    碰到这种情况,你也许并不会感觉有什么不对,可能还会怪自己没有归类好,是自己的不对。

    但是我却没有这个困扰,我的浏览器收藏夹这个区域是隐藏的,这样可以有更多的网页可视空间,

    我不需要看收藏夹的内容,我就可以快速找到我收藏的网页,只需要我知道其中的关键字就可以,哪怕只记得一个关键字我也能相对的快速找到。

    演示的效果

    演示快速搜索(见视频)

    首先做一些准备工作

    首先,我需要先准备一些网页,添加到自己的 Chrome 浏览器文件夹中,后面用我这些收藏的网页来演示,你会更容易理解。

    收藏网页的时候,切记要自定义标签的名字,有标记的标签,更容易被搜索出来!

    收藏网页的时候,切记要自定义标签的名字,有标记的标签,更容易被搜索出来!

    收藏网页的时候,切记要自定义标签的名字,有标记的标签,更容易被搜索出来!

    比如 正则表达式 元字符 | 阿西河前端教程 可以修改为正则表达式 元字符 | ZZYZF

    ZZYZF是正则元字符的首字母,下次搜索的时候,输入正则的首字母ZZ,或者元字符的首字母,就可以直接找到了。

    给浏览器武装一下道具

    安装 Chrome 扩展Vimium

    Chrome 扩展的官网地址:https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb

    如果你是没办法访问谷歌,你可以搜索下 Vimium 下载,网上也有不少离线安装包;

    你的浏览器,如果是谷歌浏览器,360 极速浏览器,微软新版的 Edge 浏览器等都可以装。

    安装启用后,按b键可以直接搜索标签。

    很多人也知道Vimium这个工具,他们浏览器也安装了,但是他们却没有想过配合收藏阿西河这类网站,让自己的效率更上一层楼;

    如果是某一个方法,简单的看使用,可以编辑器里面来看,vscode 和 webstorm 不同编辑器的查看方法不同。

    我举的这个例子只是抛转引玉,你可以根据自己情况,定制提高你自己的效率方式。

    其它的相关操作

    如果你想了解更多Vimium的命令,你可以按问号?来进行查看,按键就是 Shift+/

    最常用的快捷键

    查找书签           b/B(当前/新窗口打开)
    查找历史记录+书签   o/O
    关闭/恢复标签       x/X
    固定标签栏          Alt+p
    窗口打开模式            f/F(当前/新窗口打开)
    新标签中打开多个链接     alt+f
    

    实践中意义不大的快捷键

    刷新 r  (Chrome浏览器默认快捷键`F5`一样好用)
    
    创建标签页          t   (Chrome浏览器默认快捷键`ctrl+t`一样好用,
                                `ctrl+shift+n`打开隐身模式,也好用)
    选择左/右标签       J/K
    上一个标签          ^
    查看标签页          T
    
    向下/上/左/右移动           j/k/h/l
    向下/上跳动                 d/u (键盘上的`PageUp`和`PageDown`更好用)
    回到顶/尾部                 gg/G(键盘的`Home键`和`End键`更好用)
    搜索剪贴板关键字             p/P(当前/新窗口打开----这个功能,对于用鼠标的用户比较鸡肋)
    跳转到当前url上一级/最高级   gu/gU(Chrome浏览器默认快捷键,Alt+左右箭头,更加好用)
    将焦点聚集在第一个输入框     gi  (2gi就是第二个输入框----这个功能,对于用鼠标的用户比较鸡肋)
    开/关静音                   alt+m
    

    更多快捷键你可以按问号?来进行查看,或者查看 Chrome 浏览器的快捷键,因为与本文主题无关,不多附属了;

    上面介绍的收藏夹快速查找方法,目前市面上没有比这种方法更效率了,再配合阿西河这种网站,你可以想象下你的工作效率牛逼不牛逼?

    希望你在公屏上打出你的感受,或者说出比我这种效率更高的标签搜索方式。

    快速搜索电脑系统内的文件

    上面的方法可以帮助小伙伴们解决标签搜索的难题,但是很多小伙伴的电脑还是挺乱的;

    我曾经见过一些小伙伴,半个桌面上面,密密麻麻的都是图标,甚至桌面都快被图标给占满了。

    如果你也是各种快捷方式,每次找点东西都要点文件夹,去文件夹里找,那么你要注意了。

    和浏览器标签一样,我不需要打开一层一层层的文件夹,我就可以快速找到我想要的文件。

    每次看到打开一层一层的文件夹,感觉像剥洋葱一样,你们难道不感觉辣眼睛么?

    MAC 系统内搜索

    具体参考视频演示。

    Mac 有自带的聚焦搜索,Mac 系统比较简单,只需要输入你的目标或者应用名字就好。

    默认快捷键是Command+空格键

    效果演示

    • 想打开应用QQ音乐或者QQyinyue,输入 QQ 就会有提示
    • 输入CSS就会看到相关的文件夹和 PDF 电子书等文件
    • 输入javascript就会看到相关的文件夹和 PDF 电子书等文件
    • 输入聚焦或者jujiao就会打开聚焦的设置,自定义设置当前使用的聚焦搜索
    • 输入隐私或者yinsi就可以打开安全性与隐私的设置

    Windows 系统内搜索

    mac 上的自带工具虽然很好用,但是很多小伙伴是 Windows 系统的;

    windows 系统也是有不错的工具的。

    效果演示

    具体参考视频演示。

    环境安装

    Windows 下 Everything 是一个非常优秀的文件搜索,而且还是免费的

    官网: https://www.voidtools.com/zh-cn/

    注:通过上面中文网址(带/zh-cn/结尾的 URL)安装后,默认是中文的,不需要进行语言设置了。

    下载安装完成以后,推荐第一件事情就是简单的设置一下;

    自定义设置

    这个可以通过快捷键来自定义设置

    打开Everything选项

    • 第一种方法:工具–>选项
    • 第二种方法:快捷键ctrl+p

    设置软件快速启动快捷键

    下面是我个人的快捷键,推荐大家也这么设置;或者结合自身情况,进行调整。

    • 找到并点击左侧快捷键
    • 找到显示窗口快捷键
    • 同时按住 Alt+`
    • 点击应用,即可生效。

    小技巧

    这个是快速搜索用的,如果你的文件名命名时按照一定的规律,比如项目名称 + 进行存储,这样用 everything 调用的时候非常方便,能够快速定位,否则在一堆相同名字里找文件,那也是一件蛋疼的事情。

    使用拼音首字母的方式来定义文件夹,也不错

    小福利,渣男必备!

    如果你有什么秘密档案,小黄片之类的,你可以把它放在正常人类找不到的目录里,然后设置隐藏文件和目录

    Everything 的索引排除列表排除隐藏文件和目录

    你只需要记录他的关键字就可以啦;

    这样你要用的时候,按快捷键Alt+`调出 everything ,输入关键词一秒到达!

    这时 everything 就是一个文件隐藏工具了,一面工作,一面生活!

    everything,渣男必备的软件!!!

    更多的Everything使用,请参考 Windows 系统 文件搜索神器 Everything


    Github 快速搜索(很多人第一步就做错了)

    很多人第一步就做错了

    这一部分并不是介绍 Github 内的搜索技巧,而是介绍怎么借助 Chrome 浏览器来进行快速搜索

    这一步的核心是:不输入www.github.com,直接搜索 Github 内容;

    我不去 Github 网站,我可以快速的跳搜索 Github 内容

    因为 Github 的搜索还是有很多分享的,那方面我有很多想要分享的;打算后续单独做一期 Github 在真实的实践中的使用技巧,告诉真正的正确姿势,而不是一些命令的介绍,欢迎后期关注。

    这是一个 Chrome 的功能,我觉得有用也就分享给大家了,这里拿 Github 作为举例;你也可以别的网站;

    我说的很多人第一步就做错了, 这是绝对没有夸张,这是在我自己网站,不是抖音的那种没有营养的视频,请放心观看。

    演示操作

    具体参考视频演示。

    浏览器输入字母g以后,然后按Tab键,此时会显示 使用 github.com 搜索

    然后我们输入需要输入的关键词,然后回车就可以进入了。

    以后再去 Github 搜索内容,第一步按照我上面教你的就这么做,不要再傻乎乎的输入github.com,网速慢的话,输 github 的网站以后,可能还会 loading 转很久的菊花,然后才能开始正式输内容,那样的方式真的太慢啦;

    如果你看过我这篇文章,还是手动的输入输入github.com, 然后再去搜索内容,那就别说你知道"阿西河"这个网站了,太丢人啦!

    这种才是去 Github 搜索内容的正确方式,看完是不是觉得自己以前第一步就做错了??

    1. 进入设置

    • Chrome 浏览器中找到设置->管理搜索引擎

    • 或者在设置的顶部搜索管理搜索引擎进入

    • 或者通过下面的命令直接进入

      chrome://settings/searchEngines
      

    2. 开始设置快捷键

    点击 添加 按钮,添加 Github 网站,添加的内容,可以设置如下

    # 搜索引擎
    github.com
    
    # 关键字
    g
    
    # 网址格式(用“%s”代替搜索字词)
    https://github.com/search?q=%s
    

    其中 https://github.com/search?q=%s 是需要在目标网站中,根据搜索进行关键字替换的;

    比如我在 Github 的搜索中搜索axihe,跳转到的地址是https://github.com/search?q=axihe,那么%s就是替换关键字

    所以就是https://github.com/search?q=%s;

    这个技巧,按说介绍到这里,我就没有必要再往下介绍的,毕竟是抛砖引玉;毕竟我告诉你应该技巧,然后做一个例子用来演示就差不多了。

    但是视频的开始,我就说了,我是以小白的角度来看介绍搜索技巧的;我认为单单介绍到这里,很多小白们还是不会灵活应用的,所以我下面会再举 2 个非常实用的例子告诉你怎么应用!

    公众号内容快速搜索(很多人不知道还可以这么用)

    这个内容是和上面的套路一样的,之所以写出来,是微信公众号;还是有很多不错的文章的;

    微信公众的内容搜索,很多人不知道还可以这么用,甚至没有这方面的概念;

    很多程序员,喜欢关注自己所在领域的一堆公众号,比如做前端的,关注一堆前端相关的公众号;做后端的关注一堆后端的,做 java 的关注一堆 Java 的;

    比如你是做前端的,可以关注阿西河前端教程的微信公众号

    https://a.axihe.com/assets/axihe-qrcode.png

    你们有没有想过一件事情,就是那些公众号基本上天天给你推送技术内容,有多少内容是你真正关心的,你关心的内容,又有多少是耐心的看完并想着去深入了解的?

    我们应该带着目的去找内容,而不是做内容的接收站;

    如果你不想关注一堆公众号,不想从一堆公众号的历史记录中去浪费时间找自己想要的内容,那么试试下面这种方法吧。

    让我来告诉你这种骚操作,弱水三千,只取一瓢,看完以后你可能会发现公众号这么用才是最科学和最效率的。

    演示操作

    具体参考视频演示。

    这时候,输入we, 然后按Tab键,此时会显示 使用 微信 搜索, 输入要搜索的内容;

    • vue3 新特性
    • vue3 原理
    • javascript 面试题

    比如我想要搜 vue3 的新特性,那么我可以输入vue3 新特性,然后回车;就可以看到公众号的一些分享了。

    这里有一堆的技术公众号,来回答你想要了解的vue3 新特性,从这些文章中查找答案。是不是比你关注很多公众号来学习的更好?

    而且你关注了那么多公众号,你真的学到多少知识么?他们分享的都是你关注的技能么??

    因为篇幅的原因,这一期就说这么多,后面还会出一期 Github 的骚操作,欢迎持续关注我!

    希望我的这方面分享,能够让你静下心来思考下,不要随波逐流,我理解的微信公众号和新闻一样,仅仅是用来了解最新行业动态的途径。

    刚才我还做广告,让大家关注我的微信公众号;

    接着我就告诉你怎么不关注公众号,直接搜自己想要的内容;

    我狠起来,连我自己公众号都打,狠不狠,你们害怕不害怕!这种的才是真正的技术 UP 主的硬核分享!

    1. 起始配置

    • Chrome 浏览器中找到设置->管理搜索引擎

    • 或者在设置的顶部搜索管理搜索引擎进入

    • 或者通过下面的命令直接进入

      chrome://settings/searchEngines
      

    2. 开始设置快捷键

    点击 添加 按钮,添加 Github 网站,添加的内容,可以设置如下

    # 搜索引擎
    微信
    
    # 关键字
    we
    
    # 网址格式(用“%s”代替搜索字词)
    https://weixin.sogou.com/weixin?type=2&query=%s
    

    快速翻译中英文

    演示操作

    具体参考视频演示。

    这时候,输入cn, 然后按Tab键,此时会显示 使用 翻译成中文 搜索, 输入要搜索的内容;

    • open
    • axihe
    • class
    • uploader

    输入en, 然后按Tab键,此时会显示 使用 翻译成英文 搜索, 输入要搜索的内容;

    • 打开
    • 阿西河
    • class
    • UP 主

    翻译成中文的配置

    # 搜索引擎
    翻译成中文
    
    #关键字
    cn
    
    #网址格式(用“%s”代替搜索字词)
    https://translate.google.cn/#view=home&op=translate&sl=en&tl=zh-CN&text=%s
    

    翻译成英文的配置

    # 搜索引擎
    翻译成英文
    
    # 关键字
    en
    
    #网址格式(用“%s”代替搜索字词)
    https://translate.google.cn/#view=home&op=translate&sl=zh-CN&tl=en&text=%s
    

    谷歌和百度随意切换

    很多人浏览器的默认搜索是百度,或者谷歌;

    但是这会有一个尴尬的问题,比如我常用的是谷歌;

    但是偶尔也会因为一些场景需要去百度里面搜一搜,比如我的阿西河网站排名如何?等等

    操作演示

    具体参考视频演示。

    默认输入字符串 然后回车是用默认的谷歌浏览器去搜索

    然后我再输入bd, 然后按Tab键,此时会显示 使用 百度 搜索, 输入要搜索的内容;阿西河,这时候就可以看看我的网站在百度的拍名情况了

    配置百度搜索

    这个浏览器默认就有的,直接编辑即可、

    # 搜索引擎
    百度
    
    # 关键字
    bd
    
    #网址格式(用“%s”代替搜索字词)
    https://www.baidu.com/#ie={inputEncoding}&wd=%s
    

    搜索引擎的总结

    这个方法,我介绍这四个例子,都是日常工作中非常实用的,你要学习这种提高效率的方式,而不是单纯的记忆我分享的这四个方法;

    这个提高效率的思路非常重要!一定要灵活运用!

    当然这个技术,你可以歪用,比如搜小姐姐的视频,看小黄片;

    大家一定要记住,我们是靠技术吃饭的,即使去找小黄片,也要最快,最效率的找到。

    谷歌搜索的技巧

    • 这一部分主要是讲怎么使用谷歌,帮助自己快速拿到目标数据,以及快速找到目标问题;
      • 还有就是怎么白嫖 google,让谷歌来完成自己网站的搜索功能。
    • 这里主要介绍实践中,真能能够帮助我们的那些技巧;google 搜索很强大,对我们程序员,没有什么帮助的那些技巧我是不关心的;
    • 如果你想知道谷歌的所有的搜索命令大全,你可以自己去谷歌官网看,那些像字典一样的介绍,我感觉直接搬来和你们说,也是不负责的;
    • 谷歌的很多搜索命令很多也适应于百度,但是我输以 google 作为实践和平时使用的方式,不保证百度完全可用。

    从一段错误代码开始

    假装自己是一名前端开发的小白

    下面我会假装自己是一名刚开始学习前端开发的小白,假装自己什么都不会;

    我以一名小白的身份,来解决我可能碰到的问题;

    1. 照着视频中老师的代码抄,结果敲出来的代码不能正常运行

    很多新手小伙伴学习编程,如果没有人帮助的话,最开始是最难的阶段,就像刚学会走路的宝宝一样,任何一个不起眼的小错误,都可能把你绊倒;

    如果看视频学习编程,跟着视频中老师的代码一个一个敲,结果代码写好啦,不能正常运行;

    就比如下面这段代码,这只是简单的举一个例子,

    <!DOCTYPE html>
    <html lang="zh-CN">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>牛逼程序员的资料搜索技巧</title>
    </head>
    
    <body>
        <center>
            <h1>《牛逼程序员的资料搜索技巧》</h1>
            <h2>阿西河(axihe.com)</h2>
            <img src="https://a.axihe.com/bilibili/search.png" alt="qrcode">
            <p>扫描二维码进入文字版</p>
        </center>
        <script>
            a1ert("hello world");
        </script>
    </body>
    
    </html>
    

    虽然,我们抄了一份代码,但是这份代码却不能正常的运行;

    讲师的视频里弹出一个框,上面写hello world,而我写的代码什么反应都没有。

    2. 遇到不按预期的情况怎么办

    这时候我们就要进入排查的阶段,写代码如果你写多了,你就会发现;

    主要是报错的代码,就都好办;最怕的是那种没有报错的 BUG,或者是不能重现的 BUG。

    大家遇到这种没有任何反应的情况,一定不要慌;

    你先要保证你的代码已经保存了,而且当前查看的就是正在修改的代码。

    然后找到报错的原因;

    3. 找出报错信息

    在浏览器中,按F12打开控制台,会看到一个错误。

    Uncaught ReferenceError: a1ert is not defined
        at test.html:18
    

    Tips: 如果在浏览器上运行的网页没有按照自己的预期执行,可以打开浏览器的控制台来查看是否有错误抛出;一般都是会有错误抛出来。

    控制台的打开方式,Windows 系统大多数浏览器输F12打开控制台,或者鼠标在页面上右键->检查

    浏览器控制台的更多使用技巧,可以参考 Chrome 开发者工具 使用控制台

    4. 分析错误信息

    Uncaught ReferenceError:    //这是错误类型
    a1ert is not defined        //核心错误信息
    at test.html:18             //错误所在位置
    

    这个错误信息告诉我们第 18 行的a1ert没有找到。但是视频里老师就是这么写的,还是不知道,那就需要搜索了

    4. 搜索报错信息

    我们搜索a1ert is not defined;

    这个时候,浏览器提示

    包含以下查询字词的结果:alert is not defined
    

    https://a.axihe.com/anbang/chat/2020/search/search-01.png

    这种提示,是根据历史搜索中很多人的搜索记录,智能纠错我可能输入的错误的单词了;

    这个就直接解决了我们的问题;

    我们把a1ert改为alert就可以了。

    更多谷歌搜索

    增加补充信息

    如果找不到对应的结果,记得加上限制范围;

    如加上 js ,javascript 等搭配错误提示来搜索;

    具体的根据开发环境自行参考,可能是java,window,linux等,标注这些补充信息可以让我们更方便的找到答案。

    精准搜索""

    测试代码,我们改为下面的代码

    <script>
        alert(a);
    </script>
    

    这时候报错Uncaught ReferenceError: a is not defined;

    我们直接搜索,会出现其他不相关的代码,

    这时候我们使用"a is not defined" 就会精准的匹配(双引号,精确匹配)

    https://a.axihe.com/anbang/chat/2020/search/search-02.png

    我们一般使用精准搜索,缩小搜索的范围;不太使用扩大范围;

    扩大范围是关键字 OR 关键字, 了解即可,一般用不到。

    精确搜索还有一些几个,但是一般用不到,但是可以了解下

    intitle

    • 索查询词出现在页面标题 (title) 中的页面,支持中文和英文
    • intitle 的含义在于搜索网页标题中含有的关键词,例如想搜索标题中含有“it”的内容,就搜索 intitle:it ,就会搜索到网页标题中含有 it 关键词的网页。

    intext

    • 搜索查询词出现在页面正文 (title) 中的页面,支持中文和英文

    搜索排除-

    上面的搜索结果中,因为 CSDN 的网站搜索质量不高,广告也比较多,我不想让这个网站出现在结果里,那么我就需要区排除它

    使用-就可以去排除了

    "a is not defined" -csdn.net
    

    注意减号前面必须有空格,后面必须没空格,也不要写成横杠之类的其他符号。

    https://a.axihe.com/anbang/chat/2020/search/search-03.png

    减号除了排除网站以外,还可以排除文字;

    比如搜索愤怒的小鸟,将会出现两种情况,一种是电影,一种是游戏,那么我们搜索 愤怒的小鸟 -游戏, 这样就排除含有游戏关键字的内容。

    https://a.axihe.com/anbang/chat/2020/search/search-04.png

    搜索相关主题的核心资料

    这种方式一般搜索特定格式的文件,这类的资料,一般是下面几种情况

    • 企业内部的某些成员在团队内部的技术分享
    • 某些技术论坛上,嘉宾进行路演,投屏展示的 PPT 文件
    • 电子书文件

    比如想要的 PDF 文件,搜索 JavaScript,CSS3 等等的 PDF 文件;

    如果你需要找这类的资料那么你可以这么搜索

    filetype:type 关键字
    

    type 可以是 PDF,可以是 word 文件,ppt 等

    PDF文件         PDF
    Word文件        doc
    PPT文件         ppt
    

    技术类会议的分享,一般是 pdf 文件

    语法 filetype:type

    # 搜索包含javascript的PDF文件
    filetype:pdf javascript
    
    # 搜索包含flutter的PDF文件
    filetype:pdf flutter
    
    # 搜索包含vue3的PDF文件
    filetype:pdf vue3
    
    # 搜索JavaScript 高级程序设计 第四版的PDF电子书
    filetype:pdf Professional JavaScript for Web Developers
    

    说明

    这个搜索方式,我一般是用来搜索电子书,或一些演讲,前端会议的分享资料

    比如我想找一些别人在演讲或者内部会议时候的 vue3 的 PPT 等资料,我可以搜索filetype:pdf vue3

    https://a.axihe.com/anbang/chat/2020/search/search-08.png

    https://a.axihe.com/anbang/chat/2020/search/search-09.png

    搜索同行的真实简历

    比如我是一名前端开发的程序员,我想找工作,我想看看别人的简历都是怎么写的;

    那么我就可以直接网络上搜下别人的简历,很多人感觉不可思议,其实很简单的,我经常搜;

    比如下面这种搜索就可以了。

    filetype:pdf 简历 前端
    

    https://a.axihe.com/anbang/chat/2020/search/search-05.png

    怎么样!牛逼不牛逼???

    很多人只会命令,并不会灵活应用!!!而我是可以玩转这些命令,让这些命令为我服务的人!

    简历资源被作者删除了,怎么办?

    很多人把简历放到互联网上,然后过一段时间就删除了,点开直接网页不能正常访问了!!

    这时候也不要担心,只要搜出来来,我们可以快照里看看;

    https://a.axihe.com/anbang/chat/2020/search/search-06.png

    点击历史快找后,直接就可以找到了;

    https://a.axihe.com/anbang/chat/2020/search/search-07.png

    怎么样?如果刚才找简历的操作,你们感觉很牛逼,那么这种直接找到那些已经删除的简历,是不是更加牛逼了???

    我就问你们服不服?你们怕不怕??

    已知 URL 地址的资源被删除了怎么办?cache:

    上面介绍的是直接在谷歌搜索的结果页里点击网页快照;

    很多时候,我们收藏夹里,我们收藏的网页,他的服务器挂了,或者删除了,我们怎么查看内容呢??

    就好比早一段时间segmentfault被要求整改,很多里面的文章都是浏览不了的,这个时候,就可以通过缓存来找到;

    查看网站的 Google 缓存版本,会直接显示缓存页面,命令是cache

    以我的网站作为例子

    cache:https://www.axihe.com/anbang/chat/2020/learn-self.html
    

    关于技术的善恶

    关于技术的善恶使用,这里一定要提醒下大家,一定要把技术用在正道上!!

    早一段时间,我在视频里说,如果你是做前端的,正在找工作,投出去的简历老是被拒绝,你可以加我微信,我帮你看看;

    这种投出去很多,但是都被拒绝的简历,一般是有硬伤的,我给你看下,给你一些修改简历的建议,让你的简历尽量不出现一些低级错误,我觉得这种帮助是很有必要的。

    有些人说我是不是骗大家简历,骗个人信息的。其实真的不是那样的,我又不收你钱,纯粹就是单纯的想帮助下大家,让大家少走点弯路。

    就凭我上面秀的这一手找简历技术,你觉得我还需要苦逼的做视频骗你们简历么?

    我要是真想收集 WEB 前端开发者的简历,说句不装 X 的话,我即使找不到一万份简历,我打底也能找到 5000 份简历,而且全部都是前端开发的简历,全部都是真实的信息,电话和邮箱还都是真实的。

    单纯的技术是没有善恶的,但是人肯定有善恶的;

    我们一定要把技术用在正道上!包括上面说的隐私文件夹,还有找同行简历,知道就行。

    扯个题外话啊,记得好像 2017 年的时候,在一个 WEB 技术交流的 QQ 群里,当时我也是闲的蛋疼;

    我说只要浏览我博客的人,我可以定位你们的位置,误差不超过 100 米;然后我把我当时的技术博客发出去了,5 分钟内有 26 个人浏览了我的博客;

    然后我筛选出这 26 个人的 IP 地址,然后通过 IP,我把这 26 个人的详细地址全部发出来了,让他们自己认领地址。

    除了一个人,他很狡猾,他是在香港的服务器上访问我的博客,除了他以外,其他人的地址全部正确。

    当时我在群里,一战成名。我在群里的称呼瞬间从安邦小弟,变成了大家口中的安邦大神


    话题说回来;

    因为简历这些信息涉及敏感,所以找简历这个方面,我就简单介绍一下就行了,其实我在灰产这方面研究还是挺深的,但是更多的也就不说了,和今天的主题也没有关系;

    我说这个找简历,只是为了让大家灵活运用filetype:type这个命令;

    我是看很多人只会傻乎乎的记命令,不会用,我感觉他们太蠢了;

    为了让我的粉丝和观众们更加的深入了解,我才说这些的;

    而这又是对写简历很有帮助的信息,如果我不直接说出来,小白们是不懂的,我必须要直接告诉你们,你们才会慢慢的,慢慢的学会灵活使用;

    我感觉我不做前端开发的讲师都屈才了,同样一个命令,同样一个知识点;不同人来讲,有些人能讲出来东西,他能聊出来东西,有些人讲不出来东西,就只会讲个命令。

    Google 搜索命令的规范

    1. 所有的命令都是需要带:进行结束的
      1. 冒号均为英文状态的;
      2. 冒号后面没有空格;
    2. 命令和搜索词之间需要用空格隔开
      • filetype:pdf javascript , filetype 和需要搜索的关键词javascript之间有空格
    3. 命令和搜索词之间顺序不敏感
      • filetype:pdf javascript 搜索标题包含javascriptpdf格式的页面
      • javascript filetype:pdf 同上,顺序不影响搜索。

    以下的命令都遵守这几个规则,下面不再重复说明,请知悉;

    在指定站点搜索 site:domain

    site 的含义在于检索查看设定的网站在搜索引擎中收录抓取内容的数量,

    很多搞 SEO 的小伙伴应该对这个命令比较熟悉;

    这个命令可以看自己的网站被搜索引擎收录多少张页面;

    比如下面就是查看阿西河被谷歌收录了多少网页,如果你以后自己搭建博客,你需要了解这个命令的;

    site:axihe.com
    

    https://a.axihe.com/anbang/chat/2020/search/search-10.png

    如果你想搜索阿西河上的面试题,你可以试

    site:axihe.com 面试题
    

    https://a.axihe.com/anbang/chat/2020/search/search-11.png

    自建网站白嫖谷歌

    我们光知道site:axihe.com这种命令的使用不算什么,我们还要学会运用他们;

    比如阿西河就是我的自建网站,我就白嫖了谷歌的搜索引擎,核心就是site:axihe.com;

    在阿西河的网站上,左上角的搜索框内输入javascript,然后按回车,会发现打开了一个新标签页,跳转到

    https://www.google.com/search?q=site:axihe.com%20javascript
    

    https://a.axihe.com/anbang/chat/2020/search/search-12.png

    https://a.axihe.com/anbang/chat/2020/search/search-13.png

    这就是借用搜索引擎来实现自己网站的搜索系统;

    因为自建的网站来说,搜索是一个比较复杂的逻辑,全文的模糊搜索,对数据库的压力挺大的。

    我直接祸水东引, 把脏累的活直接交给搜索引擎去做,你们不是喜欢收录网页么。

    既然收录了,你也应该为我们发点光,发点热了。

    这的网站用的谷歌,因为网站的群里,谷歌的比较多,你如果自建网站,你完全可以借助百度也可以;这个主要看网站的使用者人群。

    我工作中的相关搜索命令

    我自己工作相关的搜索命令,我是从事区块链行业的工作;

    这些是我自己的相关的,可能对很多人不适应,发出来也让大家了解下;

    查找队友的时区 Time in

    因为我本人是从事区块链相关的工作,这个行业里,一个项目的团队成员分布在不同国家,是一件很常见的事情;

    或者遇到一些问题,给某个项目的人发 Email 或者 Issue,有时候我想要得到快速的回复,我就要知道他大概什么时间段是活跃的;

    但是对于我个人来说,我其实并不关心他们属于哪个国家,反而是更关注他们属于哪个时区;

    相对于他的国家;他当前所在地,处在什么时间对我来说更加重要;

    所以 Time in 可以帮助我来快速判断他当前是否活跃。

    语法

    ## 当前杭州时间,支持 英文/拼音/中文
    Time in hangzhou
    Time in 杭州
    
    ## 支持中文拼音的搜索
    Time in New York City
    Time in NYC
    Time in niuyue
    
    ## 支持我们正常使用的称呼
    Time in jianada
    Time in yindian
    Time in yindu
    time in dibai
    

    使用举例

    比如我最近在做的项目,我每周的工作进度是向美国的一位博士还有迪拜的一位负责人进行汇报;

    除了每周一的例会外,我在工作中也会遇到一些需要及时沟通的情况;

    我可以通过时间来判断他们是否活跃;

    ## 搜索纽约当前时间
    Time in NYC
    
    ## 搜索迪拜当前时间
    time in dibai
    

    扩展:日出时间和日落时间

    也可以用日落时间和日出时间来辅助判断;

    Time in判断当前时间,用日出日落来判断是否是否处在工作时间,这就更加准确了

    ## 日出时间
    sunrise: NYC
    
    ## 日落时间
    sundown: NYC
    

    查找区块链汇率

    这个是搜索某个币,值多少钱使用的;

    比如我要搜索 100ETH 值多少 USD

    ## 100以太坊等于多少美元
    100 eth to usd
    
    ## 100比特币等于多少人民币
    100 BTC to cn
    
    ## 100以太坊等于多少比特币
    100 eth to btc
    

    欢迎收藏和分享

    如果你感觉这些内容,对你很有帮助;

    为了防止自己以后忘记了,推荐你收藏一下,防止以后用到的时候,找不到本文;

    如果感觉本文还可以的,真心的希望能够分享给你身边的小伙伴们;

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录