導航:首頁 > 文件類型 > icons文件夾

icons文件夾

發布時間:2023-05-27 21:28:05

① 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盤的文件,隨便刪除,沒事。

閱讀全文

與icons文件夾相關的資料

熱點內容
win10錯誤2系統找不到指定文件 瀏覽:327
U盤啟動載入資源文件失敗 瀏覽:459
怎樣把ug的pdf文件導入cad 瀏覽:148
c盤文件刪不了怎麼辦 瀏覽:248
win7無線網路禁用 瀏覽:455
如何把電腦文件夾圖片放置在一起 瀏覽:702
如何對訪談法進行數據分析 瀏覽:388
國土三調文件用什麼軟體什麼打開 瀏覽:651
數控銑床編程特點是什麼 瀏覽:119
飛鴿傳輸一次能傳多少文件 瀏覽:488
手機照片許可權怎麼設置密碼 瀏覽:341
es文件瀏覽器怎麼隱藏 瀏覽:649
刪除的文件為什麼恢復 瀏覽:314
血緣詛咒怎麼升級 瀏覽:604
文件分享到微信怎麼操作 瀏覽:393
tmx文件trados 瀏覽:704
大數據與會計選課怎麼選 瀏覽:684
網路的不穩定因素有哪些 瀏覽:950
獵豹瀏覽器javascript 瀏覽:723
哪個列印軟體保存數據時間長 瀏覽:873

友情鏈接