美文网首页一个程序猿的码农生活
一.对json、wxml、wxss、JavaScript的详解

一.对json、wxml、wxss、JavaScript的详解

作者: 帝子兮小柒 | 来源:发表于2020-04-29 23:05 被阅读0次

1.Json全称是JavaScript Object Notation(JavaScript对象表示法),它是存储和交换文本信息的语法。要知道Json不是一门编程语言,它只是一种数据格式,在小程序中,扮演着静态配置的角色。
第1章 Json使用案例分析
Json语法:
(1)数据在key-value对中
(2)数据由逗号分隔
(3)大括号保存对象
(4)中括号保存数组
如下打开app.json文件,我们既可以看到语法的格式,还可以看到作用:

{  // 注意最外层需要一个大括号包裹
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}  // 注意最外层需要一个大括号包裹

其中pages和window是key,需要用双引号(注意不能是单引号)引用,大括号{}中是key-value对,即使是"window"中的value也需要是key-value对。
尝试修改第 9 行为 "navigationBarTitleText": "MiniProgram" ,保存代码,开发者工具自动刷新后,注意到模拟器顶部 bar 的文本字段由 Wechat 变为了 MiniProgram。

微信图片_20200429231934.png 微信图片_202004292324541.png 微信图片_202004292319341.png
微信图片_20200429232454.png
可以看出JSON文件在小程序代码中扮演静态配置的作用,在小程序运行之前就决定了小程序一些表现,需要注意的是小程序是无法在运行过程中去动态更新JSON 配置文件从而发生对应的变化的。

Json的值(value)只能是以下 6 种数据格式:
(1)数字,包括浮点数和整数
(2)字符串,需要包裹在双引号中
(3)Bool值,true或者false
(4)数组,需要包裹在方括号中[]
(5)对象,需要包裹在大括号中{}(即对象可以包裹对象,例如上边的window)
(6)Null
(注:Json文件中无法使用注释,加入注释的话运行会报错)

相关文章

网友评论

    本文标题:一.对json、wxml、wxss、JavaScript的详解

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