JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承
上文提到我们不会单独使用基于函数伪造的方式实现继承,而是会使用**基于原型链和函数伪装组合的方式实现继承**。这种继承方式也叫伪经典继承,它的思想是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数的复用,又能够保证每个实例都有它自己的属性。 ![600.png](http://static.51tbox.c...
上文提到我们不会单独使用基于函数伪造的方式实现继承,而是会使用**基于原型链和函数伪装组合的方式实现继承**。这种继承方式也叫伪经典继承,它的思想是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数的复用,又能够保证每个实例都有它自己的属性。 ![600.png](http://static.51tbox.c...
**location对象**是window对象的一个属性,它用于访问当前加载在窗口的文档的URL。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/feb8a90c46c66c5bb007644b8a207d59/df99c443ff084f07b6d2d7790158b177.png.jpg) 作为对象,...
除了Document类型之外,Element类型是JavaScript编程中最常使用的类型。Element类型常用于表现HTML或XML元素,提供对元素标签名、子节点及特性的访问。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/6e23a3d1b5efdf5f0d5981d10afbf082/7f9b71b...
变量代表了系统的一个存储区域。所有的编程语言都提供了变量这个语言元素。变量用于存储数据,比如数值或字符串。变量有三个方面的特性:名称、类型以及变量的值。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/80e1978a5779f6baa35d35f9746640c7/ae89e0d099074203a3d8d...
在JavaScript中,所有的一切都是对象,为了便于开发工作,JavaScript提供了处理字符串、数学运算、日期和时间、正则表达式和数值等一系列的内置对象,它们都遵从ECMAScript1.0规范,因此在所有平台下这些对象的功能和表现都是一样的。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/0dc3b...
我们可以通过javascript来修改SVG元素,使它产生动画效果,或者在SVG图像上监听鼠标事件等等。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/213bb6a53977cbfa664159b59f246933/fa949d964e004577a93a5ad557ce4a93.png.jpg) 当S...
说到手机终端设备,众所周知了,主要是iOS(iPhone)、Android两种。在有些项目中,我们需要PC和移动端设备两种不一样的效果。比如我先前做了一个"晒创意跑步轨迹"的一个活动,在分享功能上就需要区分PC和移动端,如下图: ![QQ截图20160912150618.png](http://static.51tbox.com/static/2024-1...
![querySelector与getElementById两者差异与特别之处](http://static.51tbox.com/static/2024-11-22/col/6fecc21206b2ee87f526632479a993cb/cf7f896271814fb5a799b033bff9a80b.png.jpg "querySelector与getEleme...
![element ui](/images/tt/vue.jpg "element ui") 有段时间吗没弄[element-ui](/tags/elementUI/ "element-ui")了,今天来熟悉下。玩下element-ui的select下拉框小应用:实现加上滚动加载。 在项目中,我们需要运用到很多来自后端返回的数据。有时...
获取到一个数据中,嵌套着二级数据,此时,比如获取到分类(商品),此时仅需要渲染商品,而不需要分类,且他俩有部分共同的属性,没学多少,不知道有什么更高效的方法,所以我遍历了。 接口数据 ---- ```lang-json { "code": 200, "data": [{ "id": 1, ...