JSON数据格式及其在WEB开发中的应用

严格的语法约束
  • 不能有ascii之外的字符,汉字应使用”\u6c49”格式;

  • 然而在utf-8流行的时代,汉字不编码已不是啥大问题了;

  • 不能有注释,行注释与块注释都不可以;

  • 字符串中不能有TAB,使用”\t”表示;

  • 对象中的所有的key都必须添加双引号,所有的字符串类型的value也都必须是双引号格式的;

json与js
  • 因为JSON源于JS,所以JSON在JS中具有得天独厚的优势;

  • 因为JS是web环境下B端开发语言的不二之选,所以JSON在WEB中大行其道;

  • 优势:

1. JS的语法子集,合法的JSON代码在JS中也是合法的JS代码,内嵌JSON传输随处可见,jsonp的原理便是基于此前提的;

2. 解析JSON数据的成本足够小,eval,json.js, JSON.parse(str)

3. 各种封装库直接透传json格式,导致json诞生之后迅速取代xml在数据传输中的地位;

4. JSON序列化在JS中也非常容易,json.js,JSON.stringify(json/*, null, "\t"*/);

eval解析json问题:

var str = “{“name”:“value”}”;

// 方法1

var json = eval(“(” + str + “)”); // 存在诸如 XSS 攻击风险

// 方法2

var json;

eval("json = " + str);

JSON在其他语言中的序列化问题
  • 这里不说解析(反序列化),只要是”合法的”JSON数据,解析库使用的正确,并且二者相匹配,不应该有问题;

  • 关于格式化问题:格式化是为了方便调试,生产环境中,应避免使用;

  • nodejs: 和浏览器中基本一致;

  • PHP: json_encode,json_decode(PHP 5 >= 5.2.0, PECL json >= 1.2.0)

  • Ruby: @json = @data.to_json, @data = JSON.parse(json)

  • Java:

  • JSON-java: JSONXXX.fromObject(str), obj.toString()

JSONObject jsonObj = JSONObject.fromObject(jsonString);

JSONArray jsonArr = JSONArray.fromObject(jsonString);

  • google-gson: gson.toJson, gson.fromJson
JSON与其他语言之间的类型对应关系

| json | js | php | ruby | java |

| — | — | — | — | — |

| boolean | boolean | boolean | true,false | boolean |

| number | number | integer, float | Integer, Float | int, float, double |

| string | string | string | String | String |

| array | Array | Array | Array | [] |

| object | Object | Array | Hash | Object(from class) |

| null | null | null | Nil | null |

数据类型问题为何如此重要?
  • 弱类型语言不代表没有类型

  • 最新的JS引擎(V8等),约束类型有利于性能

  • 让数据传输协议无歧义,简化约定

  • 让两端的代码处理逻辑简化,避免各种异常的问题

  • 严格遵守类型约定,可以规避很多容易被忽视的问题

  • 想一想各种二进制的数据传输协议,类型不是它们特有的

严格来说,JSON不是JavaScript的子集;
  • JSON: 不要误会,我真的不是JavaScript的子集

  • \u2028“,LINE SEPARATOR,下面的字符被认为是行终止符:

  • \u000A - Line Feed

  • \u000D - Carriage Return

  • \u2028 - Line Separator

  • \u2029 - Paragraph separator

  • 正因为这两个不可见的Unicode字符,JSON便不是JavaScript的一个子集了,就差了这么一点点;

JSON的高阶应用
  • JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

  • MongoDB底层存储为JSON格式;

  • JSONiq是个构建在XQuery之上的新型查询语言。类似于SQL或是LINQ,它提供了诸如let、for、where、group by与select等语法支持概念;

  • JSONSelect http://jsonselect.org JSONSelect是一个实验性的JSON选择语言, 她很容易从复杂的JSON文档中访问数据, 看上去就跟CSS一样.

  • JSONiq http://www.jsoniq.org JSONiq是一个小型而简洁的XQuery语言扩展来提供JSON支持

  • JsonML http://www.jsonml.org JsonML(JSON标记语言)是应用程序的JSON格式. 它使用基本的JSON数据格式机制并将其应用于XML的表示.
    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里免费获取

可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里免费获取

html5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值