零基础学做网站培训介绍

当前位置:

页面JSON文件作用是什么

以下为学做网站论坛关于“页面JSON文件作用是什么”讲解视频教程。

页面JSON是页面的配置文件,可以单独配置当前页面。 页面JSON文件重要性高于全局配置文件app.json
新建页面
新建页面pages

  1. 手动创建
    ①右击[pages]文件夹,选择“新建目录”
    ②右击新建的目录,选择新建“pages”
  2. 自动创建
    直接在app.json文件的[pages]选项中将新页面的路径写好,系统会自动创建所对应的四个文件。

删除页面
手动删除
鼠标右键单击需要删除的页面文件夹,选择“删除”
小程序配置文件.json

小程序/全局配置文件
小程序根目录下的app.json文件用来对微信小程序进行全局配置。
文件内容本质就是一个JSON对象
pages属性:
注意:数组的第一项代表小程序的首页。

window属性:

backgroundTextStyle- - -下拉 loading 的样式,仅支持 dark 暗色系加载点和light亮色系加载点;类型:string ;默认值:dark。
navigationBarBackgroundColor- - -导航栏背景颜色;类型:16进制色码值;默认值:#000000。
navigationBarTitleText- - -导航栏标题文字内容;类型:string;默认值:无
navigationBarTextStyle- - -导航栏标题字体颜色(仅支持black/white);类型:string;默认值:white。
window属性~下拉刷新
发现logs.js已经写好各个阶段钩子函数,观察后发现onPullDownRefresh下拉函数,这里添加验证代码,输出验证。

下拉无效:然而下拉后发现触发不了js回调,因为下拉功能需要配置,才可以支持下拉功能,即enablePullDownRefresh设置为true

下拉loading样式:
下拉刷新时,可以看到顶部有三个点闪烁的动画,而此时小程序是一片空白。
已经将backgroundTextStyle即下拉loading样式设置为light。为什么还不管用呢?
窗口背景色:
因为背景是白色的,因为颜色的原因,三个点闪烁的动画看不到,所以背景需要进行以下配置:


之前设置的下拉loading样式backgroundTextStyle为light浅色点,接下来可以改为dark深色点体验下。

真机下拉bug:
模拟器已经可以实现下拉刷新效果,但是真机测试后,发现出现不缩回的现象。
方案:可以使用wx.stopPullDownRefresh这个api

sitemapLocation属性
作用:指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json 文件。
sitemap.json为小程序收录设置文件,默认所有页面都能被索引,开发中一般不用进行相关配置。
页面配置文件page.json
作用:对本页面的窗口表现进行配置,文件内容本质为一个 JSON 对象(就是对单个小程序页面的配置,可以覆盖全局配置app.json)。
特性覆盖性,即每一个小程序页面可以使用同名 .json 文件来对本页面的窗口表现进行配置,但页面中配置项会覆盖 app.json 的 window 中相同的配置项。
常用配置项属性


navigationStyle导航栏样式



注意:
①特别低版本要求:微信客户端 7.0.0),客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效
②图片存储:本地图片过大会有限制提示,一般本地只存项目所用图标即可,如果是大图片,在开发里可以用链接指向图片位置。
disableScroll页面滚动
disableScroll的值设置为true,页面不可以滚动

原理:特别外侧元素设置超出隐藏。

数据格式限制:
JSON的值只能是以下几种数据格式:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 针对于网站中的一些特殊页面,WordPress提供专题页面功能。通过新建WordPress 专题页面,可以让我们在做网站中,制作一些特殊的网页版面。例如,
  • 在课程我们讲到,我们在建站时,可以建立页面和分类目录,然后在网站导航上调用页面与分类目录。更换页面的顺序,我们可以在后台修改每个页面的排
  • 在学做网站论坛的论坛制作课程中,我们讲到如何使用Discuz程序进行论坛网站建设,论坛网站可以任意去发贴。作为管理员的我们可能会发现一些别人发了一
  • 我们如果想做一个资源共享的网站,就离不开json,通过API接口来读取JSON数据信息。那么对于PHP程序开发的网站,PHP怎么通过API接口读取JSON数据呢?
  • 什么是JSON数据 (1277 次浏览)
    JSON数据是微信小程序中传输数据的一种格式。例如小程序在获取商品信息时,商品信息中有很多的信息,如商品名,商品价格,商品规格等等,这些数据从
  • 页面JSON是页面的配置文件,可以单独配置当前页面。 页面JSON文件重要性高于全局配置文件app.json新建页面新建页面pages 手动创建①右击[pa
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 很多学做网站论坛学员第一次购买了新的网站空间后,使用FTP软件连接网站空间时,会发现空间里有三个文件夹,分别是DB,LOG,WEB。很多同学不明白这三
  • 万网是国内空间最大供应商,它的特点是价格高,但稳定。对于做企业网站的学员来说,可以选择万网的空间。刚购买了万网的空间,会有以下几个文件夹,它
  • 有些学员购买网站空间之后,会发现空间本身就带有一个三级域名,如:jdnifeng.hk183146.idcbgp.net。而且删也删不掉。有些学员会认为这是空间被人恶意