m0_61444152的博客

原创 本人面试经验汇总

Vue--vue-router_郑怪兽的博客-CSDN博客vue2双向数据绑定基本原理_vue2双向绑定原理_liandawubian的博客-CSDN博客。

原创 在浏览器地址栏中输入URl，之后发生什么？

原创 async和await 看这一篇足够了

promise使用.then解决回调地狱，基于回调函数它是同步语法，也就是说用同步的写法写异步的代。

原创 Promise学习

异步编程：js语言是单线程机制，所谓单线程机制就是按次序执行，执行完一个任务再执行下一个，但是不影响存在同步和异步的两种操作，这两种操作做事情其实都在一条流水线上（单线程）只是这两种操作在单线程上的执行顺序不一样罢了，当js触发到异步任务时，会将异步任务交给浏览器，当执行有结果的时候，会把异步任务的回调函数插入待处理队列的队尾。

原创 Cookie和Session 的使用：实现一次会话多次请求间的数据共享

使用Request对象获取Cookie数组:Cookie[] cookies = request.getCookies();原因：HTTP协议是无状态的，靠HTTP协议是无法实现会话跟踪，要想实现会话跟踪，就需要用到cookie和session。创建Cookie对象，并设置值:Cookie cookie = new Cookie(“key”,“value”);获取数组中每个Cookie对象的值:cookie.getName()和cookie.getValue()Session是用来保存用户登录后的数据。

原创 面经总结经验

浏览器的渲染机制可以分为五步：第一步：解析html，构建DOM树 第二步：解析CSS，生成CSSOM树 第三步：合并dom树和css规则树，生成render渲染树 第四步：根据render渲染树进行布局 第五步：调用GPU对渲染树进行绘制，合成图层，显示在屏幕上其中第四步和第五步合起来，就是我们常常说的浏览器渲染，并且第四步和第五步是浏览器渲染最耗时的部分（主要优化点）关于渲染：1.浏览器在生成网页的过程中，至少渲染一次 2.在用户浏览的过程中，还会不断重新渲染 （render = n+1） 3.在构建

原创 js中迭代器和生成器

任何数据，只要部署iterator接口就能完成遍历操作，ES6创造一种新的遍历命令for...of循环，iterator用for...of。3.每次调用next方法，返回一个包含value和done属性的对象。2.每一次调用对象的next方法，指针自动指向数据结构的第一个成员。1.创建一个指针对象，指向当前数据结构的起始位置。next方法可以传递实参 实参就是上一个yield语句返回的结果。yield语句 算是代码的分隔符 把函数代码分块。生成器就是一个特殊的函数。ES6提供的一种异步编程解决方案。

原创 解决跨域的方法

跨域是Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现,同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互,所谓同源(即指同一个域)就是两个页面具备同样的协议(protocol),主机(host)和端口号(port)这是一种非官方的解决方法，由程序员开发出来，JSONP没有浏览器兼容问题，任何浏览器都支持。限制.同源策略是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常的功能可能会受到影响。优点：可以配置多个代理，灵活控制是否走代理。

原创 构造函数、对象实例、原型对象三者间关系

3.一般把公共属性放在构造函数里，公共方法定义在原型对象上。4.最后返回这个空对象（所以构造函数不需要return）3.执行构造函数里面的代码，给空对象添加属性和方法。1.用来初始化实例对象，为对象成员变量赋值。2.通常与new关键字搭配使用。1.在内存中创建一个空对象。2.this指向这个空对象。

原创 v-if与v-show的区别

v-if操作dom元素有更高的切换消耗，v-show只是修改css属性，有更高的初始渲染消耗，如果非常频繁切换，建议v-show反之v-if。v-if：满足条件会渲染到HTML中，不满足条件不会渲染到HTML 是通过操作DOM元素来进行切换显示。v-show：元素始终渲染到HTML，他只是简单的为元素设置css的style属性。1. 指令的作用是：根据真假值来切换元素显示状态，是响应式的。1.作用：根据表达式的真假切换元素的显示状态。首先v-if和v-show都是vue用来判断渲染部分代码块的指令。

原创 var let const 之间的异同

当函数内部存在重复声明或者变量提升时，就算外面的作用域已经声明了这个变量，运行还是认准该函数作用域的声明情况。在es6之前，我们只用var来进行变量声明，了解es6之后，涉及到了块级作用域，let和const。首先var let const 都是在js中声明变量的关键字。注：在函数作用域内部声明的变量将会与对应的函数作用域进行绑定。var、let声明变量时，变量一旦初始化，还可以重新赋值。const声明常量，一旦初始化，就不能重新赋值。let是代替var来声明变量。const是声明常量的。

原创 call、apply、bind之间的区别

相同点：1.都能改变this指向2.接收的第一个参数都是this指向对象3.都可以用作后续参数传参不同点：1.call、bind传参相同2.apply只有两个参数，第二个为数组,3.call apply都可以对函数进行直接调用，而bind不会立即调用函数，而是返回一个修改this的函数。

原创 学生后台管理系统 笔记

