微信小程序开发文档

最近接触小程序开发，我特将本次开发过程中所使用到的相关知识点进行了总结，以作为经验的积累。希望给自己以后的开发，提供一些帮忙，同时提高解决问题的能力。如有错误，请大家指正。 github地址 ； 项目地址 ； weui：使用微信原生视觉体验样式库 认识： WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 官网： https://weui.io/ github地址: https://github.com/weui/weui-wxss 微信推出了一套官方样式库,方便大家开发,对于一些类似的UI界面我们需要引入即可,无需重复造轮子。我们只需导入weui.wxss等即可减少大量的css布局工作. 关于本地图片资源路径（background） 小程序只有image标签支持本地图片资源路径，wxss里的background-image不支持。 如果想在css中使用背景图，解决方法： 1、将本地图片用线上地址转化成base64路径。线上转化base64的地址： http://imgbase64.duoshitong.com/ 2、url里面的图片来源必须填写外链。如下： area{ background: url('https://mirror-gold-cdn.xitu.io

笔记内容：开发第一个小程序页面 笔记日期：2018-01-04 自动生成的小程序文件结构简介 新建一个项目： 创建完项目后，可以看到左边有个手机窗口般的界面，这是效果的展示页面： 还可以查看启动日志： 右边则是工程代码编写的地方，pages目录下存放着所有页面相关的文件或目录，index目录和logs目录就代表着以上的两个页面： 程序的入口文件，这三个文件在全局中是唯一的，而且文件名称是固定的： 接着我们先来看看web开发常见的文件结构： 然后再来看看小程序的文件结构： 可以看到，与web开发的文件结构很相似，所以不难看出实际上小程序开发用的就是web的技术。 在上图的文件结构中，.js文件和.json就没什么好说的了，就是JavaScript文件和json文件，除此之外可以看到有.wxml和.wxss文件，这个两个文件分别对应着html和css文件。而且也有就近原则：当有两个样式文件对某个组件设置了样式的话，会以最近的那个样式文件为准。例如，我要改变index页面的文本颜色，我在app.wxss文件中设置了文本颜色为红色，然后再到index.wxss文件里设置了文本颜色为蓝色，最终会以index.wxss文件里设置的为准，因为它离index.wxml近。其他文件也是一样的。 关于页面的层级： 上图中的index.wxml是一级页面，而logs.wxml是二级页面

1. 云开发简介 由于小程序本身存储数据的能力有限，所以不可能将大量的数据保存在客户端，而且将数据保存在本地既不安全，也无法与其他小程序用户共享，所以大多数小程序都需要一个服务端，服务端可以用多种技术实现，如PHP、Node.js、Python、ASP.NET、Java EE等。不管使用哪种技术实现服务端，开发一款小程序都需要至少配备两个程序员，一个是开发小程序的程序员，一个是开发服务端的程序员。而且这两个程序员之间还需要不断沟通，以便确认共同遵循的接口。 开发一款小程序需要两名或更多的程序员参与，一直困扰着很多小的创业公司，因为多雇佣一个人，就会增加很多成本。所以基于这个痛点，很多公司推出了云开发技术，例如Bmob就是较早推出云开发的公司，所谓云开发，就是将服务端的功能都封装起来，然后向客户端提供API访问这些封装的功能。服务端的主要功能无外乎数据存储、文件上传下载、视频/音频流等功能。这些功能大多开发都不困难，但比较费时，所以将其封装起来供客户端调用是一个非常好的主意。 腾讯最近推出了自己的云开发系统，不过这个云开发系统目前只能用于小程序，而且只提供了如下3种。 云数据库 云存储 云函数 云数据库是指在服务端提供的数据库服务，小程序云提供的数据库属于文档数据库，文档数据库有别于关系型数据库。传统的关系型数据库中可以保存若干个表，每一个表由若干条记录组成