JSON&AJAX

一 JSON

1.1 JSON概述
1.2 JSON基础语法
1.3 JSON格式转换

二 AJAX

2.1 AJAX概述
2.2 JS原生AJAX【了解,开发中不用....】
2.3 JQuery的Ajax插件【会用】

2.3.1 get/post 函数(要背下来)
2.3.2 ajax函数(看得懂,会抄)

2.4 同步和异步概述

三搜索案例
四网络编程(回顾)
五 idea常用快捷键

一 JSON

1.1 JSON概述

JavaScript对象表示形式（JavaScript Object Notation : js对象简谱）

json 是 js对象的一种表现形式

* java对象表示形式User user = new User();user.setUsername("后羿");user.setAge(23);user.setSex("男");...Product product = new Product();product.setName("小米10");product.setDesc("1亿像素的手机小王子");* javaScript对象表示形式let user ={"username":"后羿","age":23,"sex":"男"}let product = {"name":"小米10","desc":"1亿像素的手机小王子"}

json可以取代XML笨重的数据结构，和xml相比：更小、更快，更易解析在这里插入图片描述

1.2 JSON基础语法

json的语法主要有两种:1. 对象 { }2. 数组 [ ](1) 对象类型{name:value,name:value}(2) 数组类型[{name:value,name:value},{name:value,name:value},{name:value,name:value}]
(3) 复杂对象{name:value,list:[{name:value},{},{}]user:{name:value}}
注意: 1. 其中name必须是string类型2. value必须是以下数据类型之一：字符串数字对象（JSON 对象）数组布尔Null3. JSON 中的字符串必须用双引号包围。(单引号不行!)

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>01-JSON基础语法</title></head>
<body></body>
<script>/**  JSON: 对象{}, 数组[]*   1. 对象:*       {name:value,name:value}**   2. 数组:  对应java中的List<User>*       [*          {name:value,name:value},*          {name:value,name:value}*       ]*   3. 复杂: 对应java的对象或Map<String,Object>*       {*          name : value,*          name : [],*          name : {}*       }**    注意:*       1. 其中name必须是string*       2. value 必须是以下之一*           string,number,boolean,json对象,json数组,null*       3. 注意:json字符串必须双引号包围* *///1. json对象let jsonObj = {"username":"张三丰","sex":"男","age":103,"married" : true}//   value = 对象.nameconsole.log(jsonObj.username + "," + jsonObj.married)//2. json数组let jsonArray1 = ["张三","李四",true] // 这也是json,这是比较少见let jsonObj1 = {"username":"张三丰","sex":"男","age":103}let jsonObj2 = {"username":"张翠山","sex":"男","age":32}let jsonObj3 = {"username":"张无忌","sex":"男","age":12}let jsonArray2 = [jsonObj1,jsonObj2,jsonObj3] // 在java中: List<User>console.log(jsonArray2[1].age) //32for (let element of jsonArray2) {console.log(element.username + "," + element.age)}//3. json复杂对象let jsonComplex = {"username" : "韦小宝","age" : 18,"wives" : [{"name" : "双儿","address" : "扬州"},{"name" : "皇后","address" : "岛国"}],"master":"陈浩南"}console.log(jsonComplex.username + ","+ jsonComplex.master)console.log(jsonComplex.wives)</script>
</html>

1.3 JSON格式转换

JSON对象与字符串转换的相关函数
语法：

JSON.stringify(object) 把json对象转为字符串
JSON.parse(string) 把字符串转为json对象

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>02-JSON格式转换</title></head>
<body>
<script>//1. JSON.stringify(object) 把json对象转为字符串(不重要)// 原因是: 浏览器发送请求数据的时候,自动转成string//2. JSON.parse(string) 把字符串转为json对象 (重要的!!)/** 需求: 后端(java)给前端发送的json数据1.  json在java中是string2. 前端(js)拿到string格式的json, 先将string -> object,后解析3. 因为json在js中是对象* *///前端接收到后端发送过来的数据(类型:string)// 注意: 里面是json必须双引,外面就用单引// let resultData = "{\"result\" : \"failed\" , \"msg\" : \"用户名不存在或密码错误\"}"let resultData = '{"result" : "failed" , "msg" : "用户名不存在或密码错误"}'console.log(resultData)console.log(typeof resultData) //stringconsole.log(resultData.msg) //string无法这样解析,undefined//json格式的字符串转成对象let resultObj = JSON.parse(resultData)// let resultObj = eval("("+resultData+")") // 也可以转换,在变量外面加上小括号!!!console.log(resultObj) //console.log(typeof resultObj) // objectconsole.log(resultObj.msg) // 正常解析//json对象转成字符串 (知道即可)let resultString = JSON.stringify(resultObj)console.log(resultString)console.log(typeof resultString) //string</script>
</body>
</html>

