微信小程序缓存图片

近期公司的小程序有个需求，就是要把列表页的缓存在本地，下次在打开的时候就不用从网络进行请求了，因为用户的网络不是很好；

想法是先把缓存起来，然后把的路径和订单编号保存在storage里面；

用订单编号进行对比，id相同的话就把网络路径替换成本地缓存路径；

检查缓存里面之前有没有存这张照片，有的话就直接赋值，没有的话就先缓存，然后把路径和订单号存起来，再赋值

如果有新的要替换，就把最前面的给删除了

查阅了官方文档，发现可缓存可以存200MB；

所以先决定给缓存前十张试试水;

返回的列表数据是数组里面套对象，地址为reserve4;

在utiljs里面写

然后在请求数据的地方调用这个方法

时间紧迫写的比较粗糙，用于记录。如果有什么地方写的不好或者有bug的请大家指出，谢谢。

微信小程序获取高度的方法有多种，以下是其中几种常用的方法：

1 使用wxgetImageInfo()方法获取信息，包括的宽、高等信息，代码如下：

wxgetImageInfo({

src: '路径',

success: function (res) {

consolelog(reswidth) // 宽度

consolelog(resheight) // 高度

}

})

2 使用Image对象获取高度，代码如下：

var img = new Image()

imgonload = function () {

consolelog(imgheight) // 高度

}

imgsrc = '路径'

3 使用小程序自带的组件，如image标签，通过bindload事件获取高度，代码如下：

<image src="路径" bindload="getImageHeight"></image>

getImageHeight: function (e) {

consolelog(edetailheight) // 高度

}

以上是微信小程序获取高度的几种方法，开发者可根据实际需求选择适合自己的方法。

1微信小程序自定义模板功能有哪些呢

微信小程序不同功能模块都有这些作用： 轮播图 顾名思义，轮播图就是自动切换的幻灯片，它可以使整体的页面效果变得更加灵动。

导航 导航的作用就可以很多了，你可以用它来做首页的导航、广告位、分类，活动展示图，或者放上一些你想突出表达的内容。导航可以一排展示1个到4个不等，大家可以根据自己的需求及效果自行决定 分割线 分割线的作用很简单就是用于不同模块之间作为区分的线条，能够真假页面的整体视觉效果 辅助空白 辅助空白与分割线的作用大体相似，我们可以利用它来做一些分隔的作用，空白大小大家可以自己把控。

商品列表 商品列表这个模块看上去就很简单了，这里你可以展示某个分类的商品，也可以展示你所指定展示的特定商品。商品列表可以选择是一排展示一个商品还是两个商品，同时还可以选择不同分类下商品的展示数量。

视频 这个相信大家都能看懂，这里多展示的就是视频模块，我们可以选择自己所想要展示的封面图和视频链接。 文本导航 文本导航即文字导航部分，我们可以自定义导航模块的背景色、文字颜色及文本内容等，同时可以链接到我们所需要的链接的页面。

商品搜索 这个模块就是一个文本搜索框，用户可以在小程序前端搜索自己所需要的商品信息。 公告内容 这个模块会展示公告内容，可以是公司简介，可以是商城介绍，我们可以选择公告的背景色及文本颜色。

富文本 富文本跟公告内容相似，不同的是我们可以对文本进行更深层次的编辑，让页面的效果更加完美。 优惠券 优惠券模块即卡券的领取区域，我们可以将我们设置好的优惠券放在这个区域方便用户去领取使用。

注：单个模块最多能添加3个优惠券，如果优惠券过多可使用多个优惠券模块。 底部导航 底部导航也就是我们常说的底部菜单导航，我们可以自定义设置自己所需要的菜单导航部分。

一、小程序和APP有什么区别

商机，我觉得小程序或是APP都需要一个好的点子超强的执行力运气，但是小程序在微信中更易传播、用户进入门槛更低。

只要小程序有意思、有新意很有可能能获取井喷式的用户增长，比如之前的朋友印象、工具类的传图识字等等。

区别的话主要是：

APP：可无限拓展，较高的自由度，适用于一些功能复杂、对交互、设计有要求的应用，用户可更加方便的长期使用

微信小程序：触手可及，用完即走，开发较为简单，但必须依赖于微信很难进行扩展延伸，即功能受限于微信提供的接口，适用于功能单一、低频的应用

如果细分的话也可以从以下几点来说

1、起源

APP：全称为移动应用程序（mobileapplication），是设计给只能手机、平板电脑等设备运行的一种应用程序，目前主流的移动设备 *** 作系统为Android和iOS，距离2018年发布已超过十年。

微信小程序：是一种不需要下载安装即可使用的应用，用户通过微信扫一扫或搜一搜即可打开，2017年1月正式上线。

2、用户群体

APP：面对所有智能手机用户，2017年智能手机用户为26亿。

微信小程序：面对所有微信用户，微信日活超过8亿。

3、使用

APP：固定在桌面上，随时可用

微信小程序：按照最近使用时间倒序排列，使用时需进行扫码/查找

4、下载

