51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承

JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承

厉飞雨 阅读(4) 评论(0) 赞(0)

上文提到我们不会单独使用基于函数伪造的方式实现继承,而是会使用**基于原型链和函数伪装组合的方式实现继承**。这种继承方式也叫伪经典继承,它的思想是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数的复用,又能够保证每个实例都有它自己的属性。 ![600.png](http://static.51tbox.c...

JavaScript浏览器对象-location对象

JavaScript浏览器对象-location对象

厉飞雨 阅读(5) 评论(0) 赞(0)

**location对象**是window对象的一个属性,它用于访问当前加载在窗口的文档的URL。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/feb8a90c46c66c5bb007644b8a207d59/df99c443ff084f07b6d2d7790158b177.png.jpg) 作为对象,...

JavaScript文档对象模型-Element类型

JavaScript文档对象模型-Element类型

厉飞雨 阅读(5) 评论(0) 赞(0)

除了Document类型之外,Element类型是JavaScript编程中最常使用的类型。Element类型常用于表现HTML或XML元素,提供对元素标签名、子节点及特性的访问。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/6e23a3d1b5efdf5f0d5981d10afbf082/7f9b71b...

javascript变量及变量作用域

javascript变量及变量作用域

厉飞雨 阅读(4) 评论(0) 赞(0)

变量代表了系统的一个存储区域。所有的编程语言都提供了变量这个语言元素。变量用于存储数据,比如数值或字符串。变量有三个方面的特性:名称、类型以及变量的值。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/80e1978a5779f6baa35d35f9746640c7/ae89e0d099074203a3d8d...

JavaScript核心对象-数组对象

JavaScript核心对象-数组对象

厉飞雨 阅读(5) 评论(0) 赞(0)

在JavaScript中,所有的一切都是对象,为了便于开发工作,JavaScript提供了处理字符串、数学运算、日期和时间、正则表达式和数值等一系列的内置对象,它们都遵从ECMAScript1.0规范,因此在所有平台下这些对象的功能和表现都是一样的。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/0dc3b...

SVG进阶 | SVG和Javascript脚本

SVG进阶 | SVG和Javascript脚本

厉飞雨 阅读(4) 评论(0) 赞(0)

我们可以通过javascript来修改SVG元素,使它产生动画效果,或者在SVG图像上监听鼠标事件等等。 ![600.png](http://static.51tbox.com/static/2024-11-23/col/213bb6a53977cbfa664159b59f246933/fa949d964e004577a93a5ad557ce4a93.png.jpg) 当S...

如何用javascript判断终端设备

如何用javascript判断终端设备

厉飞雨 阅读(6) 评论(0) 赞(0)

说到手机终端设备,众所周知了,主要是iOS(iPhone)、Android两种。在有些项目中,我们需要PC和移动端设备两种不一样的效果。比如我先前做了一个"晒创意跑步轨迹"的一个活动,在分享功能上就需要区分PC和移动端,如下图: ![QQ截图20160912150618.png](http://static.51tbox.com/static/2024-1...

Element-Plus仅把获取到的数据中的二级数组渲染到表格

Element-Plus仅把获取到的数据中的二级数组渲染到表格

厉飞雨 阅读(7) 评论(0) 赞(0)

获取到一个数据中,嵌套着二级数据,此时,比如获取到分类(商品),此时仅需要渲染商品,而不需要分类,且他俩有部分共同的属性,没学多少,不知道有什么更高效的方法,所以我遍历了。 接口数据 ---- ```lang-json { "code": 200, "data": [{ "id": 1, ...