基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无...

（1）优化建议setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。小程序的视图层目前使用WebView作为渲染载体，而逻辑层是由独立的JavascriptCore作为运行环境。在架构上，Web...

小程序调试面板 模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的API均能够在模拟器上呈现出正确的状态。点击工具栏中的编译按钮或者使用快捷键Ctrl(⌘)+B，可以编译当前代码，并自动刷新模拟器。同时为了帮助开发者调试从不同场景值进入具体的页面，开发者可以添加或选择已有的自定义编译条件进行编译和代码...

因项目需要，以map为背景，上面悬浮有其他组件。微信开发者工具测试时一切正常，但是真机测试时地图组件却把所有的组件覆盖，检查z-index设置，一切正常，地图组件层级也在这些组件的下面，为什么会被覆盖呢？ 查小程序官方文档，官方文档表示，map组件层级最高无法用z-index控制。这就很难受了。 &...

微信小程序之数据缓存 开发中常用setStorageSync来实现本地数据缓存操作 （1）点击缓存案例：<buttonbindtap="toStorage">存储</button>//本地存储toStorage(){//获取用户数据存到本地constappInstance=g...

生命周期是指一个小程序从创建到销毁的一系列过程在小程序中，通过App()来注册一个小程序，通过Page()来注册一个页面先来看一张小程序项目结构从上图可以看出，根目录下面有包含了app.js,app.wxss,app.json三个文件这是小程序的全局文件，app.js是小程序逻辑，app.json是小程序公共设置，ap...

 微信小程序提供的getlocation来获取用户的定位，能够得到用户的经纬度信息（注：getloaction需要用户授权scope.userLocation）结合map组件能够得到用户的详细定位<mapid="map"longitude="{{longitude}}"latitude="{{latit...

  本地数据缓存常用于存储多页面用到的数据，例如用户头像信息、（1）数据存储  wx.setStorage(Objectobject)与wx.setStorageSync(stringkey,anydata)wx.setStorage({key:"key",data:"value...

（1）<block></block>标签block常用于结合循环<blockwx:for="{{array}}"wx:key="{{index}}"><viewclass="aaa">{{item}}</view></block>array:[1,...

最近做的小程序，在真机测试发现有些本地图片在开发工具上可以显示，但是在真机上预览的时候不能显示代码是这样写的<viewclass='seat-size'wx:for="{{item}}"wx:key="index"wx:for-index="index"wx:for-item="citem"><ima...

 （1）视图容器名称功能说明movable-view可移动的视图容器，在页面中可以拖拽滑动cover-image覆盖在原生组件之上的图片视图cover-view覆盖在原生组件之上的文本视图movable-areamovable-view的可移动区域scroll-view可滚动视图区域swiper滑块视图容器s...

（1）目录结构    小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：  （2）允许上传的文件    &n...

（1）协同开发和发布  在中大型的公司里，人员的分工非常仔细，一般会有不同岗位角色的员工同时参与同一个小程序项目。为此，小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作。  网页开发：以往我们在开发完网页之后，需要把网页的代码和资源放在服务器上，让用...

（1）宿主环境  我们称微信客户端给小程序所提供的环境为宿主环境。小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。之前把小程序涉及到的文件类型阐述了一遍，接下来结合demo项目来讲一下这些文件是怎么配合工作的。   （2）渲染层和逻辑层 &n...

  通过开发者工具快速创建了一个demo项目，观察后可以发现这个项目里边生成了不同类型的文件：.json后缀的JSON配置文件.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件.js后缀的JS脚本逻辑文件  接下来分别看看这4种文件的作用 （1）JSON配...