51工具盒子

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

前端开发

前端SVG开发插件:8个用于SVG动画的JavaScript库

前端SVG开发插件:8个用于SVG动画的JavaScript库

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

![600.png](http://static.51tbox.com/static/2024-11-23/col/25867c874eff9875d48d671a4ce169af/b97bc01aba404bdea43866ced709e323.png.jpg) [SVG](/tags/svg/)是与分辨率无关的图形。这意味着它在任何类型的屏幕上看起来都不错,而不会损失任何...

前端开发TIP:如何在JavaScript中循环遍历JSON响应

前端开发TIP:如何在JavaScript中循环遍历JSON响应

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

![](/images/tt/js.jpg) 从远程服务器获取数据时,服务器的响应通常为JSON格式。在此快速提示中,我将演示如何使用JavaScript解析服务器的响应,以便访问所需的数据。 该过程通常包括两个步骤:将数据解码为本机结构(例如数组或对象),然后使用JavaScript的一种内置方法遍历该数据结构。在本文中,我将使用大量可运行的示例来介绍这两个步骤。 ##...

用原生Javascript获取当前访问地址以及一些参数

用原生Javascript获取当前访问地址以及一些参数

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

![](/images/tt/js.jpg) 今天分享一个Web前端开发TIPS:用原生Javascript获取当前访问地址以及一些参数。这个应用用的非常多,比如url传参给下一个页面等等。废话不多说,一起学习下吧。 ### 一、js获取当前域名有2种方法 ``` var domain = document.domain; var domain = window.loc...

使用JavaScript的不可变数组方法编写更干净的代码

使用JavaScript的不可变数组方法编写更干净的代码

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

![](/images/tt/js.jpg) 今天我们来了解下JavaScript中原始数组变异的数组方法,并且我们将编写一些可解决这些问题的函数去深入研究,目的是编写更干净的代码。 ### JavaScript中的数组突变 JavaScript中的数组只是对象,这意味着它们可以被突变。实际上,许多内置的数组方法都会使数组本身发生变异。这可能意味着仅通过使用一种内置方法就...

学习JavaScript标准内置对象:JSON.stringify()的应用

学习JavaScript标准内置对象:JSON.stringify()的应用

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

![](/images/tt/js.jpg) 学习JavaScript标准内置对象:JSON.stringify()的应用。 **JSON.stringify()** 方法将一个 JavaScript 对象或值转换为 JSON 字符串,如果指定了一个 replacer 函数,则可以选择性地替换值,或者指定的 replacer 是数组,则可选择性地仅包含数组指定的属性。 `...

JavaScript表达式和运算符:可选链操作符

JavaScript表达式和运算符:可选链操作符

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

![](/images/tt/js.jpg) 可选链操作符( `?.` )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。`?.` 操作符的功能类似于 `.` 链式操作符,不同之处在于,在引用为空(nullish ) (`null` 或者 `undefined`) 的情况下不会引起错误,该表达式短路返回值是 `undefined`。与函数调用一起使...

前端开发:JavaScript实现随机抽奖小应用

前端开发:JavaScript实现随机抽奖小应用

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

![](/images/tt/js.jpg) 前端开发:JavaScript实现随机抽奖小应用。比如您的公司年终会举行年会,弄个幸运同事,几等奖啥的,可以拿来试试。 废话不多说,直接上DEMO咯。 ``` <!DOCTYPE html> <html lang="en"> <head>     <met...

原生JavaScript开发TIPS:继承的三种方法

原生JavaScript开发TIPS:继承的三种方法

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

![](/images/tt/js.jpg) 分享原生JavaScript开发TIPS:继承的三种方法。 ### **构造函数的属性继承:借用构造函数** 继承的时候,不用改变原型的指向,直接调用父级的构造函数的方式来为属性赋值就可以了 借用构造函数:把要继承的父级的构造函数拿过来,使用一下就可以啦。 借用构造函数: > 构造函数名字.call(当前对象,属性,...

在没有JavaScript的情况下创建强大的CSS动画效果

在没有JavaScript的情况下创建强大的CSS动画效果

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

在本文中,我们将仅使用CSS探索Web上的动画世界。我们将首先使用SVG和CSS组合创建一个简单的动画。然后,我们将仅使用HTML和CSS创建另外两个动画。我们还将讨论何时需要将JavaScript付诸行动以及CSS的局限性。 ![](/images/tt/html.jpg) 到本文结尾,您将能够使用CSS来创建动画,从而支持使用JavaScript。您还可以识别何时需要使...

聊聊JavaScript中的相等性判断

聊聊JavaScript中的相等性判断

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

![](/images/tt/js.jpg) [JavaScript](/JavaScript/)中的相等性判断,在项目开发中,我经常会遇到,今天我们一起探讨下。 ES2015中有四种相等算法: * 抽象(非严格)相等比较 (`==`) * 严格相等比较 (`===`): 用于 `Array.prototype.indexOf`, `Array.prototype.la...