美文网首页
小程序(框架主体文件)

小程序(框架主体文件)

作者: 乾丽无限 | 来源:发表于2018-03-01 00:05 被阅读0次

框架主体文件由 app.json、app.js、app.wxss 构成,这3个文件必须放置在项目根目录,一个小程序只有一份,他们负责小程序整体的配置;

1、app.json:小程序公共设置,配置小程序全局设置。

2、app.js:小程序逻辑文件,主要用于注册小程序全局示例,编译时会和其他页面逻辑文件打包成一份 JavaScript文件。

3、app.wxss:小程序公共样式表,对所有页面的布局文件都有效。


1、配置文件(app.json)

app.json在程序加载时加载,负责对小程序的全局配置,其配置项有:

pages:设置页面路径

window:设置默认页面的窗口表现

tabBar:设置 tab的表现

networkTimeout:设置网络超时时间

debug:设置是否开启 debug 模式,默认关闭。

app.json 文件内容整体结构如下:

文件内容

2、小程序逻辑(app.js)

小程序中逻辑文件分为页面逻辑文件和小程序逻辑文件,app.js 便是小程序逻辑文件,在这个文件中,我们可以通过 App()函数注册小程序生命周期函数、全局方法和全局属性,已注册的小程序实现可以再其他逻辑层代码中通过 getApp()获取。

2.1注册小程序

注册小程序

2.2获取小程序实例

获取小程序实例

3、全局样式(app.wxss)

 app.wxss是全局样式表,对项目每个页面都有效,可将一些系统级别的统一样式风格写入这个文件,页面渲染时,框架页中的.wxss文件样式会覆盖 app.wxss 中相同的选择器样式。

相关文章

  • 小程序(框架主体文件)

    框架主体文件由 app.json、app.js、app.wxss 构成,这3个文件必须放置在项目根目录,一个小程序...

  • 微信小程序与LOL——搞笑一乐

    微信小程序与LOL——搞笑一乐 文件类型 微信小程序 LOLwxml 主体框架 ...

  • 2019-10-21 微信小程序学习笔记

    小程序学习笔记 1.小程序目录结构 框架全局文件+框架页面文件 微信小程序框架=逻辑层+视图层+json配置文件 ...

  • 微信小程序大体框架

    文件结构 框架程序包含一个描述整体程序的app和多个描述各自页面的page。 一个框架程序主体部分由三个文件组成,...

  • 小程序学习笔记

    一、全局框架 小程序的主体由三个文件组成:app.js、app.json、app.wxss 一个小程序的页面由四个...

  • 微信小程序架构篇

    一、小程序架构每个小程序的结构都有两个主要部分构成:主体部分+各个页面。类似于许多框架,主体部分主要用于核心的配置...

  • 2. 小程序:文件结构

    文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成...

  • 2.微信小程序-B站:需要先知道这些

    文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,...

  • 小程序(框架页面文件)

    小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小...

  • 小程序目录结构

    小程序目录结构 文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分...

网友评论

      本文标题:小程序(框架主体文件)

      本文链接:https://www.haomeiwen.com/subject/fmsvxftx.html