微信小程序之雪碧圖(css script)
今天有朋友問我關於微信小程序中如何在不占用大量網絡帶寬的情況下快速加載圖片，我給他推薦了兩種方式 1.雪碧圖(css script),有過前端經驗的朋友應該都有接觸過。 2.懶加載。 由於時間關系我就先為大家介紹第一種雪碧圖加載，其實雪碧圖加載就是將多張大小尺寸基本相同類型的圖片 拼湊 ...
原文：如何在小程序中使用雪碧圖
小程序對上傳的代碼有 M的大小限制，因此一般在小程序中使用icon的時候，要么是用icon font，要么就是將icon圖片上傳到cdn再使用，而不會將圖片放在本地。但是使用icon font有一個問題，就是不能使用漸變色，因此，需要漸變色的icon都只能使用圖片來完成。如果這樣的icon少還可以手動一張張上傳到cdn，但是多到 張，手動傳就是一件耗時費力的事了。因此，我們需要把我們的icon整 ...
2020-04-18 11:29 0 823 推薦指數：
相關推薦
如何在微信小程序中使用字體圖標
微信小程序中，在image標簽里，可以在src中引用本地文件，但是background設置背景圖或者使用字體圖標的時候，卻不能引用本地文件，只能用url地址的圖片或字體，或者使用base64編碼后的格式，圖片我們可以在線轉換，隨便搜一下，有很多在線轉換工具，但是使用字體圖標的時候，怎么轉換 ...
如何在微信小程序中使用Echarts
前言： 之前因為疫情，看到有許多做疫情動態的小程序，自己也跟着做了一個 總的來說，不難，就是有接口，拿到數據之后，就進行展現就好 不過其中比較難的，就是疫情地圖部分，使用的是Echarts的可視化地圖 先上張圖，這里只講這個map組件（數據滯后，不要當真） 我使用的時候遇到很多坑 ...
如何在微信小程序中使用阿里字體圖標
第一步：下載需要的字體圖標 進入阿里圖標官網http://iconfont.cn/搜索自己想要的圖標。 如這里需要一個購物車的圖標，流程為： 搜索“購物車”圖標 ---> 點擊“添加入庫” ...
如何在微信小程序中使用iconfont
一、 IconFont添加字體 使用GitHub或其他賬號登錄iconfont，將我們需要的字體添加購物車，然后再添加到新建的項目中。 二、 生成代碼 點擊查看在線鏈接,生成代碼。 三、 下載代碼 點擊下載到本地，將下載好的字體文件中的iconfont.css中的樣式中的代碼粘貼到小程序 ...
如何在微信小程序中使用骨架屏
先上效果圖 骨架屏主要起到占位作用，向用戶說明該區域有內容，有一定的心理准備。 聊聊背景：剛上線一款小程序，隨着上架的東西越來越多，微信小程序加載越來越慢，會出現一段時間的白屏（大概2-3s），這對用戶體驗上來講特別不友好。所以在網上開始找這方面的資料，骨架屏主要分為兩種方案 ...
如何在微信小程序中使用ECharts圖表
在微信小程序中使用ECharts 1. 下載插件 首先，下載 GitHub 上的 ecomfe/echarts-for-weixin 項目。 下載鏈接：ecomfe/echarts-for-weixin 2. 運行項目可查看圖表示例 3. 使用組件 //ec-canvas是提供 ...
使用Compass制作雪碧圖
遇見好的文章，筆者也會轉載。但是正所謂好記性不如爛筆頭，單純的拿來主義也不如自己的親自實踐。所以每次需要轉載的文章，我都會自己敲一遍，中間加入一些自己的思考。 這篇文章轉載自： ...