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

資訊專欄INFORMATION COLUMN

iconfront優(yōu)化項目圖標(biāo)

Karuru / 1157人閱讀

摘要:為什么要使用圖標(biāo)字體使用這項技術(shù)總得有使用它的理由那么,我們來分析下的優(yōu)缺點,看是不是適合正在開發(fā)的項目。優(yōu)化項目性能字體的加載速度快于圖片,就算圖片經(jīng)過合并。

為什么要使用圖標(biāo)字體
使用這項技術(shù)總得有使用它的理由!那么,我們來分析下iconfront的優(yōu)缺點,看是不是適合正在開發(fā)的項目。
優(yōu)點

1、優(yōu)化項目工作流程

對于web前端項目中的圖標(biāo),很多情況下是使用的png圖片,但如果圖標(biāo)顏色要修改,就會要UI修改png圖片;這時,我們的iconfront就發(fā)揮作用了,因為它是字體,所以可以像字體一樣修改顏色(如:"color:#333");這樣無疑可以降低部分工作量。

2、優(yōu)化項目性能

字體的加載速度快于圖片,就算圖片經(jīng)過合并。

3、永不失真

因為PNG圖片是位圖,如果尺寸不合適,就會失真(跟打馬賽克差不多);而字體再怎么方大縮小也不會。
缺點

1、提高對UI的要求

UI對界面的設(shè)計往往是一個PS就能搞定,而如果使用圖標(biāo)字體(iconfront),就需要設(shè)計對應(yīng)的svg矢量圖,PS就無法做到,目前主要是用AI(Adobe Illustrator),這就提高了對UI的要求
如何簡單愉快地使用圖標(biāo)字體

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

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

相關(guān)文章

  • iconfront優(yōu)化項目圖標(biāo)

    摘要:為什么要使用圖標(biāo)字體使用這項技術(shù)總得有使用它的理由那么,我們來分析下的優(yōu)缺點,看是不是適合正在開發(fā)的項目。優(yōu)化項目性能字體的加載速度快于圖片,就算圖片經(jīng)過合并。 為什么要使用圖標(biāo)字體 使用這項技術(shù)總得有使用它的理由!那么,我們來分析下iconfront的優(yōu)缺點,看是不是適合正在開發(fā)的項目。 優(yōu)點 1、優(yōu)化項目工作流程 對于web前端項目中的圖標(biāo),很多情況下是使用的png圖片,但如果圖標(biāo)...

    Riddler 評論0 收藏0
  • 如何在vue中使用iconfront(離線狀態(tài) 離線字體)

    摘要:端使用文檔來源于官方文檔用戶在可以下載,多種格式的,平臺也可將圖標(biāo)轉(zhuǎn)換為字體,便于前端工程師自由調(diào)整與調(diào)用。 web端使用(文檔來源于官方文檔) 用戶在iconfont.cn可以下載,多種格式的icon,平臺也可將圖標(biāo)轉(zhuǎn)換為字體,便于前端工程師自由調(diào)整與調(diào)用。 第一步:拷貝項目下面生成的font-face @font-face {font-family: iconfont; src...

    baiy 評論0 收藏0
  • [盤點]項目中可以怎么優(yōu)化圖片

    摘要:雪碧圖雪碧圖就是把很多小的圖整合到一起,制作成一張比較大的圖,然后作為元素的背景圖片使用,定位到相應(yīng)的圖片即可。除此之外,使用雪碧圖,有兩個個注意地方不要把頁面所有的圖片都合并,比如把整合會破壞的語義結(jié)構(gòu)。 看似平常的事物,往往會蘊含的巨大的智慧。把看似平常的事物簡單做好,可能很正常。如果能把平常的事物做精,做細(xì),這個不平常。 1.前言 每一個開發(fā)者在開發(fā)項目中,不可避免要和圖片打交道...

    lykops 評論0 收藏0
  • [盤點]項目中可以怎么優(yōu)化圖片

    摘要:雪碧圖雪碧圖就是把很多小的圖整合到一起,制作成一張比較大的圖,然后作為元素的背景圖片使用,定位到相應(yīng)的圖片即可。除此之外,使用雪碧圖,有兩個個注意地方不要把頁面所有的圖片都合并,比如把整合會破壞的語義結(jié)構(gòu)。 看似平常的事物,往往會蘊含的巨大的智慧。把看似平常的事物簡單做好,可能很正常。如果能把平常的事物做精,做細(xì),這個不平常。 1.前言 每一個開發(fā)者在開發(fā)項目中,不可避免要和圖片打交道...

    hedzr 評論0 收藏0
  • 借助webpack對項目進(jìn)行分析優(yōu)化

    摘要:由于項目的不斷擴(kuò)大,只會影響我們定位功能和問題的速度,因此對冗余文件進(jìn)行清理,是很重要的。我們在項目中使用的,自動將各個圖標(biāo)進(jìn)行。 進(jìn)入公司之后,接手的便是前人留下來的一個大項目。慶幸的是整個項目擁有完善的產(chǎn)品功能文檔,但是由于項目過于龐大,老舊。包含了打包過慢,冗余文件過多等諸多問題。想要快速的解決這些問題,想要完全把功能重構(gòu)一遍的話,成本太高了。一個一個文件來過,時間成本也比較大。...

    Me_Kun 評論0 收藏0

發(fā)表評論

0條評論

Karuru

|高級講師

TA的文章

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