自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS浏览器对象模型(BoM)

一系列apiwindow对象:全局对象计时器方法,弹出框方法(alert,prompt,confirm)location对象:获取当前url,并浏览器重定向location.href返回当前页面urllocation.hostname返回主机域名location.pathname返回路径.port返回端口.protocol返回协议nevigator对象:包含访问者浏览器信息.userAgent方法判断用户使用设备,使用正则表达式判断详情可查看w3c官网信息

2022-10-11 13:03:43 147

原创 ajax入门

ajax全称(Asynchroous,JavaScript and XML)能实现按需求加载 而不是整页刷新界面,即刷新网页为局部刷新。使用交互数据为json,即js对象。优点:按需求获取数据,提升系统性能缺点:异步获取数据,不利于搜索引擎优化向服务器发送请求方式:1)浏览器直接输入url2)网页中a标签超链接3)form表单提交4)postman模拟http请求5)使用ajaxajax通过xmlhttprequest对象向服务器发送请求如上图新建一个

2022-09-18 09:58:50 178

原创 http状态码

100-199表示浏览器请求已被服务器接受200-299表示服务器正常处理请求并相应300-399重新定向,比如浏览器请求访问某个网址,服务器拒绝并重新定向跳转到另一个网页,其中301表示永久跳转并且会在浏览器缓存留下缓存,再次访问该网页无需向服务器发送请求,302表示暂时转向,用户浏览器每次请求仍需要发送服务器,304没有修改,表示浏览器本地缓存没有修改浏览器向服务器发送请求询问缓存是否过期,没过期则以后访问数据不需要经过服务器400-499 表示请求错误,前端编码错误500-599后端服

2022-09-17 17:22:11 234

原创 前端面试题之跨域和解决跨域的方法

全程跨域资源共享,是浏览器的保护机制,只允许网页请求同一域名下的服务,同一域名的要求是协议端口和域名都要一一致,如果有一项不同,称为跨域。解决跨域的方法1)配置后端。是否启动跨域保护机制根据后端的响应来决定,浏览器根据响应的access-control-allow-align响应头决定 如果值为*允许所有请求,值为域名则只允许指定域名请求。根据后端程序语言和库的不同 配置a-c-a-a响应头方法也不同如果使用node可以添加cors,cors默认允许所有跨域请求,如果限制指定域名,可以给cors

2022-09-17 17:03:39 400

原创 面试题之谈谈闭包

闭包结构为一个函数返回值是另一个函数。通俗的来说就是在函数中再次定义一个子函数,子函数可以调用父函数的变量,父函数执行结束后子函数的变量不会被回收。闭包的作用:能让函数作用域中变量在执行后不会被销毁,同时在函数外部可以访问函数内部变量可以延长父函数的生命周期可以拓展父函数的空间 因为加入了子函数闭包带来的问题:由于垃圾回收不会清理闭包中子函数,造成内存泄露,内存泄露积累多了会造成内存溢出。闭包的应用:模仿块作用域,实现柯里化,vue中observer中使用闭包等

2022-09-17 14:00:05 88

原创 面试题之盒模型

一个嵌入网页页面的盒子内容,包含content,padding,border,margin,在设置盒子的时候boxsizing两种值,第一种标准盒模型值为content-box,其width和height值为content,其border和margin,padding都在盒子外部,另一种称为怪异盒模型,值为border-box,其width和height包含于padding,margin,border

2022-09-16 10:45:44 241

原创 面试题之v-if和v-show的区别

两者都是选择是否将元素渲染到dom中的操作,区别在于show方法使用后就会渲染到dom中,TorF的区别仅限于display的值,F的时候display等于none,而v-if为F的时候是不会渲染到dom树中,因此为了处理速度,如果需要频繁切换显示,show方法优于if,如果不需要频繁切换且渲染内容较多,推荐使用if方法。

2022-09-16 10:39:37 85

原创 面试题之js数据类型有哪些

