怎么把json文件转为js文件

我们经常在后端的话呢，会获取到一些摘身数据，是吧？嗯，大概题的话就类似这样的意思啊，数据当然比这个肯定要内容要多，那么这个数据你获取之后啊，你可以在你的 api 测试工具当中把它给复制，我就在这模拟了，把它给复制啊，复制我也拿走。 然后呢这个时候呢，我们就可以使用这个插件，这个插件啊大家安装的时候就按这种方式安装，下面有说明。那使用这个插件我们就可以按 car 呃，调上这个插件，他呢会进行这个类型转转换，把剪切板当中的摘身数据啊转换成 ts， 我们点击一下，你看现在呢，我们就得到这个数据了，所以当你的数据这个体量非常大的时候，你想要 定一些类型啊，那就可以使用这个插件完成。然后呢某些类型你觉得不符合的时候，你再可以再进行细调。

如何将 jason 快速转换成对应的泪？你还在一个属性一个属性的敲么？我来教你解放双手。首先复制完整的 jason 对象， 然后在 vigil studio 中打开编辑菜单，找到选择性粘贴，选择将 jason 粘贴为类，然后再修改类名就可以了。怎么样，是不是很简单？赶快试试吧。

人人都能做前端，用阿贾克斯读取这份数据，新建一个文件，把文件保存一下，文件的扩展名改成 json 数据按 j 字格是写入到这个文件中， 再次保存一下这个文件。 为了让问题讲起来更容易一些，我直接用 jq 的阿贾克斯方法，使用 jq 需要引入 jq 的内裤文件。 一个读取 jc 数据的方法，用刀的对象的阿贾克斯方法调用 jc 文件。阿贾克斯方法的参数是一个配置对象，设置 uil 属性为一点 jc 一点摘森是刚才新建的摘森文件，设置刺客再次属性方法，对的是从服务器返回的数据，返回的是一个摘森数组， 循环一下这个数组，把一个摘分对象的数据显示在 idvdiv 一的 div 中， 给 btn 一按钮，昂克拉克事件绑定这个方法保存文件。当前文件的测试地址是这个。 如何搭建外国测试服务？参考合集的第五十六集或五十七集，复制测试地址， 把 http 地址粘贴到浏览器的地址栏中测试访问一下， 点击读取这份按钮，看到数据调出来了。

人人都能做前端，说一下 jason， jason 是一种数据存储的格式， jason 通过纯文本的方式在不同的编程语言间传递和共享数据，还可以以纯文本的方式存储在文件中。 在 j s 里， jason 通过自负串儿的方式定义，定义一个 jason s t r 的自负串儿变量。 jason 以花括号包围起来，花括号里是一对对的属性和值属性和值用冒号隔开， 属性名称要加双引号不从属性和值用逗号隔开。 摘森自付串可以转化为 g s 对象，用摘森对象的 pass 方法把摘森自付串解析为 g s 对象，传至给 jason o b g。 变量，显示一下 jason o b g。 的内幕属性， 给 jason o b g。 增加一个行为的属性，直设置为吃，显示一下行为属性，再给 jason o b g。 增加一个属性方法， 调用一下这个方法， j s 对象可以转化为 jason 自负串儿。用 jason 对象的自负串儿方法把 jason o b g。 转化为 jason 自负串，显示一下 jason 自负串儿。 可以看到属性方法 run 被去掉了， 在花括号外面加上中括号表示摘森数组， 解析一下斋森数组自付串，自付串被解析成 j s 对象，数组显示一下。以上就是斋森自付串和对象之间的转化过程，并不复杂。

