微信小程序的项目结构，wxml和html的区别,wxss和css的区别

一.项目结构

• pages 用来存放所有小程序的页面；
• utils 用来存放工具性质的模块（比如：格式化时间的自定义模块）；
• app.js 小程序项目的入口文件；
• app.json 小程序项目的全局配置文件；
• app.wxss 小程序项目的全局样式文件；
• project.config.json 项目的配置文件；
• sitemap.json 用来配置小程序及其页面是否允许被微信索引；

• page目录中，页面通常都以单独的文件夹存在：

.js文件（页面的脚本文件，存放页面的数据、事件处理函数等）
.json文件（当前页面的配置文件，配置窗口的外观、表现等）
.wxml文件（页面的模板结构文件）
.wsss文件（当前页面的样式表文件）

pages：用来存放微信小程序的的所有页面。

● .eslintrc.js：用来格式化代码，使代码风格保持一致。

**● app.js：微信小程序的入口文件，用来描述微信小程序的整体逻辑。App()>是该文件的入口函数 **

● app.json：微信小程序的全局配置文件，用来设置页面路径、窗口外观、页面表现、标签栏等。

● app.wxss：微信小程序的全局样式文件，文件可以为空。

● project.config.json：在微信开发者工具上做的任何配置都会写入这个文件中，当重新安装工具或者更换计算机工作时，只要载入同一个项目的代码包，微信开发者工具会根据该文件自动恢复成开发微信小程序时的个性化配置。

● project.private.config.json：用于保存微信开发者工具 的私人配置，配置的优先级高于project.config.json。

● sitemap.json：用于配置微信小程序及其页面是否允许被微信索引，如果没有该文件，则默认为所有页面都允许被索引。

● JS：类似网页制作中的JavaScript语言，用于实现页面逻辑和交互，文件扩展名为.js。注意，微信小程序的JS中不含DOM和BOM,不可以使用DOM和BOM，但它提供了丰富的API，可以调用它封装的API。

● JSON（JavaScript Object Notation，JavaScript对象符号）：对页面进行配置，文件扩展名为.json。注意，在微信小程序中.json全部与配置相关。

● WXML（Weixin Markup Language）：类似于网页制作中的HTML语言，用于构建页面结构，文件扩展名为.wxml。

● WXSS（WeiXin Style Sheets，微信样式表）：类似于网页制作中的CSS语言，用于设置页面样式，文件扩展名为.wxss>。

通信模型：微信小程序实现了渲染层（wxml和wxss）、逻辑层和第三方服务器的通信。

二.wxml和html的区别：

①使用标签不同。

②wxml提供了和vue.js中模版语法类似的模版语法，而html没有。

③html在浏览器浏览，而wxml在微信或开发工具中。

④wxml标签必须有结束符</>。

 三.wxss和css的区别：

①单位不同：css：px，wxss：rpx。

②wxss不能使用本地图片。

③wxss又去据央视文件爱你，而css没有。

四,组件

组件相当于html的标签。