小程序入门学习

utils
pages存放小程序页面
utils存放工具性质模块
app.js小程序入口文件
app.json小程序全局配置文件
(pages 记录当前小程序所有页面路径
window 全局定义小程序页面背景色、文字颜色
style 小程序组件使用样式版本
sitemaplocation 指明sitemap.json位置)
app.wxss小程序全局样式文件
project.config.json项目配置文件
(setting编译相关配置
projectname项目名称
appid小程序账号)
sitemap.json配置小程序及页面是否允许被微信索引

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


wxml
wxml 和 html区别
1 标签不同
html   div  span  img        a
wxml view text image navigator
2 属性不同
html 超链接
wxml
3 提供了类似vue模板语法
数据绑定
列表渲染
条件渲染

wxss
wxss和css区别
1新增rpx尺寸单位
wxss在不同大小屏幕上自动进行换算
css需要手动进行像素单位换算
2提供全局样式和局部样式
项目根目录app.wxss作用小程序所有页面
局部页面.wxss对当前页面生效
3wxss仅支持部分css选择器
.class和#id
element
并集、后代选择器
::after和::before等伪类选择器

.js文件分类
app.js
整个小程序入口文件 调用App()函数启动页面
页面.js
页面入口文件，调用Page()函数创建运行页面
普通.js
普通功能模块文件，封装公共函数或属性供给页面
        

宿主环境

程序运行索必须的依赖环境

小程序宿主环境四个内容

1通信模型

2运行机制

3组件

4API

通信主体

渲染层(wxml模板、wxss样式)、逻辑层(js脚本)

渲染层和逻辑层之间通信(由微信客户端进行转发)

逻辑层和第三方服务器之间通信(有)