啊，我们来说一下这道题，就是什么是 jason p， 如何使用 g s 实现 jason p 跨越请求，那么 jason p 呢？它是一种解决跨越请求的技术， 通常由于浏览器的同源策略限制，那么 gs 呢，他是不允许从不同域名的服务器请求数据的。但是呢，哎，我们可以通过使用 gcp， 我们可以绕过这个限制实现跨越请求呢，并获取数据。 好，那么 jason p 它的原理呢，就是通过动态创建 script 标签，从包含 jason 数据的 u i l 当中呢，哎，获取数据， jcp 请求将毁掉函数名称作为参数传递给服务器，那么服务器呢，将数据包装在毁掉函数中返回浏览器呢，它会自动执行该函数，从而呢使数据可用于客户端的 g s 代码。好，我们使用 g s 实现接生 p 跨域请求的步骤如下，第一个呢，就是创建一个用于处理毁掉的全局函数，那么该函数呢，将在获取到数据时被调用， 并通过参数接受服务器返回的数据，例如下面这个函数。第二步呢，就是动态创建 scrap 的标签， 并将毁掉函数作为参数传递给服务器。例如，比如我们去创建一个 scrap 的标签，然后呢，他的 src 呢，就是我们要去请求的这个地址，紧接着把它添加到咱们的页面当中。 那么在上面这个代码当中呢， handle respons 是毁掉函数的名称，它作为参数呢，传递给服务器，服务器呢，将数据包裹在毁掉函数当中。 好，第三步就是服务器返回数据的时候，使用毁掉呃函数来包装数据，并将数据作为参数传递给毁掉函数，例如服务器返回的响应可能如下， 就是内幕啊， jason a a 减三十在客户端呢，哎，浏览器，他会执行撼动了 respons 函数并将服务器返回的数据呢？作为参数传给该函数。我们使用 jasonp 进行跨越请求，需要服务端的一个支持。服务器端需要根据传递的会调函数名称来返回合适的响应。 在客户端，可以通过编写处理回返回数据的回调函数来处理服务器返回的数据。需要注意的是，由于接生皮安全性和可靠性的问题， 现在更多的倾向于使用跨越资源共享 cos 来进行跨越。那么 cos 呢？它提供了一种更安全和可控的方法来处理跨越请求。 ok， 这个呢，就是 jcp。

