有关知乎页面里,script的type为text/json的用法

Question

见zhihu的页面，script用text/json修饰，同时设置了data-name,请问这个用的是什么知识或原理？

Answer 1

data-*是自定义属性，允许你自行命名，并赋予任意值，作为数据存储。

Answer 2

就相当于申明一个变量，没什么特别的。。

看base.js，原理就是遍历$('script.json-inline')，输出所有配置到一个对象里……之所以是text/json，你用其他的text/aaa也是一样的，只要是浏览器不认识的script type，其中的代码就不会执行。