自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 一次完整的网络请求过程4

服务器响应HTTP请求服务器接收处理完请求后返回一个HTTP响应消息给客户端。HTTP响应消息的格式包括:状态行、响应头、空行、消息体。每部分内容占一行。 <status-line> <general-headers> <response-headers> <entity-headers> <empty-line> [<message-body>状态行:有HTTP协议版...

2021-06-13 16:39:41 72

原创 一次完整的网络请求过程3(servlet特别篇)

建立TCP连接后发起HTTP(超文本传输协议)请求TCP三次握手建立连接成功后,客户端按照指定的格式开始向服务端发送HTTP请求,服务端接收请求后,解析HTTP请求,处理完业务逻辑,最后返回一个具有标准格式的HTTP响应给客户端。HTTP请求格式HTTP请求格式如下所示四部分组成,分别是请求行、请求头、空行、消息体,每部分内容占一行。 <request-line> <general-headers> <...

2021-06-13 16:34:26 1116 1

原创 一次完整的网络请求过程2

进行关于TCP协议的三次握手和四次挥手0. 准备知识(1)ACK (其实就是确认信号的意思),TCP(传输控制协议)协议规定只有ACK=1时有效,也规定连接建立后所有发送的报文的ACK必须为1。(2)SYN(同步的意思),在连接建立时用来同步序号。当SYN=1而ACK=0时,表明这是一个连接请求报文。对方若同意建立连接,则应在响应报文中使SYN=1和ACK=1,因此SYN置1就表示这是一个连接请求或连接接受报文。(3)FIN(检测是否完成的信号),用来释放一个连接。当 FIN = 1...

2021-06-13 16:29:27 130

转载 一次完整的网络请求过程1

1.域名解析:DNS协议则是用来将域名转换为IP地址(也可以将IP地址转换为相应的域名地址)(1)递归查询:本机向本地域名服务器发出一次查询请求,就静待最终的结果。如果本地域名服务器无法解析,自己会以DNS客户机的身份向其它域名服务器查询,直到得到最终的IP地址告诉本机(2)迭代查询:本地域名服务器向根域名服务器查询,根域名服务器告诉它下一步到哪里去查询,然后它再去查,每次它都是以客户机的身份去各个服务器查询。通俗地说,递归就是把一件事情交给别人,如果事情没有办完,哪怕已经办了很多,都.

2021-06-13 16:23:14 152

原创 重拾JS-22-PC端网页特效

解决以下问题:元素偏移量offset系列元素可视区client系列 元素滚动sroll系列 动画函数封装

2021-06-05 20:48:50 94

原创 重拾JS-21-BOM

什么是BOMBOM(Browser Object Model)即浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列的对象构成,并且每个对象都提供了很多方法和属性。BOM缺乏标准,JavaScript语法标准组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器你标准的一部分window常见事件:1.onload load 等页面内容全部加载完毕,包含页面dom元素 图片 flash css 等等...

2021-06-04 17:46:53 58 1

原创 重拾JS-20-DOM(part4)

事件高级学习:注册事件(绑定事件)注册事件有两种方式:传统方式和方法监听注册方式传统注册方式:利用on开头的事件 特点:事件的唯一性 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式:W3C标准 推荐使用 addEvenListener()它是一个方法 IE9之前不支持,可使用attachEvent()代替 特点:同一个元素同一个事件可以注册多个监听器 按照注册顺序依次执行 <button>传统注册

2021-06-04 13:24:20 62

原创 重拾JS-19-DOM(part3)

节点操作:删除节点 <button>删除</button> <ul> <li>路明非</li> <li>楚雨航</li> <li>陈墨瞳</li> </ul> <script> var btn = document.querySelector('button'); .

2021-06-03 15:40:25 48

原创 重拾JS-18-DOM(part2)

案例:排他思想设置点击按钮 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //获取所有按钮元素 var btns.

2021-06-02 18:10:15 65

原创 重拾JS-17-DOM(part1)

目标:解决以下问题:说出什么是DOM文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准程序接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,结构和样式。DOM树:文档:一个页面就是一个文档,DOM中使用document表示 元素:页面中的所有标签都是元素,DOM中使用element表示 节点:网页中所有的内容都是节点(标签,属性,文本,注释等),DOM中使用node表示 DOM把以上内容都看作是对象如何获取页面元素

2021-06-01 19:16:58 94

原创 重拾JS-16-Web APIs

解决以下问题:什么是Web APIsWeb APIs是W3C组织的标准Web APIs主要学习DOM和BOMWeb APIs是JS独有的部分主要学习页面交互功能需要有一定的JS基础什么是APIAPI(应用程序编程接口):给程序员提供的一种工具,以便能更轻松实现想要完成的功能什么是Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)...

2021-06-01 10:23:52 87

原创 重拾JS-15-简单数据类型和复杂数据类型

目标:解决以下问题简单数据类型与复杂数据类型 堆和栈 简单类型的内存分配 简单类型传参 复杂类型传参

2021-06-01 10:08:49 66

原创 重拾JS-14-字符串对象

案例1:查询字符串中出现某一元素的位置以及次数 var str='abcoefoxyozzopp'; var index=str.indexOf('o'); var num=0; while(index!=-1){ console.log(index); num++; index=str.indexOf('o',index+1); } console.log('次数:'+num);根据位置返回字符..

2021-05-31 12:08:57 43

原创 重拾JS-13-内置对象

JavaScript的对象分为三种:自定义对象,内置对象,浏览器对象前面两种对象是JS基础内容,属于ECMAScript,第三种属于JS独有的Math对象中的一些属性和方法以及封装一个自己的数学对象 //Math数学对象的一些属性和方法 console.log(Math.PI);//输出圆周率 console.log(Math.max(1,99,56));//输出99 console.log(Math.max(-1,-10));//输出-1 cons.

