小程序(框架页面文件)

小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小程序会根据 app.json 配置的路径找到对应的资源进行渲染。

.js文件:页面逻辑文件,必要项。

.wxml文件:页面结构文件,必要项。

.wxss文件:页面样式文件。

.json 文件:页面配置文件。

与框架主体文件相比框架页面文件多了一种页面结构文件,其余3个文件和框架主体文件的功能类同,下面我们一一讲解每个文件作用。

1、页面配置文件

页面的.json 只能配置 window 相关属性,编写时只需直接写出属性,如下所示:


页面配置文件

2、页面逻辑文件(JavaScript)

2.1、注册页面

2.2、获取当前页面栈

2.3、事件处理函数

2.4、触发视图层渲染

2.5、页面生命周期

3、页面结构文件(WXML)

3.1、数据绑定

3.1.1、简单绑定

3.1.2、运算

3.1.3、组合

3.2、条件渲染

3.2.1、wx:if

3.2.2、block wx:if

3.2.3、wx:if 与 hidden

3.3、列表渲染

3.3.1、wx:for

3.3.2、wx:for-index 和 wx:for-item

3.4、模板

3.4.1、自定义模板

3.4.2、使用模板

3.5、事件

3.5.1、事件分类

3.5.2、事件绑定

3.5.3、事件对象

3.6、引用

3.6.1、import

3.6.2、include

4、页面样式文件(WXSS)

4.1、尺寸单位

4.2、选择器

4.3、内联样式

4.4、样式导入

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件、事件系统,可...
    许剑锋阅读 7,262评论 3 51
  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 47,462评论 9 68
  • 最近做了一个投票的微信小程序,开发过程主要还是参考官方文档:https://mp.weixin.qq.com/de...
    june5253阅读 22,179评论 1 11
  • 微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们...
    伍华聪_开发框架阅读 1,666评论 0 53
  • 雪,如期而至 洋洋洒洒,像个画家 绘出一幅粉状玉砌的世界 雪,姗姗来迟 像个顽皮的恋人 吻着,亲着 满身都是她相思...
    草虫玲子阅读 269评论 2 8

友情链接更多精彩内容