① react項目中使用svg
2.修改 package.json 啟動方式
4.在項目根目錄建立 config-overrides.js
5.在src目錄下新建icons 文件夾,碰渣笑將svg文件存在該文件夾下
6.建立 src/icons/index.js
導入原理: 這里
8.編寫svg組件
9.編寫css
說明:addWebpackMoleRule() 方法笑含添加的新 loader 會放在 eslint loader 之後的 loader 的 oneOf 內的第一個,由於是 oneOf ,所以不必擔心後面的 loader 影響該 svg ,該 svg 會被打包進 js 文件,動態掛載到 <body> 之下形成 <symbol>
1.執行eject
注意此操作不可逆
2.安裝svg-sprite-loader
3.配置 /config/webpack.config.js (npm run eject後的配置 )
注意新添加的loader一定要放到file-loader之前
4.在src目錄下新建icons 文件夾,將svg文件存在該文件夾下
5.建立梁困 src/icons/index.js
導入原理: 這里
7.編寫svg組件
8.編寫css
② 華為主題中的icons是啥文件
華為emotion ui的自帶主題在內部存儲/HWThemes文件夾里。擾友
查找方法:余嫌
1.打開自帶文件管理器。
2.進入【本地】-【內部存儲】。
3.安裝字母順序,找到H開頭的HWThemes文件夾。
4.打開即可看到華為主題文件。豎李手
③ 初識WebExtensions
WebExtension是一個打包好的、可供發布的安裝包,該安裝包中包含若干文件,主要用於跨瀏覽器開發附加組件的工具。
火狐自45版本開始全面支持WebExtension開發瀏覽器擴展,並逐漸邊緣化XPCOM 和 XUL,預計到2017年,WebExtension將成為火狐唯一合法的擴展開發方式。
用了火狐很多年,一直沒了解過其擴展開發流程,這次正好簡單熟悉一下。
WebExtension擴展必須包含一個名為manifest.json的文件,文件內包含有關擴展的基本元數據,例如它的名稱,版本和它需要的許可權。它也提供了指向擴展需要的其他文件。這也是之後通過about:debugging測試所需添加的唯一文件。
manifest.json可以指向以下幾種類型的文件:
我們今天要做一個簡單的插件,能實現以下功能:
1.在工具欄增加了一個新的按鈕
2.當用戶點擊該按鈕,我們會顯示彈出使他們能夠選擇一種動物。
3.一旦他們選擇的動物,我們將取代當前頁面的與所選動物的圖片內容。
根據需求,我們可以得出插件的結構圖:
首先編寫最重要的manifest.json文件
其中參數manifest_version,name和version這三個參數都是必填虛棚核的:
manifest_version 必填,值固定為2,額,你使用的版本就是第二代,總不能填3吧^ v ^
name 必填,是你插件的名字,這個隨便你取,到時候顯示在瀏覽器上的就是這個差掘名字
version 必填,是你插件的版本,看你自己的情況定。
description 選填,是對你插件功能的描述
icons 選填,是插件的圖標,注意,這里定義的圖標是顯示在附加組件裡面的,而不是工具欄上的,一般默認大小是48x48
permissions是設置列表許可權的,這里我們只需要簡單的actionTab功能即可
browser_action是對工具欄操作的具體描述:
default_icons 必填,展示在工具欄上的圖標,一般大小為32x32
default_title 選填,滑鼠懸停在圖標上顯示名字
default_popup用於點擊插件按鈕後展示的頁面,在這里必填,如果只有一個和皮功能可以不填(即點擊即用)
web_accessible_resources列出了我們要替換網頁的文件,在這里必填
有了manifest.json文件後,我們就可以對所需文件進行一一配置。
在同目錄下,創建beasts,icons,popup這三個文件夾,分別用於存放用於替換的動物圖片,48和32兩類插件圖標和插件的操作界面
創建完後大概像這樣:
動物圖和圖標就大家自己去弄了哈,把自己喜歡的圖片添加進去就行了,但是注意哦,插件圖標的大小是48和32兩種格式哦,當然,在附加組件裡面的圖標可以使用96x96的。
這里我們再來說說popup這個文件,裡面存放的就是我們插件的操作界面
你可以根據自己的喜好設計,因為只是測試,就怎麼簡單怎麼來啦!我反正就用了簡單的三個文件。
HTML文件看起來是這樣的:
CSS加了點顏色和游標選擇變化:
js則是點擊選項後跳轉到具體操作的腳本文件:
創建一個新的目錄下的附加根,被稱為「content_scripts」,並創建一個新的文件叫「beastify.js」,這個文件用於處理choose_beast.js傳來的信息
這樣就大概完成了這個插件,如果要測試可以在瀏覽器中輸入:about:debugging
會出現以下界面:
點開臨時載入附加組件然後選擇manifest.json這個文件
如果想要其他人使用你的插件,你需要打包,並將其提交給Mozilla簽名。有了證書之後,就可以和大家分享你的成果了!
本文的內容均根據Mozilla的官方教程而來,如果想要深入學習的,可以多花花時間去看看哦,附上鏈接:
https://developer.mozilla.org/en-US/
④ 魔獸世界icons文件夾是幹嘛的
管理技能
物品圖標的文件夾。屬於游戲自腔租謹帶文件夾。
不想游戲崩潰就型嫌不要碰他,
崩潰了也可以在
戰網
裡面修復伍基,如果你不嫌麻煩的話。
⑤ 電腦中的Icons文件夾是什麼
放圖標的文件
⑥ 我的C盤里有個文件夾icons,可以刪嗎
C:\Documents and Settings\TEMP 裡面的都是臨時文件,訪問網頁產生的。
還有那些可能是病毒,因為常規沒念的TEMP文件1年才累積幾G
建議1,你態察謹用優化大師 ,裡面的 系統清帆基理
2,或者 重裝系統。
⑦ iconsgroup是什麼文件夾
可直接刪除,不影響;緩存。不是C盤的文件,隨便刪除,沒事。