简单数据类型number,string,null,Boolean,undefined,在es6后新增了Symbol和bigint,其存放在栈中,复杂数据类型,主要包含对象,函数,函数等,当然日期,math等也是,在es6后新增了set和map两种数据结构,set使用newSet建立,可以筛选单一值,可以解构为数组,使用...方法,map使用键值对的方式赋值,相比于对象其key值更加灵活,可以是数组,操作也更方便,总而言之,在js复杂数据类型中万物皆可对象。其存储在堆中,对象名存储在栈中,值为堆内存地址。

2022-09-16 10:31:02 229

原创 初识node

nodejs是一个基于ChromeV8引擎的js运行环境nodejs中js运行环境在node中无法使用dom和bom和ajaxnode的作用node命令行中快捷键,↑返回上一条命令,tab快速补全文件路径,

2022-09-16 10:11:10 108

原创 vue的组件声明

vue组件,采用component函数定义,包含两个参数结构如下,第一个参数组件名称,第二个组件描述对象如下,组件名称buttoncounter,用prop可以定义组件属性,在组件中输入属性值,可以同步输出到dom如果要在组件内嵌套多个标签,需要用根节点,如div组件事件监听,如下v-on建立监听事件绑定事件处理函数可以通过this对象@emit方法建立触发事件,第一个参数事件名称,为clicknow,第二个为携带参数,this对象指向data中count。在组件副级

2022-09-13 01:24:52 941

原创 vue表单输入绑定v-model

v-model为不同输入元素绑定不同的属性和处理事件,特点是数据的双向绑定,例如input事件,如下图message默认为空,在输入框内输入test后,dom下的内容也会跟着变化。如下为textarea示例,体现了数据的双向绑定。如下为复选框checkbox和单选框radio示例,复选框v-model在data里数据类型为数组,radio则为字符串,选择后可以看到输出双向绑定的效果。表单数据的提交可以定义一个提交按钮绑定点击事件,设定method,通过t

2022-09-13 00:41:42 441

原创 事件处理v-on

采用v-on:事件名=事件,进行事件绑定,v-on可以绑定vue中具有的所有事件。如下绑定click事件,每次进行按钮的click事件counter会加一,其中双括号counter获取data中counter值v-on也可以接受函数名称,函数声明在new Vue中声明method,在method中声明函数,该函数可以调用data中变量,采用this方法调用,如下先弹出hi,在弹出vuev-on还可以为函数传递参数也可以传递事件变量事件处理事件修饰符

2022-09-13 00:15:46 74

原创 v-for进行列表渲染

使用v-for对dara中items表进行渲染时会输出一个item对象,item对象拥有message属性,其值为items中message,items中数组均为对象的格式,通过item.message渲染到dom中通过v-for指令对object对象进行渲染,object对象如data中所示,通过v-for设定为value in object,输出dom为双括号加value进行对象渲染v-for第一项item可以是多个渲染属性值,加入index并在标签中加入双括号index可以获得

2022-09-13 00:00:06 561

原创 vue的条件渲染之v-if和v-show

可以采用if,else语句对v-if的值进行判定来决定当前模块是否渲染到html界面中。由data中type的值决定哪一块被渲染到界面中v-show,根据条件指定某个元素被渲染,与v-if中不同的是v-show的元素始终渲染保持在htmdom中,值为T时显示,值为false的时候隐藏,等价于display:none,相比于v-if,如果属性需要频繁切换,show方法更好,if适用于不需要多次更改属性

2022-09-12 23:41:02 149

原创 vue2中v-bind指令动态绑定样式

v-bind:类,这种绑定语法用于模块动态变换,这种格式指令的类包含两个值{类名:值},值是布尔值,包括T和F,在data中定义,类名的值在style中定义,如下图v-bind:类的值可以是多个元素从而绑定多个样式也可以使用三目运算符绑定样式同样的动态绑定样式还可以使用v-bind:style语法如下图,color属性的值为color,变量值color在data中定义,fontsize的值size在data中定义,同样可以使用三元运算符的值为T或者F来进行style绑

