JavaScript继承

基础概念 说继承之前简单介绍一下，几个概念，有助于更深刻的理解继承。 能用口述或者文字的形式，说一下什么是函数吗？ 按照犀牛书的说法，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。 //使用方式 //1.直接声明 function(){} //2.函数表达式 let fun = function(){} //3. new Function() var fun1 = new Function (arg1 , arg2 ,arg3 ,…

js继承的方法 想要继承，就必须先提供一个父类，这里以Person来作为父类举例 function Person(name){//给构造函数添加了参数 this.name=name; this.sex="male"; this.say=function(){ console.log(this.name); } } Person.pr

有如下父类 function People(name,age){ this.name = name this.age = age this.seelp = function(){ console.log('i am seelp') } } People.prototype.eat = function(){ console.log('i can eat') } 原型链继承 原理： 子类 的 prototype = 父类 的 实例 优点： 简单 不占

JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。JS面向对象知识中，继承是比较难比较抽象的一块内容，而且实现继承有很多种方法，每种方法又各有优缺点，需要对面向对象知识中的对象、原型、原型链、构造函数等基础知识掌握透彻,下面我们介绍四种继承的方法：原型链继承，构造继承，实例继承，组合继承。 既然要实现继承，那么首先我们得有一个父类，代码如下： /*先定义一个父类对象*/ ...

用nodejs+express封装自己的api，遇到跨域问题 原本我是这样写进去的： //设置跨域访问 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Req...

又来打个酱油. mouseover(鼠标覆盖) mouseenter(鼠标进入) 二者的本质区别在于,mouseenter不会冒泡,简单的说,它不会被它本身的子元素的状态影响到.但是mouseover就会被它的子元素影响到,在触发子元素的时候,mouseover会冒泡触发它的父元素.(想要阻止mouseover的冒泡事件就用mouseenter) 共同点:当二者都没有子元素时,二者的行为是...

年少无知的我原先是这样调用子组件中的方法的 引用子组件（父组件中）： <ShareBottom ref="child"/> 其中ref相当于赋予子组件一个ID的引用，可以当成标识来看。 调用子组件的方法（父组件中）： <div @click="this.$refs.child.shareClick();">分享</div> 需要改为...

import 概念 : import语句用于导入由另一个模块导出的绑定。无论是否声明了strict mode，导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。 语法 ： `import defaultExport from "module-name";//导入使用默认导出名称的导出 import * as name from "module-name";//导入带有...

使用splice： splice() 方法用于添加或删除数组中的元素。 语法：array.splice(index,howmany,item1,.....,itemX) 用法： var animals = [{ "name": "dog", "age": "2" }, { "name": "cat", "age": "4" }, { "name": "bird", "age": "6...

判断是否是中文:  function Chinese(temp) { let re = /[^\u4e00-\u9fa5]/; if (re.test(temp)) return false; return true; } 如下:  传入后台的中文如果是乱码...

查找依赖包，发现element-ui/lib中并没有发现style.css文件，但是在使用的时候总是隐式加载了style.css文件，导致编译报错 解决方式：把全局引入更换为局部引入 借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 首先安装： npm install babel-plugin-component -D 然后，...

题目描述 给定字符串 str，检查其是否包含连续3个数字 1、如果包含，返回最新出现的 3 个数字的字符串 2、如果不包含，返回 false 示例1 输入 '9876543' 输出 987 function captureThreeNumbers(str) { if (str.match(/([0-9]){3}/g)==null){ return f...

当你想要判断是浏览器环境是Android还是ios设备可以使用window.navigator.userAgent。 概念： 返回当前浏览器的用户代理（user agent）字符串，userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。 语法： ``` var ua = window.navigator.userAgent; ```   浏览器可...

小白 ~_~!!  日常打酱油  一般我们为已经存在的元素绑定事件,那么直接获取这个元素的id,直接绑定上去就可以了. 但当这个元素不存在,将会我们又会添加进去的时候,直接获取目标元素id绑定事件就会对未来新添加的元素失效了!!.  也就是你后来新添加这个元素,是无法被触发的,事件根本就没有被绑定上去.但是还是有解决办法滴.(JavaScript)解决办法: 1. 通过它的父元素 2. 借助事件属...

题目描述 给定字符串 str，检查其是否包含连续重复的字母（a-zA-Z），包含返回 true，否则返回 false 示例1 输入 'rattler' 输出 true 使用正则表达式： function containsRepeatingLetter(str) { if (str.match(/([a-z]|[A-Z])(\1+)+/g)==null){ ...

锚点定位且不改变url html 事件触发 &lt;li v-for="(item,index) in couponsList.swaps" :key="index" @click="toTegional(index)"&gt;{{regionalList[index]}}&lt;/li&gt; 锚点埋藏 &lt;div v-for="(item,index) in .

需求场景：比如一个页面导航有蔬菜、水果、肉类，通过改变链接去跳转到蔬菜、水果、肉类所在的位置。 方法一：使用<a>标签 我一开始使用<a>标签的锚点触发，发现<a>标签无法通过手动直接改变链接hash去跳到指定锚点（运营会这样操作），那么是否可以进入页面后直接自动触发这个<a>标签事件, 但是默认是禁止了<a>标签点击事件自动触发，...

意思是需要的是Number类型，但是传递了String类型 转换成合适的类型就可以了

栈方法（push()和pop()），只对数组尾部操作 push():可以接收任意数量的参数，把他们逐个添加到数组末尾，并返回修改后数组的长度。 pop():从数组末尾移除最后一项，减少数组的length值，然后返回被推出栈的元素 如下图: 队列方法（shift()、unshift()），只对数组首部操作 shift()：移除数组中的第一个项并返回该项，同时数组长度减1 unsh...