技术栈
- 前端:HTML5、CSS3、JavaScript
- 后端:PHP、Python、Node.js、Java任一种
- 版本控制工具:Git
- 算法、数据结构
- 加分项:Vue.js、React-Native
MINA框架为小程序的运行提供了丰富的组件和API。
微信小程序账号的注册(个人开发者)
mp.weixin.qq.com 注册
微信开发者工具的使用
个人小程序功能有限,微信支付、微信认证,有些接口也不对开发者开放。
小程序的AppID相当于小程序平台的一个身份证,在开发设置里。
下载开发者工具并安装
小程序目录结构
主体文件/页面文件/其他文件
上图所示的目录结构是一种比较好的分层结构,也可以不采用这种目录结构。
整体来说,一个小程序包含一个描述整体程序的主体文件和多个描述各自页面的页面文件以及一般还会使用到的图片、音频、视频、通用js模块、通用模块等其他文件。
主体文件
app.js主逻辑文件/app.json主配置文件/app.wxss主样式文件
页面文件
.js页面逻辑文件(必填)/.wxml页面结构文件(必填)/.wxss页面样式文件/.json页面配置文件
为了方便开发者减少配置项,页面的四个文件必须具有相同的路径与文件名。
配置文件
主配置文件app.json中第一个就是pages配置项,这是一个数组属性,数组中的每一项都是一个字符串,用来指定小程序由哪些页面组成。
- 数组的每一项代表对应页面的【路径+文件名】信息。
- 文件名不需要写文件后缀,因为小程序会自动去寻找路径下 .json/.js/.wxml/.wxss四个文件进行整合。
- 数组的第一项代表小程序的初始页面。
窗口状态配置
微信小程序运行时窗口的状态是由主配置文件app.json中window配置项进行配置,这是一个JSON对象数据,用于设置小程序的标题、导航栏、窗口背景色等。
页面配置文件
每个小程序页面也可以使用.json页面配置文件来对本页面的窗口表现进行单独配置。比如,很多时候需要在不同页面显示不同的标题等。 - 页面配置文件只能设置windows相关的配置项,所以无需写window这个属性(但外部的花括号不能省)。
- 页面配置文件中配置项会覆盖app.json的window中相同的配置项。
tabBAr是指在微信小程序顶部或底部有一个用来切换页面的tab栏。由主配置文件app.json中tabBar配置项进行配置,这是JSON对象数据,在tabBar中有5个属性。
- tabBar中list属性是一个数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序。
- 当设置position为top时,将不会显示图标。
图标
除了自己ps,也可以往上下载:
www.iconfont.cn 国内最著名的图标搜索及管理平台
https://icomoon.io/app/#/select WEB字体图标制造器,能生成icon图或字体。
Faststone capture可以方便地捕捉颜色