m0_56899254的博客

原创 JS数组去重方法

创建一个新空数组，遍历数组，判断数组元素是否存在于新数组中，不存在则进行添加。//判断前一项和后一项是否相等，相等删除后一项，修正下标。//检测数组元素是否存在于新数组中，不存在添加。// 将符合条件得数组元素添加到新空数组中。// 将数组转为set集合 去除重复成员。// 将符合条件的新的数组返回。// 1.将set集合转为数组。//创建一个新的空数组。//返回去重后的新数组。//对数组进行去重复。// 声明一个新空数组。// 创建新的空数组。// 返回不重复数组。

原创 v-if 和 v-show区别？项目为什么data是一个函数不是一个对象?

因为组件是可复用的实例,如果其他页面也用到了该组件,如果不使用return包裹数据就会全局可见，造成变量污染只要其中一个页面更改数据 其他页面用到该组件的变量也会被修改，因此组件中的data必须是一个函数 使用return返回一个对象，vue根实例可以是一个对象 其他组件data必须是函数。是惰性的,如果一开始条件不满足，元素就不会被渲染直到条件满足才开始渲染元素，对应的是子组件和监听器的重新创建和销毁。v-if 对应的是元素的删除和添加 v-show对应的元素的显示和隐藏。

原创 Vue模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。3. 给属性绑定变量 使用v-bind进行绑定 无法使用{{}}{{content}} 无法将字符串中标签解析。4. 给标签绑定事件 使用v-on：事件类型。5. {{js表达式}}后续该vue变量改变。

原创 生命周期(钩子函数)

注：实例初始化阶段生命周期和实例挂载生命周期只会执行一次，实例更新阶段生命周期只要数据改变就会一直执行。实例更新之前：此时数据更改，触发该生命周期，此时dom的数据还未更新完成，还没有编译到模板中。实例更新完成：数据更改就会触发生命周期，此时dom中的数据已经更新完成，编译到模板中。vue实例从创建到虚拟dom产生，到数据绑定，监听数据变化，到vue实例销毁的过程。实例销毁之前：实例销毁会触发该生命周期，依旧可以访问vue实例中的数据模型和方法。实例销毁完成：销毁了实例的监听器、子组件和事件监听。

原创 MVVM模型

原创 ES5继承和ES6继承

/子类继承父类 不提供constructor 还会继承父类的原型对象。//类体方法，实例公共方法，存放在Person.prototype。2. ES6继承--使用extends关键字实现继承。//继承父构造函数属性 借用构造函数继承，经典继承。//相当于调用父类构造器Animal.call()//原型链继承，子类的原型对象指向父类的实例。1. ES5继承--经典继承(原型链继承)//构造器属性 实例私有属性。//静态属性和静态方法。'子类实例公共方法'

原创 ajax-get无参

readyState===4表示响应完成，status===200表示响应成功。get请求携带参数携带在地址栏上，post请求携带参数携带在请求体中。open(请求方式，请求路径)例：将图片和图片的状态及介绍展示于页面。接收响应，监听状态改变。发送一个ajax请求。

原创 超时调用和间歇调用

返回值：返回一个数值ID，利用其来取消超时调用clearTimeout(ID)返回值：一个间歇调用的ID，利用其取消间歇调用clearInterval()介绍：每隔一段时间函数执行一次，按照指定的时间间隔重复执行代码。参数：(函数，wait)---要执行的代码；参数：(函数，wait)---要执行的代码；介绍：超过一段时间后调用一次函数。方法：setInterval()方法：setTimeout()

原创 事件委托(事件代理)

利用事件冒泡，只指定一个事件处理程序就可以管理某一类型的事件，将本应该绑定给子元素的事件绑定给父元素。：优化页面性能，减少事件执行，减少浏览器的重排(回流)和重绘，给新增的元素绑定事件。

原创 数组方法重构

JS数组API方法重构

原创 JS数组API

JS十种数组API

原创 DOM获取节点内容的三种属性

识别代码片段，获取元素节点内容，包括元素节点，并且会保留代码格式。只能获取元素节点文本节点，去除文本前后空格。只能获取元素节点文本节点，并且会保留代码格式。DOM获取节点内容的三种属性。

原创 JS-继承

/ var d1 = new Dog('狗',1,'10kg','50cm','可乐','白色');// var a1 = new Animal("狗",12,'10kg','50cm')* 调用父构造函数并且将this指向修改为子构造函数实例。//原型链继承，子构造函数的原型对象指向父构造函数的实例。* this ---> dog实例。//借用构造函数继承，经典继承。* 将公共方法写在原型对象。

原创 string类型的方法

