整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
前不論安卓陣營還是IOS陣營，系統懸浮球已經是一個隨意可見的功能了，不論系統定制的，還是第三方App度可以滿足大家的需求，各個系統的懸浮球的差別就不一一列舉了，用過的小伙伴自然是心中有數的呀！
相信大家都知道蘋果在iOS 5推出了懸浮球的功能，其實小米在MIUI8的時候也推出了懸浮球的功能，但是你真的會用它嗎？如果你覺得自己對MIUI懸浮球功能知之甚少，那么請跟隨先生的腳步，詳細的了解一下MIUI的懸浮球功能。
一、開啟方法
MIUI懸浮球的開啟方法是在系統設置-更多設置里面找到懸浮球，點擊進入后打開懸浮球就可以。當然大家比較懶的話也可以在下拉通知欄搜索“懸浮球”，同樣是點擊進入后打開懸浮球就可以。就是這么簡單。
二、功能詳解
1、自定義菜單
MIUI的懸浮球一共可以放置5種不同的功能，其中每個功能都可以設置為更改系統設置、打開快捷功能、快捷支付或打開預先設置好的應用。具體可以打開的操作如圖
我在這里舉個栗子：小明牽著女朋友在街上閑逛，突然小明的小米max2從褲兜滑了出來摔在地上，碰巧把手機下方的返回鍵摔壞了，這個時候小明就機智的呼出了MIUI懸浮球并將返回鍵設置在菜單里面，這樣子小明的小米max2又復活啦。
2、操作模式
MIUI的懸浮球專門為大家設置了兩種操作模式“點擊、滑動”
所謂點擊，就是在打開懸浮球后，點擊相關的選項后就可以了。而滑動，則是呼出懸浮球之后，從懸浮球滑向相關的選項就可以。
3、隱藏懸浮球
顧名思義，隱藏懸浮球就是在選定的應用界面里面不顯示懸浮球，這種選項一般在玩游戲的時候使用，用來防止誤觸到懸浮球。
4、全屏下自動貼邊
這個功能和“隱藏懸浮球”一樣，都是為了在全屏游戲時候防止誤觸用的。
還是請出我們的小明同學。小明同學平時喜歡用小米max2打王者榮耀，一天他剛剛開了一把排位，由于沒有把懸浮球貼邊，團戰的時候老是誤點到懸浮球，導致被團滅，最后排位輸了。（手動滑稽）
5、在鎖屏界面顯示
這個選項也挺好理解，就是說在鎖屏界面中也顯示懸浮窗，可以建議返回鍵摔壞的小明同學開啟這個選項。
文末語：MIUI的懸浮球對于iOS的懸浮球來說雖說推出的時間較晚，可是在功能和特性（可隱藏懸浮球、可自動貼邊等等）上比iOS的懸浮球多了不少，可以算得上是后來居上了吧。文章里面的只是我個人對于懸浮球玩法的理解，如果大家有更好玩的玩法，歡迎補充。
更多玩機技巧、還有相關問題可以來MIUI論壇APP——問答專區進行了解！
這里是陳先生雜談，歡迎大家關注！本文系引用，部分有刪改，僅為分享、交流、傳播信息所用，版權歸MIUI論壇帥比徐凱所有，本人不承擔任何法律責任，詳細參考：http://www.miui.com/thread-8913380-1-1.html
分享的這款工具是個Chrome下的插件，叫：Web Scraper，是一款可以從網頁中提取數據的Chrome網頁數據提取插件。在某種意義上，你也可以把它當做一個爬蟲工具。
也是因為最近在梳理36氪文章一些標簽，打算看下別家和創投相關的網站有什么標準可以參考，于是發現一家名叫：“烯牛數據”的網站，其提供的一套“行業體系”標簽很有參考價值，就說想把頁面上的數據抓下來，整合到我們自己的標簽庫中，如下圖紅字部分：
如果是規則展示的數據，還能用鼠標選擇后復制粘貼，但這種嵌入頁面中的，還是要想些辦法。這時想起之前安裝過Web Scraper，就用下試試，還挺好用的，一下子提高了收集效率。也給大家安利下~
Web Scraper這個Chrome插件，我是一年前在三節課的公開課上看到的，號稱不用懂編程也能實現爬蟲抓取的黑科技，不過貌似三節課官網上找不到了，大家可以百度：“三節課 爬蟲”，還能搜到，名字叫“人人都能學會的數據爬蟲課”，但好像還要交100塊錢。我是覺得這東西看看網上的文章也能學會，比如我這篇~
簡單來說，Web Scraper是個基于Chrome的網頁元素解析器，可以通過可視化點選操作，實現某個定制區域的數據/元素提取。同時它也提供定時自動提取功能，活用這個功能就可以當做一套簡單的爬蟲工具來用了。
這里再順便解釋下網頁提取器抓取和真正代碼編寫爬蟲的區別，用網頁提取器自動提取頁面數據的過程，有點類似模擬人工點擊的機器人，它是先讓你定義好頁面上要抓哪個元素，以及要抓哪些頁面，然后讓機器去替人來操作；而如果你用Python寫爬蟲，更多是利用網頁請求指令先把整個網頁下載下來，再用代碼去解析HTML頁面元素，提取其中你想要的內容，再不斷循環。相比而言，用代碼會更靈活，但解析成本也會更高，如果是簡單的頁面內容提取，我也是建議用Web Scraper就夠了。
關于Web Scraper的具體安裝過程，以及完整功能的使用方法，我不會在今天的文章里展開說。第一是我只使用了我需要的部分，第二也是因為市面上講Web Scraper的教程很豐富，大家完全可以自行查找。
這里只以一個實操過程，給大家簡單介紹下我是怎么用的。
第一步 創建Sitemap
打開Chrome瀏覽器，按F12調出開發者工具，Web Scraper在最后一個頁簽，點擊后，再選擇“Create Sitemap”菜單，點擊“Create Sitemap”選項。
首先輸入你想抓取的網站URL，以及你自定義的這條抓取任務的名字，比如我取的name是：xiniulevel，URL是：http://www.xiniudata.com/industry/level
第二步 創建抓取節點
我想抓取的是一級標簽和二級標簽，所以先點進去剛才創建的Sitemap，再點擊“Add new selector”，進入抓取節點選擇器配置頁，在頁面上點擊“Select”按鈕，這時你會看到出現了一個浮層
這時當你鼠標移入網頁時，會自動把某個你鼠標懸停的位置綠色高亮。這時你可以先單擊一個你想選擇的區塊，會發現區塊變成了紅色，想把同一層級的區塊全選中，則可以繼續點擊相鄰的下一個區塊，這時工具會默認選中所有同級的區塊，如下圖：
我們會發現下方懸浮窗的文本輸入框自動填充了區塊的XPATH路徑，接著點擊“Done selecting！”結束選擇，懸浮框消失，選中的XPATH自動填充到下方Selector一行。另外務必選中“Multiple”，以聲明你要選多個區塊。最后點擊Save selector按鈕結束。
第三步 獲取元素值
完成Selector的創建后，回到上一頁，你會發現多了一行Selector表格，接下來就可以直接點擊Action中的Data preview，查看所有想獲取的元素值。
上圖所示部分，是我已經添加了一級標簽和二級標簽兩個Selector的情況，點擊Data preview的彈窗內容其實就是我想要的，直接復制到EXCEL就行了，也不用什么太復雜的自動化爬取處理。
以上就是對Web Scraper使用過程的簡單介紹。當然我的用法還不是完全高效，因為每次想獲取二級標簽時還要先手動切換一級標簽，再執行抓取指令，應該還有更好的做法，不過對我而言已經足夠了。這篇文章主要是想和你普及下這款工具，不算教程，更多功能還是要根據你的需求自行摸索~
怎么樣，是否有幫到你？期待你的留言與我分享~
TML 的 onmouseover 事件是網頁開發人員工具箱中一個強大的工具。通過本文，你將全面掌握 onmouseover 事件的使用方法，并了解如何創建充滿活力和互動的網頁元素。從基本原理到高級應用，我們將探索 onmouseover 事件的各種可能性。
onmouseover 事件揭秘
onmouseover 事件在鼠標指針移動到特定元素上方時觸發。這為網頁開發人員提供了捕捉用戶互動并相應地改變網頁元素的機會。該事件通常與 onmouseout 事件搭配使用，后者在鼠標指針移出元素時觸發。
基本語法
onmouseover="代碼"
在這里，"代碼" 是指當鼠標懸停在元素上時你希望執行的 JavaScript 代碼。讓我們看一個簡單的例子：
<div onmouseover="alert('你好，世界！')">懸停我</div>
在這個例子中，當用戶將鼠標懸停在 "懸停我" 元素上時，它會彈出一個帶有 "你好，世界！" 消息的警示框。
動態效果和樣式更改
onmouseover 事件真正閃光的地方在于它可以改變網頁元素的樣式和外觀。你可以改變元素的背景顏色、邊框、字體大小等。來看一個例子：
<style>
.box {
width: 100px;
height: 100px;
background-color: lightgray;
}
</style>
<div class="box" onmouseover="this.style.backgroundColor='red'">
將鼠標懸停于此
</div>
在這個例子中，當鼠標懸停在方塊上時，它的背景顏色會變成紅色。
圖像效果
onmouseover 事件在圖像上也很有用。你可以創建圖像懸停效果，為你的網頁增添視覺吸引力。來看一個例子：
<img src="image1.jpg" onmouseover="this.src='image2.jpg'">
在這個例子中，當鼠標懸停在圖像上時，圖像會切換為 "image2.jpg"。
菜單和下拉列表
onmouseover 事件在創建菜單和下拉列表時也很有用。你可以顯示隱藏的菜單項或下拉列表，為用戶提供動態的導航體驗。
<div onmouseover="document.getElementById('menu').style.display='block'">
顯示菜單
</div>
<div id="menu" style="display: none;">
<a href="#">鏈接 1</a>
<a href="#">鏈接 2</a>
<a href="#">鏈接 3</a>
</div>
結論：釋放你的創造力
onmouseover 事件為網頁開發人員提供了增強用戶體驗和創建動態交互的機會。從簡單的樣式更改到復雜的菜單系統，onmouseover 事件都可以勝任。通過本文的學習，你已經掌握了 onmouseover 事件的基本原理和應用。現在，你可以利用這些知識，在你的網頁設計中加入生動的元素，創造出引人入勝的用戶體驗！釋放你的創造力，讓網頁更加充滿活力！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
