简介: https://developers.weixin.qq.com/miniprogram/dev/framework/ 这里是官网文档说明,讲的很详细,我从开发到现在一直看的都是官方文档,

  在开发中碰见很多坑,总结并记录下来分享给大家,其中有一些自己摸索出来的方案,个人感觉还是很不错的


在小程序中如何构建一个page: 

 操作步骤:

1> pages下新建目录dome

2> dome 文件夹右键新建 一个page (新手可以理解为html),会出现四个文件,他们自动引用。

      

3> 然后在app.json文件中json中有pages属性,将dome写在第一个,就可以调试dome.wxml页面了

 当然也可以使用编译模式中的设置自己的启动所调试的页面,如下图:

  

4> js 文件有微信小程序的固定书写格式,需要按照格式书写代码。格式如下---生成之后系统对每个函数都做了解释(重点记住data,onLoad,onReady,onShow 经常用到,官网也有对几个函数的说明)

    

   

Page():微信小程序js架构,在微信小程序相对应的wxml中也有对应的 page 标签,但是不在wxml编辑器中展示,如下图所示
data : 用于页面渲染数据
onLoad :在加载整个页面之前,渲染整个页面之前执行的方法,后期页面之间跳转都是通过onLoad方法(options属性中)获取页面之间传参数的
onReady : 在整个页面渲染完毕的时候执行的方法,可以针对一些方法需要必须的参数但是同时又不渲染立即渲染到页面上可以放在onReady请求里面
onShow :可以理解为在当前这个页面展示给客户一次就执行一次该方法,微信小程序的页面是分层级的,在每个层级关闭返回的时候也会执行该方法,多应用于跳转新的页面对数据的操作,
返回后重新请求该方法 其它的方法可以在官网查看,用到的比较少,但是微信小程序开发肯定都会用到的

 Eg:注意不管你在wxml页面里面写了什么,都是在page标签下渲染的,pagewxml文件的的结构,不可更改,但是可以修改其样式 

12-17 09:13