微信小程序之雪碧图(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制作雪碧图
遇见好的文章，笔者也会转载。但是正所谓好记性不如烂笔头，单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章，我都会自己敲一遍，中间加入一些自己的思考。 这篇文章转载自： ...