lk19910323的博客

web常见的攻击方式（WebAttack）及如何防御

JavaScript 回调函数面试题

去哪儿项目总结

1： 第一步：搭建node运行环境，根据操作系统选择相应安装包下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。2：第二步：安装webpack npm install webpack -g3：第三步：安装脚手架 npm install -g @vue/cli-init4： 第四步：创建项目 使用vue init webpack my-project命令创建项目，其中my-project为项目

1、Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。2、特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF3、安装步骤npm install axios 或者 yarn 或者 cnpm4、axios的原理：// 封装Ajax,实现axios进行回调 var axios =

一、Git是一款分布式源代码管理工具(版本控制工具)1.1、我们写的代码需要使用Git进行管理。源代码有必要管理起吗？1.02.0 //svn,vss,vcs… git有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linuslinus自己写了一个版本管理的工具(Git)特点：Git易于学习， 占用空间小，性能快如闪电。它优于 Subversion、CVS、Perforce 和 ClearCas

在 js 中 this 不是固定不变的，它会随着执行环境的改变而改变。要注意的是 this 取什么值，是在执行时确认的，定义时无法确认。this 的调用大概分为五种场景： 1.浏览器里，在全局范围内的 this 指向 window 对象； 2.在函数中，this 永远指向最后调用他的那个对象； 3.构造函数中，this 指向 new 出来的那个新的对象； 4.箭头函数中 this 比较特殊,箭头函数 this 为父作用域的 this，不是调用时的 this.要知道前四种方式,都是调用时确定,也就是动态的,

1.什么是 ts？ts 全称是 TypeScriptTypeScript 可以理解为是 JavaScript 的扩展，扩展了 js 的语法，因此我们可以在 ts 中继续写 js 的代码而不回报错TypeScript 又叫做静态的 JavaScript，不能直接引入到 html 中，不能直接被浏览器识别，需要经过 ts 转换器或者是 babel 转化后才能使用2.如何理解静态语言和动态语言？类型系统按照类型检查的时机来分类，分为动态类型和静态类型，动态是在运行时候才检查数据类型，静态是在编译时候检查

深拷贝拷贝的是值 浅拷贝拷贝的是地址深拷贝和浅拷贝的区别1.浅拷贝： 将原对象的引用直接赋给新对象，新对象只是原对象的一个引用，而不复制对象本身，新旧对象还是共享同一块内存2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”，新对象跟原对象不共享内存，修改新对象不会改到原对象2.1数组 深拷贝的方法1.可以用JSON.parse(JSON.stringify())2.concat3.扩展运算符 let arr = [1, 2, 3

闭包：简单的理解就是函数中套了一个函数，内层函数可以访问外层函数中的变量有时候需要用到函数内的局部变量，在正常情况下是不能读取到的，这个时候就需要用到闭包。闭包可以封装对象的私有属性和方法，vue 中的 data 就是一种闭包的形式。闭包作为回调函数，可以实现函数的复用优点：闭包因为长期驻扎在内存中。可以重复使用变量，不会造成变量污染缺点：闭包会使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，可能会导致内存泄露。解决方法是在退出函数之前，将不使用的变量全

1.作用域：作用域就是一个变量可以使用的范围，主要分为全局作用域和函数作用域全局作用域就是 Js 中最外层的作用域函数作用域是 js 通过函数创建的一个独立作用域，函数可以嵌套，所以作用域也可以嵌套Es6 中新增了块级作用域（由大括号包裹，比如：if(){},for(){}等）2.自由变量：当前作用域外的变量都是自由变量，作用域链就是 自己没有这个变量就从上一级作用域查找，直到找到为止，直到找到顶层 window，没有的话就报错 3.变量提升:每个 var 声明的变量，function 声明的

1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；两种类型的区别是：存储位置不同：基本数据类型存储在栈中引⽤类型的对象存储于堆中2.js 常用的基本数据类型包括 undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)、Symbol - - (符号)；3.js 的引用数据类型也就是对象类型 Object- - (对象)，比如：

是 es6 新增加的两种数据结构 数据结构不是数据类型set 这种数据结构的特点是值是唯一的 所以可以用来数组去重let arr = [1, 2, 3, 4, 4, 3, 5];let data = […new Set(arr)];map 这种数据结构 跟对象相似放的是一个键值对形式的数据 跟对象的区别是他的 key 值可以是任何的数据类型新增加的 symbol 才是数据类型// symbol 是一种新的数据类型// symbol 的值永远都是唯一的let a = Symbol(“aa”);

传统的 javascript 中只有对象，没有类的概念。它是基于原型的面向对象语言。Es5 的时候通过构造函数来创建类 到了 es6 我们就可以通过 class 关键字来创建类，跟传统的面向对象的语言更加接近。ES5 中如果要生成一个对象实例，需要先定义一个构造函数，然后通过 new 操作符来创建实例。ES6 中的类ES6 引入了 class（类）这个概念，通过 class 关键字可以定义类。该关键字的出现使得 javascript 在对象写法上更加清晰，更像是一种面向对象的语言。注意项: 1.在类

：JS 继承实现⽅式也很多，主要分 ES5 和 ES6 继承的实现先说⼀下 ES5 是如何实现继承的ES5 实现继承主要是基于 prototype 来实现的，具体有三种⽅法⼀是实例继承：即 B.prototype=new A() 让 b 的原型等于 a 的实例⼆是借⽤构造函数继承(call 或者 apply 的⽅式继承)function B(name,age) {A.call(ths,name,age)}三是组合继承组合继承是结合第⼀种和第⼆种⽅式再说⼀下 ES6 是如何实现继承

prototype 显式原型每个函数都有一个 prototype 属性，被称为显式原型，里面包含了这个构造函数公共的方法_ proto 隐式原型每个实例对象都会有_ proto 属性,其被称为隐式原型每一个实例对象的隐式原型 proto _属性指向自身构造函数的显式原型 prototypeconstructor每个 prototype 原型都有一个 constructor 属性，指向它关联的构造函数。原型链获取对象属性或者方法的时候，如果对象本身没有这个属性，那就会去他的原型_ proto.

在 JavaScript 中， new 操作符⽤于创建⼀个给定构造函数的实例对象new 的实例可以访问构造函数函数里的属性也能访问 原型上的方法创建⼀个新的对象 obj将对象与构建函数通过原型链连接起来将构建函数中的 this 绑定到新建的对象 obj 上根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理...

es5 的面向对象是通过 new 一个构造函数实现的es6 的面向对象是通过 class 实现的 es6 的 class 就是面向对象的语法糖（实现同样的功能 但是代码更少 更加简洁）面向对象是一个概念或者编程思想，面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式（在 js 中一切皆对象比如说数组 object number string 等等 这些都是内置对象那么怎么自定义对象es5 的时候没有像后台语言

For in 可以遍历对象 ⽽ for of 遍历对象会报错for in 遍历数组得到的数组的下表 ⽽ for of 遍历得到的时候数组⾥⾯的每⼀个元素

常用的字符串方法大全⼀、拼接或截取字符串1.str.concat()⽤于将⼀个或多个字符串拼接起来，返回拼接后的新字符串参数：可以有多个，⽤来拼接到str上的字符串let str ='hello';console.log(str.concat(' ','world'))//'hello wor2.str.slice()此⽅法⽤来提取⼀个字符串，并返回⼀个新的字符串参数：1)beginIndex，表⽰从该索引处开始提取字符串的字符(包括)，如果为负数则从后开始计算2)endIndex，表