返回值：从start位置开始截取字符串到end(不包括end位置)返回值：从start位置开始截取字符串到end(不包括end位置)返回值：从start位置开始截取长度length得字符串。返回值：以Unicode编码形式返回指定位置的字符。参数：(从后往前查找的字符，index(可选))参数：(查找的字符，index(可选))返回值：返回第一次查到的字符索引或-1。返回值：返回第一次查到的字符索引或-1。参数：(start,end)参数：(start,end)返回值：返回指定位置的字符。

原创 String对正则表达式的支持

如果添加了分组，则返回符合要求的字符串及单独分组的部分；若同时开启全局配置，则不会在返回的数组中添加分组内容，仍为。当未开启全局匹配时,匹配字符串中符合正则表达式的字符串，并返回该字符串的一个。查找字符串中是否有匹配正则的字符串，有则返回字符串第一次出现时的位置。如果开启全局匹配，则会替换所有符合正则表达式的字符串。注：无论是否开启全局配置都不会影响返回的结果。满足正则表达式条件的内容将被替换。数组，其中包括字符串内容、位置。的字符全部放到一个数组中。的字符全部放到一个数组。

原创 JS数组操作方法

返回值：返回得下标为start到下标为end的数组元素，但不包含末尾，即不包含下标为end的数组元素。//[3,4,5] 得到的是下标为2的数组元素到下标为4的数组元素(因为不包含最后一个元素)//从下标为2的位置删除0个元素(即不删除元素)，在前边直接增加数组元素。//[3,4,5,6] 从下标为2的数组元素到最后一给数组元素。//res为[4],arr为[1,2,3,'tom',5]//res为[4,5],arr为[1,2,3]//res为[4],arr为[1,2,3,5]

原创 JS数组迭代方式

d. 注：当不给迭代对象提供第二个参数时，默认指向全局对象global；a. 判断数组中的每一个元素是否符合内部表达式，若均符合则返回true，均不符合则返回false。a. 比对数组中的每一个元素是否符合内部表达式，若有一项符合返回true，全部不符合返回false。b. 参数：函数(item,index,false)b. 参数：函数(item,index,arr)b. 参数：函数(item,index,arr)返回值：true/false。修补修改原数组：不修改。修不修改原数组：不修改。

原创 Object原型属性及方法

每一个构造函数(Object)都有一个原型对象(Object.prototype)，构造函数通过指针---prototype 指向原型对象。每一个原型对象(Object.prototype)都有一个指针---constructor指向构造函数/构造者(Object)。构造函数创建的实例对象(obj)都有一个指针--- _proto_ 指向原型对象(Object.prototype)。

原创 JS类型转换

如果首位为数值，依次向后解析，找到连续的数值，直到遇到第一个非数值的，将之前获取的数值转换为Number返回。//12.1 首位为符号位，其余为为数值，转换为对应的数值。//10 如果仅包含十六进制格式，转为为对应的十进制的值。//10【注意】不会当做八进制被解析，结果为10。首位为符号位，其余为为数值，转换为整数。首位为符号位，其余为数值，保留小数。// NaN 符号位出现在其他位置，解析为NaN。//123 如果仅包含数值，转换为对应的数值。如果仅包含数值，转换为对应的数值。

原创 算数运算符和一元运算符

D. 在其他字符类型前加“+”，可以隐式的将其数据类型转化为number。B. 可以隐式的将其数据类型转化为number。C. 与字符串连接时就是字符串连接符。B. 删除数组元素中特定索引的值。A. 递增在前，是前自增后赋值。B. 递增在后，是先赋值后自增。B. 放在数据前面，取正数。A. 将变量转化为布尔类型。④ ++ (递增)

原创 JS数值检测

isNaN:用来检测是否是一个数字，是数字返回false，不是数字返回true。NaN:不是数字（not a number）

原创 CSS选择器

⑤先找到所有名称叫做"标签名称1"的标签, 然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签, 然后在设置属性。③只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input....):only-child 选中父元素仅有的一个子元素E。作用：给所有选择器选中的标签中, 相交的那部分标签设置属性(标签选择器+类选择器)作用：根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性。注：①标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签。

原创 CSS水平垂直居中方式

4. 给父元素设置相对定位，给子元素设置绝对定位，给子元素设置top left为50%，margin-left：-width/2 px，margin-right：-height/2 px。5. 给父元素设置display:flex 和 justify-content：center 和 align-items：center。1. 通过margin，需要给父元素设置border属性给子元素设置margin为宽高的一半。给父容器设置收缩盒，给子容器设置margin：auto。3. 给父元素设置相对定位。

原创 CSS盒子组成

盒子属性 、盒模型、背景样式、盒模型

原创 CSS定位

静态定位 / 相对定位 / 绝对定位 / 固定定位 / 粘滞定位