美文网首页一个程序猿的码农生活
一.对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