相關(guān)文章

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

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

  Riddler 2019-08-01 16:09 評(píng)論0 收藏0

• 如何在vue中使用iconfront(離線狀態(tài) 離線字體)

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

  baiy 2019-08-02 14:10 評(píng)論0 收藏0

• [盤(pán)點(diǎn)]項(xiàng)目中可以怎么優(yōu)化圖片

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

  lykops 2019-08-23 13:41 評(píng)論0 收藏0

• [盤(pán)點(diǎn)]項(xiàng)目中可以怎么優(yōu)化圖片

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

  hedzr 2019-08-02 12:07 評(píng)論0 收藏0

• 借助webpack對(duì)項(xiàng)目進(jìn)行分析優(yōu)化

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

  Me_Kun 2019-08-22 16:17 評(píng)論0 收藏0