这里有一个bug 当选中二级菜单项时 例如 选择school 他的父组件也会进入判断 但是父组件的checked为false 所以会进入到else中 然后进入数组中删除 但是数组中没有 /students 所以indexOf返回的是-1 然而数组第一个参数返回的是-1 代表从倒数第一个开始删除 这样就将数组中的最后一个删除掉了。数组的.indexOf 这个api 的作用是传入元素获取这个元素在数组中的索引。前端的请求路径与后端的路径没有匹配上。根据条件，将当前数组生成另一个数组。

原创 闭包定义及应用

使已经运行结束的函数上下文中的变量对象 继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量不会被回收。应用：实现数据私有化（可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量）是指有权访问一个函数作用域中变量的函数。

原创 原型和原型链

对象有__proto__属性，这个属性指向它的原型对象，原型对象也是对象，也有__proto__属性，指向原型对象的原型对象，这样一层一层形成链式结构称为原型对象，最顶层找不到返回null。函数都有一个prototype属性，称之为原型或者原型对象。原型可以放一些属性和方法，共享给这个实例对象用。

原创 flex布局

该属性将会占据容器中所有剩余空间，所以可以轻易做到footer元素 一直保持在底部的效果。header和footer各占领屏幕所有宽度、高度固定。三栏布局中两侧宽度固定不变、中间部分自动填充整个区域。中间container是一个三栏布局。中间部分高度是三栏中最高区域的高度。

原创 VUE2-3学习

一、定义语法：（1）局部指令：directives:{指令名：配置对象} 或 directives{指令名：回调函数}（2）全局指令：Vue. directive(指令名：配置对象) 或 Vue. directive(指令名：回调函数)二、配置对象中常用 3个回调：（1）.bind： 指令与元素成功绑定是调用。（2）.inserted: 指令所在元素被插入页面时调用。（3）.update:指令所在模板被重新解析时调用。

原创 es9新特性

Rest参数与spread扩展运算符在es6中已经引入，不过es6中只针对于数组，在es9中为对象提供了像数组一样的rest参数和扩展运算符。

原创 ES6应该掌握的知识

通过class关键字，可以定义类，es6的class可以看作只是一个语法糖，它的绝大部分功能，es5都能做到，新的class写法只是让对象原型的写法更加清晰，更加面向对象编程语法而已。es6提供了Map数据结构，它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。任何数据，只要部署Iterator接口，就能完成遍历操作，ES6创造一种新的遍历命令for...of 循环，Iterator用 for...of。类似于数组，但成员的值都是唯一的，

原创 jquery的元素操作

element.prop("属性名","属性值") 设置元素固有属性值。2. 获取设置元素文本内容 text() 相当于原生的innerText。1. 获取设置元素内容 html() 相当于原生的innerHTML。1. element.prop("属性名") 获取元素固有的属性值。3. 数据缓存 data() 这个里面的数据是存放在元素的内存里面。3. 获取设置表单值 val() 相当于原生的value。$.each() 方法遍历元素 主要用于遍历数据，处理数据。.each() 方法遍历元素。

原创 JavaScript高级

/1、自定义函数（命名函数）fun();//2、函数表达式（匿名函数）fn();//3、利用new Function("参数1","参数2"...,函数体)f(1, 2);// 所有的函数 都是 Function的实例对象// 函数也属于对象相同点可以改变函数内部的this指向不同点1、call和apply 会调用这个函数 并且改变this指向。

原创 构造函数、实例对象、原型对象三者之间的关系

如果有多个对象的方法，我们可以给原型对象采取对象形式赋值，但是这样就会覆盖构造函数原型对象原来的内容，这样修改后的原型对象 constructor 就不再指向当前构造函数了。对象原型的意义就在于为对象的查找机制提供一个方向，或者说一条路线，但是它是一个非标准属性，因此实际开发中，不可以使用这个属性，它只是内部指向原型对象 prototype。，指向构造函数的 prototype 原型对象，对象之所以可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有。其基本思想就是利用对象原型。

原创 less的基本概念

Less（Leaner Style Sheets 的缩写）是一门CSS扩展语言，它扩展了CSS的动态特性。CSS预处理器常见的CSS预处理器：Sass、Less、Stylus预处理器是程序中处理输入数据，产生能够用来输入到其他程序的数据的程序less:让你写更少的代码，实现相同的效果。

原创 HTML+CSS复习笔记

当上下相邻的两个元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top,则他们之间的垂直距离不是margin-bottom与margin-top之和，而是两者中较大者。简单说，css精灵是一种处理网页背景图像的方式，他将一个页面所涉及到的所有零星背景图像都集中打到一张大图中去，然后将大图应用于网页，这样，当用户访问改页面时，只需要向服务发送一次请求，网页中的背景图像即可全部展示出来。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也有不同。

原创 前端学习全路线（本人学习路线及笔记，慢慢逐渐完善，随时更新）

本人2022年6月开始学习前端，本科是计算机科学与技术，通过学校的讲座了解到前端，从而产生兴趣，开始在网上寻找资源，学习前端知识，期间网上的各种资源鱼龙混杂，所以也采了不少坑。总之学习前端不要一上来就跟打了鸡血一样，这样会后劲不足，应该随着知识体系，逐渐深入。最后，通过在csdn上发布文章，一方面可以归纳总结自己所学知识，另一方面也欢迎各位大神来交流指导。加密：单向数据加密md5/对称加密/非对称加密。接口：RESTful API （增删改查）garaphQl（国外常用）