小程序实现简单页面渲染

首页

一.配置文件

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

1.app.json用来对微信小程序进行全局配置，决定页面文件的路径（全局配置）
    1）.pages存放项目的页面（哪个页面在最前面，哪个页面就是默认页面）
    2）.window项目窗口：backgroundTextStyle背景文字，navigationBarBackgroundColor导航栏背景颜色，
enablePullDownRefresh是否开启全局的下拉刷新         navigationBarBackgroundColor导航栏标题，avigationBarTextStyle导航栏文字，
backgroundTextStyle全局下拉刷新
    3）.tabBar底部栏的配置：pagePath页面路径，必须在 pages 中先定义，iconPath未选中图标，selectedIconPath选中时的图片路径
selectedColor 文字选中时的颜色，backgroundColor 背景色，borderStyle上边框的颜色
    WXML跟html类似
    WXSS跟css类似
2.（页面配置）
pages意思是有多少个子页面

navigationBarTitleText：子页面标题

3.hidden与 wx:if区别
运行方式
wx:if以动态创建和移除元素的方式，控制元素的展示与隐藏
hidden以切换样式的方式（display：none/block），控制元素的显示与隐藏
使用建议
频繁切换建议使用hidden
控制条件复杂时，建议使用wx:if配合wx：elif、wx：else进行展示与隐藏切换

事件绑定  data-myid传参数    data固定值-自定义 =传递的参
bindtap绑定事件
catch绑定事件
区别：catch会阻止事件向上冒泡

image属性mode
widthFix    缩放模式，宽度不变，高度自动变化，保持原图宽高比不变

 轮播图属性swiper
indicator-dots   是否显示面板指示点false、true 
circular    是否采用衔接滑动false、true 
interval  自动切换时间间隔
autoplay  是否自动切换false、true 
indicator-color  指示点颜色

滚动属性scroll-view
可滚动视图区域。使用竖向滚动时，需要给scr