成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

搜索時自動排除angularjs

張金寶 / 3362人閱讀

摘要：不過互聯(lián)網(wǎng)嘛，資源豐富，找找肯定有相關(guān)功能的，果然，我發(fā)現(xiàn)了這個想得真周到，還會在完成搜索以后自動隱藏，體驗(yàn)又上一個臺階，果然自己不光能力不夠，境界也不夠。這樣一點(diǎn)計(jì)算機(jī)基礎(chǔ)都沒用的人也同樣可以排除自己不想看到的東西。

由于歷史原因在搜索angular的文章時老是有一大堆的angularjs的文章在其中

有的時候甚至大半都是，雖然我們可以使用-angularjs來排除，但能否自動添加呢？

google搜索語法

突然想到可能有人還不知道-angularjs是啥，這代表排除掉含有angularjs的搜索項(xiàng)，是google的基本語法之一（百度，必應(yīng)等也有相應(yīng)的語法，規(guī)則上大同小異）
實(shí)際上Google搜索可以比我們使用的更強(qiáng)大，引用一句話

　Google是一款十分強(qiáng)大的搜索引擎，黑客們常常借助它搜索網(wǎng)站的一些敏感目錄和文件，甚至可以利用它的搜索功能來自動攻擊那些有漏洞的網(wǎng)站；而有些人可以通過搜索把某個個人的信息，包括住址、電話號碼、出生年月等都可以搜索出來；當(dāng)然我們在日常的生活中正確的借助Google搜索也可以更加高效的找到我們需要的東西。

當(dāng)然，這不是本篇文章的重點(diǎn)，如果想要了解一下，可以看看——Google Hacking————你真的會用Google嗎？

偶然發(fā)現(xiàn)的插件

也想過自己去寫一個插件來自動添加-angularjs，思路實(shí)際上很簡單

但是該怎么實(shí)現(xiàn)呢？有點(diǎn)懵逼，這時候直接上框架干活的壞處就顯現(xiàn)出來了，雖然也算會一些js了，但對瀏覽器的各種基礎(chǔ)接口卻不熟悉，這么一個簡單的功能卻不知如何開始。這些方面的知識也得一點(diǎn)點(diǎn)補(bǔ)上啊，不過也還好，還年輕，一切都不用著急。

不過互聯(lián)網(wǎng)嘛，資源豐富，找找肯定有相關(guān)功能的，果然，我發(fā)現(xiàn)了這個

想得真周到，還會在完成搜索以后自動隱藏，體驗(yàn)又上一個臺階，果然自己不光能力不夠，境界也不夠。

有了源代碼了，改改的能力還是有的。

站在大佬的肩旁上

下面就來簡單看看這段代碼
首先便是獲取相關(guān)的信息并判斷搜索引擎

  
  const host = location.host
  const url = new URL(location.href)
  const searchParams = url.searchParams
  const paramsIt = searchParams.keys()

  let search = "?"

  // 判斷搜索引擎 （～這個符號的作用是啥呢？去掉以后效果也一樣）
  if (~host.indexOf("google")) {
    removeFromGoogle()
  } else if (~host.indexOf("bing")) {
    removeFromBing()
  } else if (~host.indexOf("baidu")) {
    removeFromBaidu()
  }

需要修改的地方很少，

效果展示

插件源碼及安裝地址

一點(diǎn)完善思路

可以做個界面出來，自己輸入要排除的搜索項(xiàng)。這樣一點(diǎn)計(jì)算機(jī)基礎(chǔ)都沒用的人也同樣可以排除自己不想看到的東西。
還發(fā)現(xiàn)一個可以攔截域名的，是否可以讓這兩結(jié)合一下？有時間的話可以嘗試一下

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103906.html

相關(guān)文章

  • [譯]使用karma進(jìn)行angular測試

    摘要：前面我們寫過了的一篇文章開始對進(jìn)行單元測試而提供了非常有用的工具去幫助我們進(jìn)行的測試。接下來，會增加一些內(nèi)容寫測試用例接下來我們可以開始進(jìn)行測試了，我們在命令行工具里輸入下面的命令我們將下面的代碼粘貼到中去。 showImg(https://segmentfault.com/img/bVx65M); 緊隨前文如何對Angular Controller進(jìn)行單元測試,但是我們也提到了前文工...

    Tony 評論0 收藏0

  • 淺談AngularJS模板

    摘要：這使得許多人并未真正了解的模板，而認(rèn)為只是提供了一堆內(nèi)置指令并可用于文件。是個對于模板很重要的指令，它是基本的條件表達(dá)，滿足條件時則存在，不滿足則不存在。則是另一重要指令，能循環(huán)創(chuàng)建。 showImg(http://segmentfault.com/img/bVcJtv); 作為最流行的MVVM（Model-View-View-Model）框架之一，相信大部分前端對AngularJS...

    fredshare 評論0 收藏0

  • AngularJS簡述

    流行框架 簡介 angularjs是一款非常優(yōu)秀的前端高級JS框架，由谷歌團(tuán)隊(duì)開發(fā)維護(hù)，能夠快速構(gòu)建單頁web應(yīng)用，化繁為簡 無論是angularjs還是jQuery都是用原生JS封裝的 庫：對代碼進(jìn)行封裝，調(diào)用封裝的方法，簡化操作 傳統(tǒng)方式是用get方式獲取元素，然后點(diǎn)方法 jQuery庫實(shí)現(xiàn)了對獲取方式的封裝，對方法的封裝 框架：提供代碼書寫規(guī)則，按照規(guī)則去寫代碼，框架會幫我們實(shí)現(xiàn)響應(yīng)的功能...

    Jason 評論0 收藏0

  • Day 2: AngularJS —— 對AngularJS的初步認(rèn)識

    摘要：開始使用現(xiàn)在創(chuàng)建一個名為的文件，它將會是一個基于的網(wǎng)上書店應(yīng)用。這將初始化應(yīng)用程序，并告訴要在這一部分活躍。將為每個元素增加元素。控制器和視圖之間的粘合劑，而且會注入到?，F(xiàn)在我們添加書籍?dāng)?shù)組的對象到對象，這個對象對視圖是可見的。 編者注：我們發(fā)現(xiàn)了比較有趣的系列文章《30天學(xué)習(xí)30種新技術(shù)》，準(zhǔn)備翻譯，一天一篇更新，年終禮包。以下是第二天技術(shù)的譯文。 昨晚我完爆了一天一技術(shù)的任務(wù)...

    joyqi 評論0 收藏0

發(fā)表評論

0條評論

張金寶

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<