2022-09-12 23:26:52 1212

原创 Vue模板语法之指令

指令是指带有v-的前缀特殊特性,js表达式改变时,通过指令将改变响应作用到dom。v-if的值seen为T则标签渲染,F则不被渲染v-bind:属性,可以改变属性的值如下图可以改变a标签href指令修饰符用“.“后缀修饰,如图为嵌套div绑定了两个click事件,绑定click事件用@click,绑定事件函数写在vue组件的method方法中,依次两个click事件为@click的值,分别为click1和click2,如果只想执行click2而不执行click1则可以在@click标签后添加

2022-09-12 15:17:26 173

原创 git基本操作

git.init //git初始化git status 查询上传状态git add -A//选择所有项目文件git commit -m “first commit” //保证选择文件可被传输到githubgit reset --hard HEAD //返回到上一次提交commit操作时的状态git log //进入修改commit菜单的操作,可以查询上次提交commit的id,离开日志键入Q,键入git reset --hard commit id,//从log里复制的id,即可获得

2022-09-11 01:14:07 794

原创 JavaScript数组解构赋值的方法

(1)直接赋值解构(2)数组内容互换(3)对象内设计函数解构(4)嵌套数组解构,溢出部分赋值为undefined(5)有初值的解构,输出为891

2022-09-08 02:22:13 208

原创 js中基本数据和引用数据复制方法区别

基本数据定义后会默认分配地址和value到堆栈内,例如oldlastname尽管复制于lastname,两者指向堆栈内同一地址,当lastname改变时,堆栈会赋予新的内存空间给新的地址和value 31,从而old输出为30,last则31。引用数据而言,其值存储在堆中,对象名指向堆栈,在栈内值为堆地址,因此图内堆复制更改数据后,栈内不会分配新地址,在堆内进行数据修改,从而old与原对象输出一致对象数据合并,浅拷贝采用object.assign(obj1,obj2)方法

2022-09-08 01:33:24 71

原创 JavaScript之作用域

在严格模式下js在es6标准以后一般认为拥有三个作用域,全局变量作用域,函数作用域,块级作用域。在查找数据时遵循由内而外的顺序,从函数作用域先查找自身是否含有被查询数据,然后在其父级查询,最后在全局查询。查询顺序严格遵循由内而外。块级作用域通常为if,for语句等,采用le和const定义数据,无论是函数还是变量,其内参数只能在其内单独查询使用,外部函数无法访问。采用var定义数据可以在全局访问,但是在es6标准后var已经基本不在使用。块级作用域定义变量和全局变量完全独立,可以使用相同名称调用

2022-09-07 22:15:23 146

原创 Https相比于http的区别

https加入非对称公钥加密机制避免了中间人的攻击,提高了安全性,采用TLS实现。前后端通信前会有一个握手过程。过程如图

2022-08-29 01:31:18 53

原创 前后端通信的过程和概念解释

概念:浏览器端向后端服务器请求数据,服务端将请求数据解析后响应返回到浏览器端。1.通信方式:1)浏览器输入网页2)html标签 link,img,script,iframe,a,form等多线程并行3)ajax和fetch2.http协议(hypertext transfer protocol):超文本传输协议,是一个请求-响应协议 浏览器发出htrp请求,优先询问自身缓存,有则直接访问无则向服务器发送请求,同时会检验缓存是否过期,找到后会向服务器发送请求询问本地缓存是否过期..

2022-08-29 00:26:13 906

原创 js基础 变量定义const var let 区别

const不可重复定义,需要设定初值var es6之前定义变量方式,用于函数内部定义let可重复定义,新值会覆盖上一次变量值,用于块级元素

2022-08-08 18:00:40 56

空空如也

空空如也

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

TA关注的人

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