2021-05-28 21:37:19 78

原创 重拾JS-12-对象

目标:解决以下问题在JS中,创建对象以及使用对象的方式1.利用字面量来创建对象 //1.利用对象字面量来创建对象:一般采用键值对的方式 var obj = { uname: '新垣结衣', age: 32, sex: '女', sayHello: function() { console.log('星野源啊'); } } //使用对象的方式一 c...

2021-05-27 10:25:12 54

原创 重拾JS-11-预解析

目标:解决以下问题能够知道解析器运行JS分为那两步思路引导 //坑1 console.log(num);//报错 //坑2 console.log(num);//undefined var num=4; //坑3 fn();//正常输出:嘟嘟嘟 function fn(){ console.log('嘟嘟嘟'); } //坑4 fun();//报错 var fun=function()

2021-05-26 12:20:17 67

原创 重拾JS-10-作用域

目标:解决以下问题说出JavaScript的两种作用域1.JavaScript作用域:就是代码名字(变量)在某个作用域内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突2.JS的作用域(es6之前):全局作用域 局部作用域3.es6的时候新增了块级作用域 {}区分全局变量和局部变量变量的作用域:根据作用域的不同变量分为全局变量和局部变量1.全局变量:在全局作用域下的变量 在全局下都可以使用var name='我是星野源'; function fn..

2021-05-26 11:35:35 59 1

原创 重拾JS-09-函数

目标:解决以下问题函数的使用方式1:函数使用分为两步:函数声明和函数调用//1.声明函数//function 函数名(){ //函数体//}//2.函数调用//函数名(); //函数的使用 function sayHi(){ console.log('新垣结衣我爱你'); } sayHi(); //求1~100的累加和 function add(){ .

2021-05-26 09:48:51 83

原创 重拾JS-08-数组

目标:解决以下问题如何创建数组?1.利用new创建数组vararr=newArray();2.利用数组字面量创建数组vararr=[1,2,'星野源',true]如何获取数组中的元素?利用数组的索引(数组下标) var arr=[1,2,'星野源',true] console.log(arr[0]); console.log(arr[1]); console.log(arr[2]);对数组进行遍...

2021-05-25 23:53:36 58

原创 2021-5-25重拾JS-07-流程控制-循环

目标:解决以下问题for循环的执行过程 //for循环语法结构 // for(初始化变量;条件表达式;操作表达式){ // 循环体 // } for(var i=0;i<100;i++){ console.log('你好哇,JS'); } //输出100次'你好哇,JS'

2021-05-25 10:33:25 157

原创 2021-05-24重拾JS-06-流程控制分支

目标:解决以下问题熟练使用if分支语句案例一:进入网吧案例:要求判断你的年龄是否可以进入网吧上网 var age=prompt('请输入你的年龄'); if(age>=18){ alert('大爷进来玩啊~。~') }else{ alert('小屁孩滚出克!') }案例二:判断输入的年份是否为闰年 var year=prompt('请输入你要检测的年份');

2021-05-25 02:09:48 76

原创 2021-05-24重拾JS-05-运算符

目标:解决以下问题能够使用常用运算符1.算术运算符运算符 描述 实例 + 加 10+10=20 - 减 10-20=-10 * 乘 10*20=200 / 除 10/20=0.5 % 取余数(取模) 9%2=1 2.递增和递减运算符如果需要反复给数字变量添加或者减去1,可以使用递增(++)和递减(--)运算符来完成3.比较运算符(关系运算符)两...

2021-05-24 23:46:39 99

原创 2021-05-24重拾JS-04-数据类型

isNan():用来判断一个变量是否为非数字的类型,返回true或者false var name='阿狸'; console.log(isNaN(name));leangth属性:获取整个字符串的长度 var name='阿狸做我女朋友吧!'; console.log(name.length);//输出为9字符串拼接:只要字符串类型与其他类型数据拼接,那么结果一定是字符串类型目标:解决以下关于数据类型的问题说出5种简单的数据类型...

2021-05-24 11:38:16 70

原创 2021-05-24重拾JS-03-关于变量

目标:解决下列有关变量的问题变量的主要作用?本质:变量是程序在内存中申请的一块用于存放数据的空间(变量名:数据)写出变量的初始化?变量的使用:1.声明变量;2.赋值变量的初始化:var=变量名=‘值’;只声明变量不赋值 输出结果:undefined 不赋值不声明直接使用 报错 不声明只赋值 输出正常(不建议使用,会变成全局变量) 案例1: <script> var myname='漩涡鸣人',...

2021-05-24 07:21:27 175

原创 2021-05-24重拾JS-02-JS的组成

JavaScript的组成ECMAScript(JavaScript语法) DOM(页面文档对象模型):操作各种页面元素 BOM(浏览器对象模型):操作浏览器窗口

2021-05-24 05:56:21 341

原创 2021-05-24重拾JS-01-浏览器与JS

浏览器分为两个引擎:渲染引擎和js引擎渲染引擎:用来解析HTML和CSS,俗称内核。例如chrome的blink,老版本的webkit JS引擎:也称为JS解释器,用来读取网页中的javascript代码,对其处理后运行,如chrome的v8浏览器本身不会执行js代码,而是通过javascript解释器(引擎)来执行,js引擎执行代码时候逐行解释每一行js代码(转换为机器语言),然后由计算机去执行,所以JavaScript被归为脚本语言,会逐行解析运行。...

2021-05-24 05:43:10 294

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除