APP：需要从应用商店下载所对应的安装包，才可使用

微信小程序：通过微信扫描二维码/扫面小程序码/搜索即可进入小程序直接使用

5、功能

APP：可实现较为完整的功能

微信小程序：因受限于平台仅可实现部分功能，一般小程序功能都较为单一

6、适配

APP：需要针对不同手机进行适配

微信小程序：一次开发可适配所有手机

7、开发周期

APP：开发成本高，开发周期较长

微信小程序：开发成本低，平台已提供较多的接口供使用，开发周期短

8、市场

APP：中国2017年上线APP为500万左右

微信小程序：上线小程序数量58万

二，小程序是如何做出来的，下面我们来看看小程序如何制作。

方法1、微信官方简易教程

我们先来看看微信官网给出的简易教程。

起步基础，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码制作。

基础代码构成：

JSON配置：

我们可以看到在项目的根目录有一个appjson和projectconfigjson，此外在pages/logs目录下还有一个logsjson，我们依次来说明一下他们的用途。小程序配置appjson，appjson是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等

WXML模板：

从事过网页编程的人知道，网页编程采用的是HTMLCSSJS这样的组合，其中HTML是用来描述当前这个页面的结构，CSS用来描述页面的样子，JS通常是用来处理这个页面和用户的交互。

WXSS样式：

WXSS具有CSS大部分的特性，小程序在WXSS也做了一些扩充和修改。新增了尺寸单位。在写CSS样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位rpx，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。和前边appjson,pagejson的概念相同，你可以写一个appwxss作为全局样式，会作用于当前小程序的所有页面，局部页面样式pagewxss仅对当前页面生效。此外WXSS仅支持部分CSS选择器

JS交互逻辑：

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写JS脚本文件来处理用户的 *** 作。

嗯，上面是官方定义的“简易教程”基础中一小部分，对的，简易教程，“简易”。介绍到这里我已经感觉不到所谓的“简易”二字了。

做完基础还有更高级篇等着你，框架，组件，API，工具。这几个词看着简单，展开的内容足够写几本教科书了。

第二种方法第三方平台开发小程序

官方教程定义是否简易我们就不做文章解析了，对于一个商家和企业，我做个小程序还需要了解如此多的代码知识。或者有人说，我可以请个程序猿和设计狮，可以，土豪请随意，但是一个程序猿也需要花时间去敲代码，设计。这一整套制作下来，聪明的人少则一两个月，多着半年，甚至几年都没学会的。

在目前竞争如此激烈的社会，我们企业和商家讲究的都是时间就是金钱，同行竞争，抢占先机。你还会愿意花这么多时间去学习，敲代码，甚至请人提高成本吗？我想你们的回答都是，否。

那么那有没有办法可以让我们轻松且快速地制作小程序呢？

当然有！

我们只需要用到「速成应用」小程序可视化制作工具，马上就可以制作出好看的多功能的全行业的小程序，轻松应对各行各业的应用场景。

下面我们看看如何无需代码基础，轻轻松松制作小程序，教你搞定小程序制作！

小程序可视化制作工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版”等功能。中间是可视化设计界面，右边是设置。

1、组件

组件功能里面可以添加文字、、视频、文章和和商品列表等元素，都可以自定义样式，大小，边框、背景、颜色、阴影，圆角，透明度效果等等功能，还有幻灯轮播效果。

2、模块

模块库里有适应全行业场景现成的组件模块，幻灯轮播类、导航栏目类、商品展示类、图文展示类、纯文字类、创意图文类、元素图标类、商品列表，精美标题类等等，用户可以一键添加模块布局页面，组件内容均可自定义，无需重新设计排版，模块组件多，适应性高，拖一拖拽一拽，即可完成，自由组合搭配，真正做到千人千店。

3、模板

模板库里有适应全行业场景现成的模板，用户可以一键添加使用布局页面，模板上的内容均可自定义，都可重新设计排版自定义，模板多，适应性高，一键生成，制作小程序就是，快人一步。

如果使用模板功能，一键生成制作使用，花点就制作一个小程序了，是不是很方便。

最后，我想说的是，用对一个工具，选对一种方法，远远比重复的 *** 作来得高效

打开app，在主界面直接下滑，就可以看见小程序了。

app小程序，小程序的一种，英文名WechatMiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。app小程序、app订阅号、app服务号、app企业号是并行的体系。

app的主要社交功能，只有互相是app联系人才可以进行即时通讯。在通帧中，有文字消息、语音消息、语音输入、语音与视频聊天、照片与视频分享、定位分享、app红包、转账等功能。利用蓝牙和其他近场通信，app可以和附近的人获取联系，并提供各种功能，方便人们随时联系。同时，它还与腾讯QQ和脸谱等社交网络服务平台集成。照片还可以加上滤镜和注释，文字信息还可以机器翻译。

以上就是关于微信小程序缓存图片全部的内容，包括:微信小程序缓存图片、微信小程序如何获取图片高度信息、小程序轮播图知识点(微信小程序自定义模板功能有哪些呢)等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！