- 博客(15)
- 收藏
- 关注
RSS订阅原创 闭包计数器
我们需要的是这么一个变量，它在函数每次调用时不要重置，但是它存在于函数内部。在 JavaScript 中，所有函数都能访问它们上一层的作用域！所以在父函数内定义子函数，子函数能访问父函数的变量！子函数就相当于闭包。如果这时候把计数器定义在父函数里，然后子函数调用计数器，再在父函数外面执行子函数进行计数，那么这个计数器只能通过这个嵌套函数访问到，并且每次计数都不会重置（因为我们执行的是子函数，只有执行父函数该计数器才会重置）var add = (function () { var count..
2022-04-09 16:22:11
340
原创 知识梳理 vue
v-if和v-show的区别答：v-if在进行显示和隐藏的时候是将整个元素从dom树上删掉v-show是设置的overflow: hidden;v-for中的key有什么作用答：这和vue中的Diff算法有关，比较同级的节点，若找不到与新节点类型相同的节点，则插入一个新节点，若有相同类型的节点则进行节点属性的更新，最后删除新节点列表中不包含的旧节点。computed和watch的区别答：computed支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当comput
2022-04-07 08:00:00
147
原创 知识梳理CSS
盒子模型：Flex布局： flex子项目在主轴的缩放比例 ：flex: 2; 约束份数,整数值(使用后宽高失效). 如果用百分数,要加起来是100才可以用. 可实现圣杯布局 flex-direction调整主轴方向：row 、row-reverse、 column 、column-reverse flex-wrap控制是否换行： nowrap、wrap、wrap-reverse; flex-flow是flex-direction、flex-wrap的简写形式
2022-04-06 21:29:59
113
原创 知识梳理，HTML5智能表单
☀ autofocus 属性<input type="text" autofocus/>设置 autofocus 属性，使文本框自动获得焦点注意:一个页面中最多只能有一个表单元素设置该属性，否则功能将失效，建议对第一个input元素设置autofocus属性。☀ formaction 属性<input type="submit" formaction="处理逻辑"><!-- 处理逻辑可为add.jsp(添加)、update.jsp(修改)、delete.jsp(
2022-04-06 20:07:30
944
原创 知识梳理 HTML本地存储,cookie,localStorage,sessionStorage
localStorage和sessionStorage区别数据有效期不同sessionStorage：仅在当前浏览器窗口关闭之前有效；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据 作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localstorage在所有同源窗口中都是共享的。会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过
2022-04-06 19:48:10
234
原创 javascript——原型与原型链
一、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。例如：function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(p..
2022-03-26 15:18:23
89
1
原创 VUE生命周期
生命周期相关总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。1.创建前/后： 在beforeCreate阶段，由于还未初始化，vue实例的挂载元素el和数据对象data都为undefined。在created阶段，vue实例的数据对象data有了，el还没有。2.载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但挂载之前还是为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.mes...
2022-01-03 09:36:38
848
转载 同步异步区别
一、同步、异步的区别同步，是所有的操作都做完，才返回给用户结果。即写完数据库之后，在相应用户，用户体验不好。异步，不用等所有操作等做完，就相应用户请求。即先相应用户请求，然后慢慢去写数据库，用户体验较好。同步：同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。异步：将用户请求放入消息队列，并反馈给用户，系统
2022-01-03 09:14:22
7177
转载 map()方法
map()方法是创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果map定义和方法map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。map()方法按照原始数组元素顺序依次处理元素。注意：map不会对空数组进行检测map不会改变原始数组arr.map(function(currentValue，index，arr),thisValue)参数说明function(currentValue,index,arr)必须，函数，数组中的每个元素都会
2022-01-03 09:13:43
324
原创 如何实现跨域请求
1、jsonp利用了 script 不受同源策略的限制缺点：只能 get 方式，易受到 XSS攻击2、CORS（Cross-Origin Resource Sharing）,跨域资源共享当使用XMLHttpRequest发送请求时，如果浏览器发现违反了同源策略就会自动加上一个请求头 origin；后端在接受到请求后确定响应后会在后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin；浏览器判断响应中的 Ac
2022-01-03 09:10:34
477
转载 HTTP状态码
前言HTTP状态码的作用是告知客户端，从服务器端返回的请求结果。听说面试会问HTTP状态码，相比那些神仙操作，这个记忆性的知识点准备起来比较容易，不应该成为丢分项。文章目录HTTP状态码分类HTTP 状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP 状态码共分为以下 5 种类型：类别 原因语句2XX 请求成功2XX 的响应结果表明请求被正常处理了。200 OK200表示请求在服务器端被正常处理了。在响应报文内，随状态码一...
2022-01-03 09:09:04
460
原创 js jq ajax 2
返回值的内容给到函数体里。形参实参函数自调用声明在函数内的变量，只能函数使用，函数外的全局使用。创建对象。2021/07/1622：28...
2021-07-16 22:29:24
76
原创 ajax笔记 1
原理:Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。基础五步varxhr=newXMLHttpRequest(); //xhr是一个帮手 帮我做事情xhr.open（“get",网址）//post post的请求头 //xhr.setRequestHeader('Content-type','applicat...
2021-07-15 22:13:37
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人