- 博客(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 147
原创 用jquery写轮播图
1.定义count变量 图片的张数 定义变量index=1图片的下标 获取小圆点2.自动轮播 setinterval定时器 定时3秒后图片自动切换 nextpage()切换到下一张3.鼠标移入是左右切换的按钮显现 且自动轮播停止 鼠标移出是左右切换按钮隐藏 自动轮播继续4.点击左按钮时图片切换到下一张 点击右按钮时图片切换到上一张5.获取小圆点集合数组的长度 对小圆点进行循环遍历绑定 删除第一个小圆点的class属性...
2021-10-08 20:29:27 248
原创 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 207
原创 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 137
原创 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 100
原创 图片的切换
1.通过获取所有的图片对象实现第一步:先获取图片对象 在定义一个变量i=1,用来当做切换图片的下标第二步:获取按钮 对两个按钮进行绑定第三步:对下标进行++ 后判断 如果i等于最后一个下标 让i=1第四步:添加图片2.通过数组来实现第一步:定义一个数组 来储存所有的数据第二步:定义一个变量i=0 为下标第三步:获取按钮 对两个按钮进行绑定第四步:对下标进行++ 后判断 如果i等于数组的长度 i=0第五步:添加图片...
2021-10-08 18:43:09 215
原创 正则表达式
正则表达式国际标准跨越语言的实际开发中使用的正则一定是非常标准、非常严谨的用来验证字符串基础知识1.字面量匹配2.特殊字符.匹配所有的字符^字符串的开始$字符串的结尾3.转义字符\n\t```jsvarstr="asdasdfasdfaasdf"varstr="abcabc"```\n换行符\r回车符\t制...
2021-08-08 20:20:38 64
原创 函数的添加于调用
#函数函数是为了让重复代码减少```js//var用来声明变量//function用来声明函数函数也是数据//以字母、下划线、$开头后面可以接上数字、下划线、字母、$不能是关键字和保留字function函数名(){//代码块}```##调用函数```js函数名();```##函数的提前声明函数定义会被提升到脚本块的最顶部##变量的作用域全局变量函数变量...
2021-08-08 20:17:26 95
原创 js中判断语句的分类
一.if(){}else{}判断语句```jsif(条件){//代码块1执行的代码}else{//代码块2}``````jsif(条件1){//代码块}elseif(条件2){//代码块}elseif(条件3){//代码块}else{//代码块3}```1.如果某个条件满足,则忽略掉后面所有的条件2.elseif可以有任意个(包括0)3.e...
2021-08-01 14:37:25 480
原创 运算符的分类及运用
运算符的分类1.数量的区分一元运算符:().二元运算符:+-*/%(取余)三元运算符:?:2.功能区分算术运算符:(数学)自增++自减-->前置++++a先将a自身加1然后将a的返回值参与运算>后置++a++先将a的值参与运算然后对a进行加1比较运算符:>>=<<======逻辑运算符:&&||!位运算符:^...
2021-08-01 14:29:07 495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人