微信小程序学习笔记1

1 基本组成结构

（1）pages 存放所有小程序的页面

官方建议把所有页面都存放在pages目录下，以单独文件夹存在。

---

每个页面由4个基本文件组成：

（1）.js文件（页面脚本文件，存放数据、事件处理函数……）

（2）.json文件（当前页面配置文件，配置外观、表现……）

（3）.wxml文件（页面的模板结构文件）

（4）.wxss文件（页面的样式表文件）

---

WXML模板

是小程序框架设计的一套标签语言，用来构建小程序页面的结构，类似HTML。

其中与HTML的区别如下：

---

WXSS样式

一套样式语言，描述WXML组件样式，类似CSS。 

其中与CSS的区别如下：

  ④ WXSS 还扩展了：@import 样式导入

---

JS逻辑交互

处理用户的操作。小程序中的JS文件分为三大类：

（1）app.js

        是整个小程序项目的入口文件，通过调用App()函数来启动整个小程序。

 （2）页面的.js文件

        是页面的入口文件，调用Page()函数来创建并允许页面。

 （3）普通的.js文件

        是普通的功能模块文件，用来封装公共的函数或属性供页面使用。

（2）utils 存放工具性质的模块

（3）app.js 小程序的入口文件

（4）app.json 小程序的全局配置文件

包括了小程序的：

（1）所有页面路径：pages

（2）窗口外观：window

（3）全局定义小程序组件所使用的样式版本：style

// "style":"v2" 默认使用最新版本，若删掉则使用旧版本

（4）指明sitemap.json的位置：sitemapLocation

（5）底部tab

  ……

（5）app.wxss 小程序的全局样式文件

（6）project.config.json 项目的配置文件

记录对小程序开发工具所作的个性化配置。其中：

（1）setting：保存了编译相关的配置

（2）projectname：保存了项目名称

（3）appid：保存了小程序的账号ID

（7）sitemap.json 配置小程序及其页面是否允许被微信索引

微信现已开发小程序内搜索，类似PC网页的SEO。当开发者允许微信索引时，微信会通过爬虫形式，为小程序页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功时，小程序页面可能展示于搜索结果中。

---

当不允许被所有时："disallow"。

// 默认都允许被索引

2 新建小程序页面

只需要在app.json -> pages 中新增页面的存放路径，小程序开发者工具会帮我们自动创建对应的页面文件。如：

 3 修改项目首页

调整app.json -> pages 数组中页面路径的前后顺序即可。小程序会把排在第一位的页面，当作项目首页进行渲染。如：