上传文件，你第一步千万不要去写什么界面啊，组件啊这些玩意儿，这些不重要，上传文件第一步要做的事情必须是调试接口，为什么呀？因为上传文件的本质就是一个 a p p 请求啊， 有一个服务器，然后呢，我们通过一个 app 请求把文件数据给他带过去，不就完成了上传文件了吗？至于说发送这个请求的客户端，他可能是网页，也可能是一个 app， 也可能是小程序，也可能是一个桌面应用，有可能是用户点击的某个东西，有可能是自动上传， 随便，不管你前面这个客户端做了什么样的事情，你最终要完成上传的动作，一定是一个请求过去了，同时把文件数据给他捎带过去了。所以说第一步呢，你一定要拿到你们公司的文件上传接口，他一定有个文档给你，你把这个文档 要好好阅读一下，然后单单的用这个接口去调试一下，看他通不通。如果说这一块都有问题的话，你后边怎么开发都是有问题的。所以说先把这一步搞定，不要写任何代码， 直接发请求。那么什么样的东西可以直接发请求呢？那工具有多了，常用的就是 poseman， a p， f x， 对吧？这些应该是你们接触的比较多的，甚至控制台呢，也可以发请求，比方说 co 命令， w get 命令， 对吧？都可以发请求。那我这里呢，用的是一个 vs code 的插件，叫做 rest client， 你首先呢，到插件市场里边去找到这个插件，然后去安装这个插件的好处啊，它就在于可以让你用一个非常原始的 a t p 请求格式，把请求发出去， 具体怎么用呢？看着啊，到工程里边去。比方说我们要上传这个图片，我们要发一个请求，怎么做呢？新建一个文件， 给它取个名字，名字随便取啊， test 后缀名呢？给它取上 atp。 好，那么在这里呢，就可以编写最原始的请求格式啊，比方随便来一个吧，来发一个 get 请求，怎么发？ atp？ 写意里边第一个单词就是请求方法是吧？然后呢，写上什么请求路径，比方说跟路径，然后写上请求版本这些没问题吧？ 然后写上什么 hot， 对吧？请求主机，主机是什么呢？比方说我们请求路易的官网啊，路易 edu 点 com 就完了呀，请求头请求行，然后呢，发送请求上面的按钮啊，点击一下， 你看服务器的响应结果不就过来了吗？对吧，这就是完成了一个非常简单的请求，而且呢给的是一个最原始的 atp 请求格式，这可以非常好的帮我们去理解这个请求的过程。那我们现在就利用这个工具来发送一个文件，上传的请求怎么发送呢？对，照着这个文档来，他怎么说你就怎么。 首先是请求路径，路径呢是这个，那么你在这里呢，该改一下啊，改成 upload single 啊，路径没问题了。然后是主机呢，主机呢？他会在文档最开始的时候就就会告诉你，一般来说每个公司呢，他会部署一些测试的服务器，那么你把他测试的服务器的主机名填进去就可以了啊，我这里呢是 test， 就靠九五二七。好，请求方法呢？文档里边也告诉你的啊，一般来说呢是 post 好，这里呢写上 post 好 post 请求一定要带一个请求头啊，叫做 content。 他表示说我后边的请求题里边的东西是一个什么样的格式？比方说你用的是接审格式，账号查查密码查查 比方用的这种格式的话，那么这里要写上什么？是不是 i b k 请节省对吧？学过的没问题吧。呃，那么这里呢，上传文件是一个什么样的格式呢？那就不一定了啊，每个公司呢，他有自己的要求，一般来说呢，是这种 格式 the mark part form data 好，于是呢，我们在这里呢，需要把请求格式给它变一下啊， mark part form data 这个格式呢，它会不会附带一个叫做 boundary 表示分割符？这啥意思呢？我们一会儿就知道了啊，先随便写表示一个分割符。好，那么接下来就开始写这个请求题了。请求题咋写呢？ 他一定要按照这个格式来写，他现在不是接上格式了，你就不能再这样写了。那怎么写呢？看好了啊，他是这么写的，用两个短横线 加上这个分割符作为一个字段的开始。比方第一个字段账号，那就填到这，当然具体的填法了以后我们再说，反正第一个字段的信息就填到这，然后接下来是第二个字段。 第二个字段的信息呢？比方密码填到这，第三个字段比方通信地址，那么你填到这，懂这意思吧？看到没，这个分割符他就起这么一个作用，当你把所有的字段全部填完之后呢，最后 后你需要用这种格式来结束前面两个横杠，然后加上一个分割符，然后再加上两个横杠，表示整个请求体结束了，这就是这个 marketpart form deta， 它的具体格式就这样子。那具体要写几个字段呢？我这里写了三个，对吧？具体写几个呢？那要看你的接口要求，他不是一定的 学程序，千万不要把他学死啊，他要求几个你就写几个。像我这里的单文件上传呢，就上传一个文件就可以了，因此呢，你只需要写一个字段就可以了啊，把这些全部删掉，那么这里呢，就写一个字段。那么每一个字段具体该怎么写呢？首先呢，写上一个固定的语句， 叫做 content desperation format 固定写法。然后呢，后边写上字段的名字。我举个例子啊，比方说刚才我们写接胜格是咋写的？账号，账号的值，对吧？那么这里的 name 呢，就相当于是这个属性名，或者叫做 键的名字。因此这里该怎么写也要看文档，文档里边要求你自断名称为 avata， 所有的自断名称影响到哪，它就影响到协议里边的这个部分， avata 相当于是一个属性名。好。然后呢，如果说是一个文本自断的话，那就没啥了。比方说这是一个 login id， 那后边直接写上账号的值就行了，只要账号的值是这个，直接写就完事了。 但是由于这个字段是一个上传文件的字段，你后边还要写上一个 fail name， 这个玩意起什么作用呢？它的作用是告诉服务器，这个文件在我本地的名字是啥？服务器呢，可以作为参考。比方说我要上传的这个文件叫 small 点 jpg， 这个文件的名字就是石墨者接脾气啊，你把这个名字给他写上就完事。当然呢，你也可以改成别的名字啊，无所谓的，只不过一般来说呢，我们写的是文件的本地名字。好，与此同时，由于呢，这个字段呢，他是 一个文件数据，所以说呢，我们还会告诉服务器这个文件的类型。注意啊，这里的 content type 和上边这个就不是一个意思，上边这个表达的意思呢，是整个请求题，他是什么样的格式哦，他是用分割符这样一块一块分割的这么一些字段， 这里的 ctrl 表示这个字段下是一个文件。这个文件的类型是啥？那么这里呢，写的是 mat 类型，这学过了是吧，就是用一个字符串来表达某一块数据的类型。这是什么文件？是一个图片什么格式？接 peg 好，那么前面这两段话呢，就描述清楚了啊，我有一个文件本地的名字是这个， 然后呢，他的内存呢？是一张图片，然后是 jpg 的图片。好，写完了这些描述之后，接下来下边这个地方就会写上图片的二禁止数据。我们上传文件，最终就是要把这个文件的二禁止数据给他。 八道服务器放哪的？就是放这的，这就是最原始的上传文件的格式。但是呢，我在这个文本编辑器里边确实没有办法去写什么二进制数据，不是说写个零一就完事了，他会把这玩意当成字符串的。那怎么办呢？ 哎，幸好呢，这个插件他可以让我们用一种简易的写法来表达一个二进制。你不知道上传文件吗？那你用这种格式写，这里改上文件的路径， small 接平行。我要重点强调一下啊，这句话是给这个插件看的， 当他发送请求的时候，看到了这么一句话，他会怎么样呢？他会把这个文件的数据给他读出来，然后用他的二进制数据替换掉这个地方， 也就是说， a、 k、 d 的请求最原始的格式下边这里放的一定是二进制哈，他不是这么一个玩意哈。好，准备好了一切之后， 我们就可以发送请求了，来，把请求给他发出去。发送请求收到了服务器的响应结果，服务器告诉我们，图片上传成功了，并且呢，通过这个响应结果 data 来告诉我们，你可以通过后边这个 url 地址来访问到这个图片， 一切都完成了。通过这个过程啊，同学们可以感受的到，原来图片上传并不需要什么按钮，不需要什么样样的各式各样的界面，不需要什么事件，不需要浏览器，不需要小程序，不需要艾特，一个 adtp 就完全搞定了。文件上传，这才是文件上传的本质，你做文件上传的时候，第一步就要去调通这个接口， 当然呢，这个接口里边还告诉你的很多信息，包括允许的后缀名是啥，对吧？如果说你把后缀名给他改了，然后你发送看一下呢？福气告诉我们，后缀名不符合要求，对吧？说明福气读的是哪的？后缀名读的是这里， 你给他写的那个 filing， 这里可以是随便写的啊。哎，有同学说他为什么不读这个呢？我再一次重申啊，到真正发送请求的时候，这一块会被替换成文件的。二、禁止数据哪有后缀名啊？复习读后缀名读的是啥？读的是这个 好，包括呢？还有就是最大尺寸，我这里的图片呢，比较小啊，所以说上传成功了。如果说你上传一个比较大的文件，比方说像这个 hug 点 gpc 啊，是另外一个文件，他就比较大，改一下吧，咱们发送一下服务器，告诉我们文件过大，那么这些呢，都可以通过服务器的程序来进行控制 好，下面呢，是一些响应结果的视力啊，成功了会怎么样？失败了会怎么样？你对照一下看那个接口，文档说的和你真正的试验出来是不是一致的，一致的话说明接口是没问题的，不一致的话去找你的后端开发人员沟通，调通了接口，你就扫清了文 线上传最重要的障碍，然后再去写各种各样的界面，各种各样的交互，那都是后话，也不是什么难事。我们后边呢，会带着大家写一写。

