小程序开发 JSON转换的使用

Posted 观心静

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序开发 JSON转换的使用相关的知识,希望对你有一定的参考价值。

前言

  此篇博客讲解小程序的JSON使用,因为JavaScript与JSON泛用性太大。初学者很容易在JSON的使用上困惑。

 

字符串转JSON

请注意,下面的字符串json是带引号的。

    jsonTest() 
        let jsonString = "\\"id\\": \\"1\\",  \\"name\\": \\"测试JSON\\"";
        let data = JSON.parse(jsonString);
        console.log(data)
    

JSON转字符串

    jsonTest() 
        let json = 
            id: 1,
            name: "测试JSON"
        ;
        let data = JSON.stringify(json);
        console.log(data)
    

 

 

End

小程序开发基本认识

小程序开发流程

注册小程序
绑定开发者
开通腾讯云
下载安装工具
腾讯云环境部署

小程序目录结构

小程序开发,负责页面展示,事件交互,页面逻辑切换,数据存储和网络调用。

小程序目录结构中,包含3个app开头的文件(app.js,app.json,app.wxss)

app.js是全局的js。app.json是全局的配置。app.wxss是全局的样式。

{
  "pages":[
    "pages/logs/logs",
    "pages/index/index"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

app.json中进行页面注册,默认第一个就是首页。

小程序中还包括pages和utils。

phpstorm中,添加微信小程序识别

对.wxml文件的支持

对.wxss的配置

Alt+Enter

去掉这一项,就可以了。

以上是关于小程序开发 JSON转换的使用的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发4-JSON

微信小程序开发-page.json解析

小程序开发基本认识

微信小程序开发个人笔记

微信小程序开发 | 01 - 快速上手小程序开发

微信小程序开发学习