- 博客(11)
- 收藏
- 关注
原创 前端视角看网络
1. HTTP工作原理 1.首先客户端和服务端先**建立连接(TCP三次握手)** 2.发送HTTP请求 3.服务器接受请求并返回HTTP响应 4.客户端收到响应后**断开连接(TCP四次挥手)** 5.客户端浏览器解析HTML内容 6.4HTTP三次握手 2.三次握手 -第一次握手:客户端向服务端发出连接请求,将标志位SYN置为1,随机产生一个值seq=J;客户端进入SYN_SENT状态,等待服务器端确认 -第二次握手:服务端响应客户端,并要求确认,将标志位...
2021-10-08 20:43:53 122
原创 用jquery写轮播图
1.定义count变量 图片的张数 定义变量index=1图片的下标 获取小圆点 2.自动轮播 setinterval定时器 定时3秒后图片自动切换 nextpage()切换到下一张 3.鼠标移入是左右切换的按钮显现 且自动轮播停止 鼠标移出是左右切换按钮隐藏 自动轮播继续 4.点击左按钮时图片切换到下一张 点击右按钮时图片切换到上一张 5.获取小圆点集合数组的长度 对小圆点进行循环遍历绑定 删除第一个小圆点的class属性...
2021-10-08 20:29:27 224
原创 js的时间加载线和树形结构
1.时间加载线 在浏览器打开的一刻,记录了js按照顺序执行的事情 步骤: 1.创建Document对象,开始解析web页面。解析html元素和他们支持的文本内容后,添加element对象和text节点到文档中,这个阶段document.readyState=“loading”。 2.遇到link外部css,创建线程加载,并继续解析文档。 3.遇到script外部js,并且没有设置async,defer.(同步加载)浏览器加载并阻塞,等待js加载完成并执行该脚本,然后继续解析文档。 4.遇到scr
2021-10-08 19:51:45 172
原创 canvas重点及吃豆人
#canvas ##前端中使用到的绘图技术 1.实时的走势图 2.统计图表 3.验证随机内容的图片 4.在线画板 5.HTML5在线游戏 ##canvas技术 绘制2d图像位图/像素图 webGL -画布原点(0,0)在画布的左上角的顶点 ##绘制线条 -moveTo起点 -lineTo下一个点 -stroke对绘制的路径描边 -fill对绘制的路径填充 -colsePath闭合当前绘制路径 -lineWi...
2021-10-08 19:10:26 118
原创 函数的节流与防抖
1.函数的防抖 短时间内多次触发同一事件,会重新开始计时,知道等待时长到达后执行 2.函数的节流 一个事件的触发一段时间内只触发一次
2021-10-08 19:02:20 32
原创 js运行三部曲 作用域链 闭包
1.就是运行三部曲 1.基本语法检测 2.预编译: 1)全局预编译 1.会生成一个(GloablObject)GO对象 2.分析var变量声明,如果变量在GO对象中不存在,直接将变量名作为AO对象的属性名,值为undefined,如果已经存在,不做任何改变 3.分析function函数,将函数名作为GO对象的属性名,值为函数体,如果已存在,直接覆盖 4)函数预编译 1.函数在运行的一瞬间,会产生一个(ActiveObje...
2021-10-08 18:54:00 70
原创 图片的切换
1.通过获取所有的图片对象实现 第一步:先获取图片对象 在定义一个变量i=1,用来当做切换图片的下标 第二步:获取按钮 对两个按钮进行绑定 第三步:对下标进行++ 后判断 如果i等于最后一个下标 让i=1 第四步:添加图片 2.通过数组来实现 第一步:定义一个数组 来储存所有的数据 第二步:定义一个变量i=0 为下标 第三步:获取按钮 对两个按钮进行绑定 第四步:对下标进行++ 后判断 如果i等于数组的长度 i=0 第五步:添加图片 ...
2021-10-08 18:43:09 164
原创 正则表达式
正则表达式国际标准跨越语言的 实际开发中使用的正则一定是非常标准、非常严谨的 用来验证字符串 基础知识 1.字面量匹配 2.特殊字符 .匹配所有的字符 ^字符串的开始 $字符串的结尾 3.转义字符\n\t ```js varstr="asdasdfasdfaasdf" varstr="abcabc" ``` \n换行符 \r回车符 \t制...
2021-08-08 20:20:38 42
原创 函数的添加于调用
#函数 函数是为了让重复代码减少 ```js //var用来声明变量 //function用来声明函数函数也是数据 //以字母、下划线、$开头后面可以接上数字、下划线、字母、$不能是关键字和保留字 function函数名(){ //代码块 } ``` ##调用函数 ```js 函数名(); ``` ##函数的提前声明 函数定义会被提升到脚本块的最顶部 ##变量的作用域 全局变量 函数变量 ...
2021-08-08 20:17:26 76
原创 js中判断语句的分类
一.if(){}else{}判断语句 ```js if(条件){ //代码块1执行的代码 }else{ //代码块2 } ``` ```js if(条件1){ //代码块 }elseif(条件2){ //代码块 }elseif(条件3){ //代码块 }else{ //代码块3 } ``` 1.如果某个条件满足,则忽略掉后面所有的条件 2.elseif可以有任意个(包括0) 3.e...
2021-08-01 14:37:25 457
原创 运算符的分类及运用
运算符的分类 1.数量的区分 一元运算符:(). 二元运算符:+-*/%(取余) 三元运算符:?: 2.功能区分 算术运算符:(数学)自增++自减-- >前置++++a先将a自身加1然后将a的返回值参与运算 >后置++a++先将a的值参与运算然后对a进行加1 比较运算符:>>=<<====== 逻辑运算符:&&||! 位运算符:^...
2021-08-01 14:29:07 458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人