学习 g s 的第一天，首先新建一个 h p m l 文件，这里输入一个页面的 javascript， 这样就可以在这里面写 g s 代码了。 然后这里输入 bar， y 代表定义一个变量，这里我定义一个变量 a， 然后给 a 负值， a 等于十，再负值 a 等于二十， 此时输出 a， a 的值等于二十。 当然也可以直接在定义变量的时候直接复制，然后输出 a， 也可以同时定义多个变量，并复制 这行代码是输出的，在括号里写需要输出的电量，然后这些是运算符， 这里面的等于号是复值的意思， 这里再定义一个 c， 这个是加号，应该不用我解释了吧。 将 a 加 b 的支付与 c 输出三十，这个是减号， 这个是陈浩， 这个是除号， 这个是球鱼。 十除以三等于三于一，输出一。最后这个是等于号，用于比较 force 是假的意思，也就是说 a 不等于 b， 这里把 b 的值改为十，得到 to to 是真的意思。 这个加等于代表本身加上值，再赋予自身， 也就是 a 加等于 b， 等于 a， 等于 a 加 b， 这两个的值是相等的，其他的也是同理，这里我就不一一展示了。再说一下， a 加加 a 加加，就相当于自身加一，也就是 a 加一 a 同理。然后再看一下这个加加 a， 它的值也是十一，那和 a 加加有什么区别呢？ 在这里输出 a 加加，发现 a 等于十，而不是十一，这里改成加加 a 之后就变成了十一 一，这是因为 a 加加是当条语句结束后再自增加加 a 是直接自增。接下来做两个题目， 十乘二等于二十四，除以二等于二，然后二十减二加一等于十九十九。除以二等于九于一， 所以 a 等于一， b 等于四，除以四于零，然后 a 加加 a 还是等于一减减 b 等于 b 减一，也就是负一，然后改变 b 的负值后，值也变了，可以自己算一下， 因为有个一加加，所以再输出 a 的值是二。然后看一下第二题，要将 a 和 b 的值互换， 那这个很简单啊，再负值， a 等于四百五十六， b 等于一百二十三。 可以再定义一个 c， 将 a 的值赋予 c， 然后把 b 的值赋予 a， 最后再把 c 的值赋予 b， 这样 a 和 b 的值就互换了。如果不定义 c 的话，也是可以的。将 a 加 b 的值赋予 a， 此时 a 等于五百七十九， 再将 a 减 b 的值赋予 b， 此时 b 的值就是 a 的，也就是一、二、三。 最后再用 a 的值减去 b 的值， a 的值就和 b 的值互换了。