二 AJAX

2.1 AJAX概述

传统网站中存在的问题

网速慢的情况下，页面加载时间长，用户只能等待
表单提交后，如果一项内容不合格，需要重新填写所有表单内容
页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

AJAX可以解决以上问题

AJAX(Asynchronous JavaScript and XML 异步)是浏览器提供的一套方法，在无需重新加载整个网页情况下，能够更新部分网页的技术，从而提高用户浏览网站应用的体验。

中文音译：阿贾克斯

应用场景

搜索框提示
表单数据验证(验证数据是否合法: 用户名已被注册)
无刷新分页(网页不断往下滚动,会不断的发起请求更新数据 : 京东,百度图片)

在这里插入图片描述

2.2 JS原生AJAX【了解,开发中不用…】

今天的案例都需要一个服务器,如果有需要模拟的朋友,可以私聊我
1）运行一个java的服务器

jar : java archive(java档案包)1. 实际上jar也是压缩格式的一种(本质跟rar,zip,7z差不多)2. jar是.class文件的压缩包(.java源码 编译成 .class的)有些jar包是可以直接启动的: 1. 在资料的地址栏中输入: cmd2.  java -jar jar名字 (启动java程序)

在这里插入图片描述
2）测试一下服务器

http://localhost:8080/check?username=123 username=后面只有输入(盲僧) 才会返回(已注册),其他都返回(可以使用)

3）案例需求
在这里插入图片描述
4）代码实现【了解】

# js原生的ajax (不经过任何封装)
1. 创建ajax对象let xhr = new XMLHttpRequest();
2. 告诉ajax请求方式和请求地址xhr.open(请求方式，请求地址);
3. 发送请求xhr.send();
4. 获取服务器返回的数据xhr.onload=function(){xhr.responseText;}

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>01-js的原生ajax</title><style>span{color: red;}</style>
</head>
<body><input id="username" type="text" placeholder="请输入用户名"><span id="userwarn"></span><script>/** # js原生的ajax (不经过任何封装)1. 创建ajax对象let xhr = new XMLHttpRequest();2. 告诉ajax请求方式和请求地址xhr.open(请求方式，请求地址);3. 发送请求xhr.send();4. 获取服务器返回的数据xhr.οnlοad=function(){xhr.responseText;}* *///1. 文本框失去焦点的时候触发document.getElementById("username").onblur = function () {//2. 向服务器发起一个请求(ajax)let xhr = new XMLHttpRequest();let method = "get" // 请求方式(常见两种:get/post)// username=参数//文本输入框中的内容作为参数let  value = document.getElementById("username").valuelet url = "http://localhost:8080/check?username="+value // 请求地址xhr.open(method,url)xhr.send(); // 发送请求//3. 获取服务器返回的数据// 此事件是服务器响应数据之后,ajax加载到此数据时触发xhr.onload = function () {//获取响应数据console.log(xhr.responseText)document.getElementById("userwarn").innerText = xhr.responseText}}</script>
</body>
</html>

2.3 JQuery的Ajax插件【会用】

jquery作为一个优秀的js框架, 自然也会对ajax的复杂的api进行封装:
在这里插入图片描述

2.3.1 get/post 函数(要背下来)

