小程序学习01

不存在十全十美的文章 如同不存在彻头彻尾的绝望

 

目录

小程序预备知识

开发前准备工作

应用目录的结构

小程序的MVVM架构

配置小程序

---

小程序预备知识

 

 页面布局：WXML，类似HTML

 页面样式：WXSS，几乎就是CSS（某些不支持，某些进行了增强）

 页面脚本：JavaScript+WXS，（JS，以及WeixinScript后续学习）

 开发前准备工作

 

 应用目录的结构

 小程序的MVVM架构

Vue的MVVM

 

 小程序MVVM

 

 命令式编程

 

 声明式编程 

 

MVVM架构将我们从 命令式编程 转移到 声明式编程 

 配置小程序

project.config.json：项目配置文件, 比如项目名称、appid等； https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html

sitemap.json：小程序搜索相关的； https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html

app.json：全局配置； 

page.json：页面配置；

 全局配置比较多, 这里将几个比较重要的. 完整的查看官方文档.

 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

 

 pages: 页面路径列表

用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。

小程序中所有的页面都是必须在pages中进行注册的。

window: 全局的默认窗口展示

用户指定窗口如何展示, 其中还包含了很多其他的属性

tabBar: 顶部tab栏的展示