11 2020 档案
H5新特性
摘要：1，H5新增新特性有哪些： html5新增标签 mark 标记 meter 表示度量 progress 进度条 ruby 注释 rt 对ruby元素内容的解释 rp 当浏览器不支持ruby元素的时候显示的内容 time 表示一个时间点 datalist：配合input使用，并且通过input的lis
阅读全文
闭包
摘要：一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 9
阅读全文
call、apply、bind的作用
摘要：call、apply、bind的作用是改变函数运行时this的指向，所以先说清楚this。以下是函数的调用方法：方法调用模式：当一个函数被保存为对象的一个方法时，如果调用表达式包含一个提取属性的动作，那么它就是被当做一个方法来调用，此时的this被绑定到这个对象。 var a = 1 var obj
阅读全文
Javascript非构造函数的继承
摘要：一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 var Chinese = { nation:'中国' }; 还有一个对象，叫做"医生"。 var Doctor ={ career:'医生' } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生
阅读全文
Javascript构造函数的继承
摘要：对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数。 function Cat(name,color){ this.name = name; this.color =
阅读全文
JavaScript 的 this 原理
摘要：JavaScript 的 this 原理 一、问题的由来 学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二
阅读全文
字符串的新增方法
摘要：字符串的新增方法 本章介绍字符串对象的新增方法。 String.fromCodePoint() ES5 提供String.fromCharCode()方法，用于从 Unicode 码点返回对应字符，但是这个方法不能识别码点大于0xFFFF的字符。 String.fromCharCode(0x20BB
阅读全文
字符串的扩展
摘要：字符串的扩展 本章介绍 ES6 对字符串的改造和增强，下一章介绍字符串对象的新增方法。 字符的 Unicode 表示法 ES6 加强了对 Unicode 的支持，允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。 "\u0061" // "a" 但是，这种表示法只限
阅读全文
变量的解构赋值
摘要：变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 以前，为变量赋值，只能直接指定值。 let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样。 let [a, b
阅读全文
let 和 const 命令
摘要：let 和 const 命令 let 命令 基本用法 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined.
阅读全文
Promise 对象
摘要：Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会
阅读全文
vue具名插槽
摘要：具名插槽 具有名字的插槽slot使用 中的 "name" 属性绑定元素 注意： 1，如果没有匹配到 则放到匿名的插槽中 2，具名插槽的渲染顺序，完全取决于模板，而不是取决于父组件中元素的顺序 <div id="app"> <!--这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 s
阅读全文
vue 匿名插槽
摘要：组件插槽：组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力 # 当组件渲染的时候，这个 <slot> 元素将会被替换为“组件标签中嵌套的内容”。 # 插槽内可以包含任何模板代码，包括 HTML 匿名插槽 <div id="app"> <!--这里的所有组件标签中嵌套的内容会替换掉slo
阅读全文
vue-兄弟组件传值
摘要：兄弟组件之间传值： 兄弟之间的传递数据需要借助于事件中心，通过事件中心传递数据提供事件中心 var hub = new Vue() 传递数据方，通过一个事件触发hub.on()方法名 销毁事件 通过hub
阅读全文
vue-父组件向子组件传递参数
摘要：父组件向子组件传递参数： 注意： - 父组件发送的形式是以属性的形式绑定值到子组件身上。 - 然后子组件用属性props接收 - 在props中使用驼峰形式，模板中需要使用短横线的形式字符串形式，字符串模板中没有这个限制 - 在需要动态的数据的时候 需要属性绑定的形式设置，静态值不需要绑定形式设置，
阅读全文
数组去重的12种方法4-对象属性
摘要：利用对象的属性不能相同的特点进行去重： var b = Array.from('acbacebgjfab') //通过Array.from方法定义一个新的数组 function uniq(arry){ if(!Array.isArray(arry)){ //先判断传入的数据是不是数组类型 retur
阅读全文
数组去重的12种方法3-indexOf
摘要：主要用到indexOf方法，判断新数组是否包含当前遍历的就数组当中的项： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置： var b = Array.from('acbacebgjfab') //通过Array.from方法定义一个新的数组 function uniq(a
阅读全文
数组去重的12种方法2-set
摘要：Set对象是ES6中新定义的数据结构，类似于数组，它允许你存储任何类型的唯一值，不管是原始值还是对象引用。 Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组 var b = Array.from('1123455266367809') // 通过Array.from
阅读全文
数组去重的12种方法1-splice
摘要：1 var b = Array.from('1123455266367809') //定义一个数组，通过Array.from方法返回一个数组 2 3 function unq(arr){ //定义一个去重的函数 4 for(let i=0;i<arr.length;i++){ //定义一个外层for
阅读全文
Vue的Eslint中常见的报错解决方法
摘要：语法错误 "TypeError: Cannot read property 'resetFields' of undefined" 关键字前面的值变成了undefined property or method "isCollapse" is not defined on the instance b
阅读全文
Vue-自定义过滤器
摘要：Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!-- 在双花括号中 --> {{ message | ca
阅读全文
计算属性 computed
摘要：计算属性 computed 模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 <div i
阅读全文
Vue.directive(自定义指令)
摘要：Vue.directive指令(自定义指令) 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个改变d
阅读全文