* 1. get请求方式$.get(url, [data], [callback], [type])1. url : 请求的服务器端url地址2. data : 发送给服务器端的请求参数，格式可以是key=value，也可以是json对象3. callback: 当请求成功后的回掉函数，可以在函数体中编写我们的逻辑代码4. type : 预期的返回数据的类型，取值可以是 xml, html, script, json, text, _defau等	(默认text: 普通文本,后续json主要)* 2. post请求方式 :$.post(url, [data], [callback], [type])只需要将get函数换成post即可(参数含义同上)

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>03-jq的get函数</title><!--jquery已经导入了!!!--><script src="../js/jquery-3.2.1.min.js"></script><style>span{color: red;}</style>
</head>
<body>
<input id="username" type="text" placeholder="请输入用户名">
<span id="userwarn"></span><script>/** * 1. get请求方式$.get(url, [data], [callback], [type])  -> []表示可以没有1. url : 请求地址2. data : 请求参数(text,json)3. callback: 回调函数(ajax请求发送之后,服务器成功响应的回调函数)function(result){  其中result 是服务器的响应数据  }4. type : 预期的返回数据的类型，取值可以是 xml, html, script, json, text, _defau等			(默认text: 普通文本,后续json主要)如果不写,默认text(纯文本,就是字符串)* 2. post请求方式 :$.post(url, [data], [callback], [type])只需要将get函数换成post即可(参数含义同上)解释:1. url 请求地址: 服务器的地址?参数(如果请求方式是get,可以不拆开?参数 , 如果是post,必须拆开)2. data : 请求参数(text,json)text(纯文本,字符串) : name1=value1&name2=value2...json : {name1: value1,name2:value2}3. callback : 服务器成功响应之后的调用函数中有个参数 : 服务器响应的数据(如果访问服务器失败, 这个函数不会执行)4. type : 响应数据的类型(常用text,json)如果不写,默认texthttp协议的两种请求方式1. geta. 将参数拼接进urlb. 可能体现在浏览器的地址栏, 不安全, 传输的数据长度有限制2. posta. 参数不会拼接进url(是放在请求体了)b. 不会体现在浏览器的地址栏, 安全 , 传输的数据没有限制* *///注册失去焦点事件$("#username").blur(function () {//先获取文本输入框中的内容let value = $("#username").val()//用jquery的api发送ajax请求// let url = "http://localhost:8080/check?username="+value // 这是js刚才用的let url = "http://localhost:8080/check" // 只保留?前面的let data = "username=" + value // 请求参数 text格式// let data = {"username" : value} // 请求参数 json格式let cb = function(result){ // 服务器成功响应了会执行这个函数console.log(result) // 服务器响应的数据}let type = "text" // 指定响应数据的类型(常用text,json)$.get(url,data,cb,type) // get请求// $.post(url,data,cb,type) // post请求})</script>
</body>
</html>

2.3.2 ajax函数(看得懂,会抄)