我们来聊一个高端一点的话题，咱们项目当中啊，经常会遇到这两种配置文件，一个是点 jason， 一个是点 g s。 点 jason 呢，本身它里边放置的就是一个 jason 格式的支付串，然后这个点 g s 呢，它里面放置的是一段代码，然后通过导出。 好些年在做项目的时候，其实我是特别讨厌点 jason 这种配置文件，因为它这个点 jason 啊，你什么错误的信息都放不了，比如说你想放一些重视信息， 可以稍微有一些格式错误，比如说这边加个逗号啊，这个也是不可以的，包括你在这里面要设置一个变量，或者设置一个函数，都是不可以的， 就是在操作上相当不便利的。但是自从参与了架构的这个开发之后，我就感觉同样是给项目指定扩展文件，这个点 js 呢，扩展能力比点 js 要好特别多， 因为从工程的角度，点 jason 是比较好做侵入的，因为你对这个文件可以直接读取修改，然后再复写。但是点 g s 这种脚本就非常的困难，比如说如果工程手段想改某一个属性的值，其实你是特别难改的， 因为这个点 gs 啊，你需要执行你才能拿到这个东西，但是你执行的时候，这个文件的写法就有无数种可能，你也并不知道你最终的这个位置是放在哪一个地方。这里我们会遇到另外一个问题，那比如说我这个配置里边需要执行一段函数，怎么办呢？其实这里我们可以通过 呃指定这个文件或者是包名的形式。举个例子啊，比如说我这里边需要加一个护理脚本，大概就这意思吧，或者说呢？比如说你本地有一个，那我们也可以就是你本地的，那我们就通过这种方式来配置一些需要执行 的一些逻辑。现在我们在设计架构的时候啊，在对于配置这块的设计都会一般都会采用点 jason 的形式，除非是有些绕不开的逻辑，那只能做点 gs， 做脚本的侵入，比如说做脚本的站位区域，或者是直接是解析代码去修改。

下点干货啊，如果说你现在正在用粗心话编程，那么这个视频可能就对你有用。如何把这个 sqr 三点零文件转成点 exc 文件啊，你只需要知道三个网址外加四个文件啊，视频可能有点长，大家可以收藏转发。 好，第一步啊，我们要把点 sb 三文件生成 stml 格式的文件，这时呢需要用到我们的第一个网站。好，在这里选择我们要转化的文件啊，比如电梯模拟器。 好，选完之后制作，这时候呢选择保存位置，我们看一下， 刚才呢，我们完成了这个 html 搞水光镜的制作，接下来用到我们的第二个网址啊， 可以根据我们的系统去选择我们下载哪一个版本啊，点他之后呢，我们下载就可以了，解开之后呢，你会发现里面有这么多的文件。好，这时候呢，在这个里面缺少了 三个文件，我们需要把这三个文件去添加上，分别是哪三个文件呢？第一个缺少一个点偏记文件的这样一个图片哦，把这个呢复制过来， 复制过来我们给他改一下名字，后面这个偏激不要动，前面是 icon icon， 把这个名字改过来之后，这第一步我们就完成了啊，然后继续 第二步呢，我们有需要有这样一个 pack 指点 jason 这个文件。好，我们先打开看一下里面是什么，你会发现里面有内幕，游戏名字这些东西。我们先不用管里面是什么啊，我们直接在刚刚这个文件一定在这个目录下啊，建立一个文不文档，然后呢 重面名称 package 的摘伞文件，然后呢我们把它打开啊，现在这里面是空的，我们把刚刚这个里面的内容复制过来 好，然后保存一下，这样呢我们第二个文件就已经操作完成了，现在呢完成的这两个啊，还有最后一个文件是我们刚刚生成的这个 tml 格式的文件，把它复制过来， 也是复制到这个目录下啊，但是注意名字呢，我们要改一改，改成什么呢？改成 project， 就是刚才杰森文件里面写的 好，有了这三个文件之后，我们就可以点击这个点 ex 文件来执行了，我们来看一下， 现在还没完，我们还需要再用到我们的三个网址下载一个真正制作 ex 文件的软件， 这个网站下面呢，找到这个点，当漏把它下载下来，这个软件就是我们刚刚下载的这个软件，我们打开它，打开这个软件，我们做几个内容的选择，这个地方我们选择第二个网址下载的这个软件，然后呢我们要选择我们这个文件要输出的名字，在电梯模拟器二， 好，下面咱们都不需要管他啊，这个地方我们要选择刚刚这个文件里面这一个 nw 点 ex 一就是你刚刚运行的这个好，打开好，这个时候呢我们就已经全部操作完了，点击生成。 好，这样就生成完成了，我们点确定，然后呢找到刚刚哎这个地方出现一个电梯模拟器二，点击运行。