语法：
$.ajax({name:value,name:value})
参数：
1. url : 请求的服务器端url地址
2. async : (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求,设置false
3. data : 发送到服务器的数据，可以是键值对形式，也可以是js对象形式
4. type : (默认: “GET”) 请求方式 (“POST” 或 “GET”)
5. dataType : 预期的返回数据的类型(默认text,常用json)
6. success : 请求成功后的回调函数
7. error : 请求失败时调用此函数
  这些参数,是可以选择性的写
总结: 在实际使用中, 比get/post请求多考虑了失败的情况

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>02-jq的ajax函数</title><script src="../js/jquery-3.2.1.min.js"></script><style>span{color: red;}</style>
</head>
<body>
<input id="username" type="text" placeholder="请输入用户名">
<span id="userwarn"></span><script>/** * 语法：$.ajax(settings)settings是js对象(不是json)settings = {name:value,name:value}name 可以不加双引号,value可以写function(json不允许)* 参数：1. url	: 请求的服务器端url地址2. async : (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求,设置false3. data : 发送到服务器的数据，可以是键值对形式，也可以是js对象形式4. type : (默认: "GET") 请求方式 ("POST" 或 "GET")5. dataType : 预期的返回数据的类型(默认text,常用json)6. success	: 请求成功后的回调函数7. error	: 请求失败时调用此函数* 总结: 在实际使用中, 比get/post请求多考虑了失败的情况* */$("#username").blur(function () {//获取文本框输入的值let value = $("#username").val()// 使用ajax函数发送请求let settings = {url:"http://localhost:8080/check", // 请求地址type:"get",        // 请求方式,默认是get,一般不是get/postdata:"username="+value, // 请求参数(text,json)success:function (resp) {  // 成功响应的回调, resp是响应数据// 实现局部刷新$('#userwarn').text(resp);},error:function () { //失败的回调 : 如果访问失败,会执行这个函数alert('网络信号不好,服务器繁忙，请稍后重试...')},dataType:"text",  // 响应数据的格式(默认text,可选json)async:true // 异步提交(待会讲,默认是true 异步,一般只写true)}$.ajax(settings)})</script>
</body>
</html>

2.4 同步和异步概述

使用ajax发送的是异步请求

同步和异步请求指的是，客户端和服务器交互的行为

同步请求：客户端发送请求后，必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
异步请求：客户端发送请求后，不需要等待服务器端的响应。在服务器处理的过程中，客户端可以进行其他的操作。在这里插入图片描述

http://localhost:8080/sleep   localhost -> 127.0.0.1 (本机)
如果直接访问,默认同步请求,需要等待5秒才会响应,在此期间什么时候都不能做(目前,网页发起的请求都是同步请求)
使用ajax技术实现异步提交,需要等待5秒才会响应,但是在此期间可以做其他事情#同异步概念1. 同步: 你先做A任务,只有A任务做完了,才能做B任务你去找你女朋友一起吃饭, 你女朋友让你等一会儿(30分钟),等到你女朋友好了,再一起去吃饭(java:单线程)2. 异步: 你先做A任务,A任务还没结束,你就能B任务你去找你女朋友一起吃饭, 你女朋友让你等一会儿(30分钟),可以边吃边等(java: 多线程)

感知同步和异步区别

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>05-同步和异步</title><script src="../js/jquery-3.2.1.min.js"></script>
</head>
<body>
<input type="text">
<button id="btn">发送ajax</button><script>// 点击按钮,发送一个异步请求到服务器$("#btn").click(function () {/* let settings = {url : "http://localhost:8080/sleep",type : "get",async : false, //async默认=true,false为同步success : function (result) {alert(result)}}$.ajax(settings)*/let url = "http://localhost:8080/sleep"let data = "" // 没有参数,也可以不写let cb = function(result){ //成功的回调alert(result)}//默认async=true,异步请求$.get(url,data,cb)})
</script>
</body>
</html>

ajax：异步提交和页面局部刷新的技术

三搜索案例

需求分析
在这里插入图片描述
服务器测试地址

http://localhost:8080/search?keyword=jkeyword=后面可以输入j和p都有相应提示, 其他内容有默认提示

在这里插入图片描述

代码实现

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>传智搜索</title><script type="text/javascript" src="../js/jquery-3.2.1.js"></script><style type="text/css">.content {width: 643px;margin: 200px auto;text-align: center;}input[type='text'] {width: 530px;height: 40px;font-size: 14px;}input[type='button'] {width: 100px;height: 46px;background: #38f;border: 0;color: #fff;font-size: 15px}.show {position: absolute;width: 535px;height: 100px;border: 1px solid #999;border-top: 0;}</style></head>
<body>
<div class="content"><img alt="" src="../img/logo.png"><br/><br/><!--文本输入框 --><input type="text" id="search" name="keyword"><input type="button" value="搜索一下"><!-- 小舌头 --><div class="show"></div>
</div><script >/**   1. 文本输入框的事件: 键盘弹起 onkeyup* */$("#search").keyup(function () {//把之前隐藏的小舌头显示出来$(".show").css("display","block")let kw = $("#search").val()// console.log(kw)//http://localhost:8080/search?keyword=jlet url = "http://localhost:8080/search"let data = "keyword="+kw//2. 发送异步请求$.get(url,data,function (result) {// console.log(result) // 返回的是一个数组// 坑: 在追加之前,先置空$(".show").empty()// 杀孩子//3. 结果显示在小舌头(内部追加)for (let element of result) {// $(".show").append(element) // 不换行// this: 触发事件的当前div (普通函数注册,js对象)// append 内部是innerHTML 追加的$(".show").append(`<div style="text-align: left" οnmοuseοver="over(this)" οnmοuseοut="out(this)" οnclick="cli(this)">${element}</div>`) //换行(反引号)}})})
</script>
<script >function over(div) {$(div).css("color" , "pink")}function out(div) {$(div).css("color" , "black")}function cli(div) {//被点击了,div的内部文本放到搜索框中$("#search").val(div.innerText)//隐藏小舌头$(".show").css("display","none")}
</script>
</body>
</html>

四网络编程(回顾)

网络编程
a. 网络: 计算机程序与计算机程序之间的数据交互
b. 编程: 起码要有两个程序
网络架构
a. c/s : client to server 客户端对服务端
b. b/s : browser to server 浏览器对服务器(网页) -> web阶段主要b/s

客户端,浏览器(统称前端,直接跟用户打交道) : 消费数据服务
服务端 : 提供数据服务(企业开发的)
网络三要素
a. 协议 : 传输数据的规则(两个程序要交流,必须遵循同一套协议)
我们现在交流,遵循普通话协议
tcp,udp, http协议(最广泛,底层基于tcp)

b. ip : 同一网络中,用来唯一标识一台计算机的(身份证)

c. port: 同一台计算机, 用来唯一标识一个进程(软件启动,至少占用一个进程)
举例
https://www.baidu.com -> 百度
1. 域名就是ip
  ping www.baidu.com : 实际上向百度服务器发起请求
  (只要网络可用), 百度服务器就会响应: 来自112.80.248.76的回复
  
  知道: www.baidu.com(域名) -> 112.80.248.76(ip) 映射关系
  原因: 访问网站的时候,请求是先经过DNS服务器(域名解析服务), DNS存了很多域名和ip的映射
  map<域名,ip> 域名比ip好记,当然还有其他原因
  
  注意: 有些网站不允许ip直接访问(百度可以)
2. 看不到port,不代表没有
  a. 使用http协议的程序,如果port=80,那么可以省略不写(在浏览器被隐藏)
  http://112.80.248.76:80/ -> http://112.80.248.76
  
  b. 使用https协议的程序,如果port=443, 那么可以省略不写(在浏览器被隐藏)
  https(secure: 安全, 对传输的数据进行加密)
url : uniform resource locator(全球资源定位器)
通俗: 网址(请求地址)
格式: 协议://ip:port/资源位置?参数
a. 资源位置 : 服务端程序中相应功能的标识
举例 https://www.baidu.com/s 使用了搜索功能
b. 参数 : get请求方式提交参数拼接进url(post不是)
name1=value1&name2=value2…
name是固定的,由服务端开发人员指定的,value动态变化

五 idea常用快捷键

常用的有fori/sout/psvm+Tab即可生成循环、System.out、main方法等boilerplate样板代码。

例如要输入for(User user : users)只需输入user.for+Tab ；

再比如，要输入Date birthday = user.getBirthday()只需输入user.getBirthday().var+Tab即可。

代码标签输入完成后，按Tab，生成代码。

Ctrl+Alt+O 优化导入的类和包

Alt+Insert 生成代码(如get,set方法,构造函数等) 或者右键（Generate）

fori/sout/psvm + Tab

Ctrl+Alt+T 生成try catch 或者 Alt+enter

CTRL+ALT+T 把选中的代码放在 TRY{} IF{} ELSE{} 里

Ctrl + O 重写方法

Ctrl + I 实现方法

Ctr+shift+U 大小写转化

ALT+回车导入包,自动修正

ALT+/ 代码提示

CTRL+J 自动代码

Ctrl+Shift+J，整合两行为一行

CTRL+空格代码提示

CTRL+SHIFT+SPACE 自动补全代码

CTRL+ALT+L 格式化代码

CTRL+ALT+I 自动缩进

CTRL+ALT+O 优化导入的类和包

ALT+INSERT 生成代码(如GET,SET方法,构造函数等)

CTRL+E 最近更改的代码

CTRL+ALT+SPACE 类名或接口名提示

CTRL+P 方法参数提示

CTRL+Q，可以看到当前方法的声明

Shift+F6 重构-重命名 (包、类、方法、变量、甚至注释等)

Ctrl+Alt+V 提取变量

查询快捷键
Ctrl＋Shift＋Backspace可以跳转到上次编辑的地

CTRL+ALT+ left/right 前后导航编辑过的地方

ALT+7 靠左窗口显示当前文件的结构

Ctrl+F12 浮动显示当前文件的结构

ALT+F7 找到你的函数或者变量或者类的所有引用到的地方

CTRL+ALT+F7 找到你的函数或者变量或者类的所有引用到的地方

Ctrl+Shift+Alt+N 查找类中的方法或变量

双击SHIFT 在项目的所有目录查找文件

Ctrl+N 查找类

Ctrl+Shift+N 查找文件

CTRL+G 定位行

CTRL+F 在当前窗口查找文本

CTRL+SHIFT+F 在指定窗口查找文本

CTRL+R 在当前窗口替换文本

CTRL+SHIFT+R 在指定窗口替换文本

ALT+SHIFT+C 查找修改的文件

CTRL+E 最近打开的文件

F3 向下查找关键字出现位置

SHIFT+F3 向上一个关键字出现位置

选中文本，按Alt+F3 ，高亮相同文本，F3逐个往下查找相同文本

F4 查找变量来源

CTRL+SHIFT+O 弹出显示查找内容

Ctrl+W 选中代码，连续按会有其他效果

F2 或Shift+F2 高亮错误或警告快速定位

Ctrl+Up/Down 光标跳转到第一行或最后一行下

Ctrl+B 快速打开光标处的类或方法

CTRL+ALT+B 找所有的子类

CTRL+SHIFT+B 找变量的类

Ctrl+Shift+上下键上下移动代码

Ctrl+Alt+ left/right 返回至上次浏览的位置

Ctrl+X 删除行

Ctrl+D 复制行

Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）

Ctrl+H 显示类结构图

Ctrl+Q 显示注释文档

Alt+F1 查找代码所在位置

Alt+1 快速打开或隐藏工程面板

Alt+ left/right 切换代码视图

ALT+ ↑/↓ 在方法间快速移动定位

CTRL+ALT+ left/right 前后导航编辑过的地方

Ctrl＋Shift＋Backspace可以跳转到上次编辑的地

Alt+6 查找TODO

其他快捷键
SHIFT+ENTER 另起一行

CTRL+Z 倒退(撤销)

CTRL+SHIFT+Z 向前(取消撤销)

CTRL+ALT+F12 资源管理器打开文件夹

ALT+F1 查找文件所在目录位置

SHIFT+ALT+INSERT 竖编辑模式

CTRL+F4 关闭当前窗口

Ctrl+Alt+V，可以引入变量。例如：new String(); 自动导入变量定义

Ctrl+~，快速切换方案（界面外观、代码风格、快捷键映射等菜单）

调试快捷键
其实常用的就是F8 F7 F9 最值得一提的就是Drop Frame 可以让运行过的代码从头再来。

alt+F8 debug时选中查看值

Alt+Shift+F9，选择 Debug

Alt+Shift+F10，选择 Run

Ctrl+Shift+F9，编译

Ctrl+Shift+F8，查看断点

F7，步入

Shift+F7，智能步入

Alt+Shift+F7，强制步入

F8，步过

Shift+F8，步出

Alt+Shift+F8，强制步过

Alt+F9，运行至光标处

Ctrl+Alt+F9，强制运行至光标处

F9，恢复程序

Alt+F10，定位到断点

重构
Ctrl+Alt+Shift+T，弹出重构菜单

Shift+F6，重命名

F6，移动

F5，复制

Alt+Delete，安全删除

Ctrl+Alt+N，内联

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

企业预算每年2.5万用于云服务器上云支出能买到什么配置？
10M带宽的云服务器租用一年多少钱？云服务器地域不同带宽价格也不同，而且服务器带宽的价格是阶梯报价的，一般达到服务器10M带宽后，带宽单价会上涨一个阶梯，笔者以国内两个云厂商阿里云和腾讯云为例，来说说10M带宽云服务器租用年付价格表（收费标准）：云服务器10M带宽收费…...
2024/4/24 8:50:31
Java8 中的Stream API详解
StreamJava 8 中Stream API详解Stream的作用Stream的性质什么是聚合操作举例：Stream总览什么是流流的构成流的操作类型流的使用详解流的构造与转换流的操作筛选与切片示例映射示例排序 Java 8 中Stream API详解 Stream的作用Java8 中的Stream是对集合对象功能的增强，专注于对…...
2024/4/24 8:50:30
【Antlr】cannot create implicit token for string literal in non-combined grammar xx
1.背景写了一个g4文件，然后编译的时候报错 grammar Compare;prog : stat+;stat :expr NEWLINE #printExpr|ID = expr NEWLINE #assign|NEWLINE #blank;expr : expr op=(<|<=|=<) expr # Xiaoyu| expr op=(>|>= |=>) expr # Dayu…...
2024/4/24 8:50:30
判断素数
# include <stdio.h> # include <stdlib.h> # include <math.h> int main() {int a, b, c,d, i;d = 0;scanf_s("%d", &a);b = sqrt(a);for (i = 2;i <= b;i++){c = a % i;if (c == 0){d = 1;break;}}if (d == 1){printf("不是\n"…...
2024/4/24 8:50:29
面试复习之—Java基础（九）:内部类
最近在准备面试，把知识点复习一遍，整理出的笔记记录下，里面会穿插代码和面试例题。内容不是原创，是总结和收集，如果侵权了请联系作者，若有错误也请各位指正。因为收集的时候忘记把来源记录下来了，所以就不po出处了，请见谅（这是个坏习惯，一定改）。面试复习之—Java基…...
2024/4/24 8:50:30
vue封装弹框组件
vue封装弹框组件 1、引入弹框组件 <Popout v-show="isPrpout" v-on:confirm="onConfirm" v-on:cancel="onCancel" />2、点击显示弹框 <button @click="onClick">点击</button>3、在组建内使用 import Popout from .…...
2024/4/24 8:50:26
MATLAB数据索引
B(:,7) ：表示索引所有行，7表示索引第7列。B可以是矩阵也可以是数组。B(:,1:6) ：表示索引所有行，1：6表示索引第1列到第6列。B(7,:) 7表示索引第7行，：表示索引所有列。...
2024/4/24 8:50:26
Linux---安装mysql5.7（九）
1，下载https://dev.mysql.com/downloads/mysql/5.7.html#downloads2，上传到linux解压到/usr/local/mysql【必须是这个目录】#解压 tar -zxvf mysql-5.7.27-linux-glibc2.12-x86_64.tar.gz /usr/local #重命名(切换到对应目录) mv mysql-5.7.27-linux-glibc2.12-x86_64 mysql …...
2024/4/24 8:50:24
测试基本了解
软件缺陷产生的原因种类： (1).需求变更次数频繁理解误差产品或者是客户 (2).开发和设计代码问题开发人员 (3).运维资源使用率产生公司问题 2.测试流程： 1.在立项会上根据客户需求编写需求文档/规格说明书，ui设计原型图后台编码，测试人员编写测试计划和测试…...
2024/4/24 8:50:23
CNSlidingWindowJAVA实现
题目分析按题面，直接上单调队列可以用两个单调队列求解，一个队列单减来维护区间最大，一个队列单增来维护区间最小。代码import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.…...
2024/4/24 8:50:22
Linux：开机与关机命令（每天一小步）
（1）poweroff 关机（2）reboot 重启当然还有其他的，记太多个人感觉用不着，会就行，这里只简单说明...
2024/4/18 8:24:36
vue动态组件
动态组件有时候我们希望在一个地方展示不同的组件信息内容，我们就可以使用动态组件。实现 <component is="组件名"></component>is属性的值是组件名， component标签用来渲染这个组件替代自己的位置代码 <template><div class="tab"…...
2024/4/16 13:45:26
SDNU ACM-ICPC 2020 Extra Training Contest 5 2020/05/27 f题
题意给出一场比赛在n个时刻的比分情况，计算最多有几次达到平分。题解 1.判断两次中间有没有达到平分的情况，因为从上一次开始，上一次中是否达到以上一次的小值平分不需要考虑，而这一此以较大的值形成的平分还未形成。所以应是本次的小值减去上一次的大值+1（+1是因为两个…...
2024/4/24 1:48:51
PyTorch - torch.eq、torch.ne、torch.gt、torch.lt、torch.ge、torch.le
PyTorch - torch.eq、torch.ne、torch.gt、torch.lt、torch.ge、torch.le flyfish torch.eq、torch.ne、torch.gt、torch.lt、torch.ge、torch.le 以上全是简写参数是input, other, out=None 逐元素比较input和other 返回是torch.BoolTensorimport torcha=torch.tensor([[1, 2…...
2024/4/16 13:45:36
（4）Elasticsearch-Join
目录nested-嵌套parent / child 关联的方式ES的join有两种方式nestedparent和child关联查询他们的区别：由于存储结构的不同，nested和parent-child的方式有不同的应用场景 nested 所有实体存储在同一个文档，parent-child模式，子type和父type存储在不同的文档里。所以查…...
2024/4/24 8:50:21
git笔记
Android Studio开启git仓库[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VPF0C1AT-1590669587736)(E:\Notes\快捷键&使用技巧&git\assets\git教程笔记.assets\1590633506144.png)]命令行[外链图片转存失败,源站可能有防盗链机制,建议将图片…...
2024/4/24 8:50:20
TCP状态转化图
尤其注意三个状态：１．ESTABLISHED：三次握手完成，处在连接状态；２．FIN_WAITED_2：主动发起关闭连接请求一方处于半关闭；３．TIMED_WAIT：主动发起关闭连接请求一方会等２MSL时间，为了确保最后发送的ACK对端能收到主动发起连接方仅看粗实线；被动发起连接方仅看虚线；…...
2024/4/24 8:50:22
TX2安装torchvision0.5.0（实测有效）
TX2 torchvision安装torchvision0.2.2安装torchvision0.5.0安装 torchvision0.2.2安装 sudo apt-get install libjpeg-dev zlib1g-dev git clone https://github.com/python-pillow/Pillow.git cd Pillow/ sudo python setup.py install sudo pip --no-cache-dir install torch…...
2024/4/24 8:50:21
GNU GPL 许可证常见问题解答（六）：将作品与依据 GNU 许可证发布的代码相结合
6.1 GPL v3 是否与 GPL v2 兼容？不兼容。许多要求已经从 GPL v2 变为 GPL v3，这意味 GPL v2 中的精确要求并不体现在 GPL v3 中，反之亦然。例如，GPL v3 的终止条件比 GPL v2 的终止条件更为宽泛，因此与 GPL v2 的终止条件不同。由于这些差异，两个许可证不兼容：如果您试…...
2024/4/29 10:33:00
练习题4-两数之和
原题目：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums…...
2024/4/28 17:59:22

WebDay06 json&ajax,网络编程回顾,idea常用快捷键

JSON&AJAX

一 JSON

1.1 JSON概述

1.2 JSON基础语法

1.3 JSON格式转换

二 AJAX

2.1 AJAX概述

2.2 JS原生AJAX【了解,开发中不用…】

2.3 JQuery的Ajax插件【会用】

2.3.1 get/post 函数(要背下来)

2.3.2 ajax函数(看得懂,会抄)

2.4 同步和异步概述

三搜索案例

四网络编程(回顾)

五 idea常用快捷键

相关文章

最新文章

WebDay06 json&ajax,网络编程回顾,idea常用快捷键

JSON&AJAX

一 JSON

1.1 JSON概述

1.2 JSON基础语法

1.3 JSON格式转换

二 AJAX

2.1 AJAX概述

2.2 JS原生AJAX【了解,开发中不用…】

2.3 JQuery的Ajax插件【会用】

2.3.1 get/post 函数(要背下来)

2.3.2 ajax函数(看得懂,会抄)

2.4 同步和异步概述

三 搜索案例

四 网络编程(回顾)

五 idea常用快捷键

相关文章

最新文章

三搜索案例

四网络编程(回顾)