JavaScript - 教程之家

144浏览

0评论

jquery怎么判断是否为数字

jquery判断是否为数字的方法：1、新建一个html文件，命名为test.html，用于讲解如何用jquery判断是否为数字。2、在test.html文件中，使用input标签创建一个输入框，并设置其id为myinp...

2020-11-25

87浏览

0评论

jquery如何判断指定class是否存在

jQuery判断指定对象的class是否存在代码如下：var str = $(obj).attr("class");var strs = str.split(" ");var yz = $.inArray("cur",strs);if(yz!=-1){ console.log("当...

2020-11-25

96浏览

0评论

jquery怎么获取父亲节点

方法介绍：parent() 方法返回被选元素的直接父元素。语法：$(selector).parent(filter)参数： filter 可选。规定缩小搜索父元素范围的选择器表达式。举例：返回 <span> 的直接父元...

2020-11-25

123浏览

0评论

jquery如何将a标签隐藏了

jquery中可以使用hide()方法隐藏a标签，hide()方法隐藏被选元素，与CSS属性display:none类似。语法：$(selector).hide(speed,easing,callback)参数：示例：<!DOCTYPE html><html><hea...

2020-11-25

77浏览

0评论

jquery如何改变class属性

jquery改变class属性的方法：1.addClass()addClass()方法向匹配的元素增加指定的类名(一个或多个)注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而是...

2020-11-24

89浏览

0评论

jquery url中传递中文乱码怎么办

jquery url中传递中文乱码的解决办法：1、修改JQuery代码只需要简单的将JQuery的代码加以修改，加上charset=UTF-8就可以了，这样不需要改变改什么web.config或什么在页面中改编码...

2020-11-24

110浏览

0评论

jquery怎么判断对象是否为空

环境：1、jquery对象分为两种,一种是dom对象,dom对象会自带一个length属性,所以这种情况：obj.length == 0可以判断对象为空2、jquery也可以自定义对象,如 var obj = {},这种情...

2020-11-24

111浏览

0评论

jquery怎么让checkbox不选中？

jquery让checkbox不选中的方法：1、使用prop()方法//设置不选中：$("input[type='checkbox']").prop("checked",false);//设置选中：$("input[type='checkbox']")...

2020-11-24

110浏览

0评论

详解Jquery的扩展方法extend

Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:　　　extend(dest,src1,src2,src3......

2020-11-24

148浏览

0评论

JS代码中加分号和不加分号的区别

这个问题在很多文章中都讨论过，在 ESlint 规范中也因为加不加分号而分为两大阵营，到于加不加分号，关键是需要了解分号对于 JavaScript 的影响，开始之前可以先看看下面这道面试题...

2020-11-24

84浏览

0评论

jQuery getJSON()方法怎么用

定义和用法getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。语法$(selector).getJSON(url,data,success(data,status,xhr))实例使用 Ajax 请求获取 JSON 数据，并输...

2020-11-24

85浏览

0评论

jquery prop()和attr()区别是什么

jquery prop()和attr()区别：最近项目回归使用jquery，页面渲染全是使用jquery做的，所以做的时候也遇到了许多以前没有见过的问题，如这次操作【radio】控件的"checked"属性时有遇...

2020-11-24

65浏览

0评论

JavaScript逻辑运算符相关总结

前言关于 JavaScript 中的逻辑运算符，我们经常使用却可能不知道它的一些机制和用法。机制
首先我们需要知道几种逻辑运算符的优先级是不同的（关于完整的运算符优先级，看运算符...

2020-11-24

97浏览

0评论

JS运算符优先级与表达式示例详解

前言运算符优先级决定了表达式中运算执行的先后顺序，优先级越高的运算符会先执行。运算符优先级很多时候由于对运算符优先级的不确定，会用括号来确保表达式的执行顺序。如果搞...

2020-11-24

50浏览

0评论

我所理解的JavaScript中的this指向

前言JS 中的 this 指向是一个经常被问到的问题，网上也有很多文章是关于 this 的。本文整理一下我理解下的 this 以及一些我比较疑惑的关于 this 问题。this 指向有几个 this...

2020-11-24

52浏览

0评论

详解JavaScript中new操作符的解析和实现

前言new 运算符是我们在用构造函数创建实例的时候使用的，本文来说一下 new 运算符的执行过程和如何自己实现一个类似 new 运算符的函数。new 运算符的运行过程
new 运算符的...

2020-11-24

68浏览

0评论

详解JavaScript数据类型和判断方法

前言JavaScript 中目前有 7 种基本（原始primitives）数据类型 Undefined， Null，Boolean， Number， String，BigInt，Symbol，以及一种引用类型 Object，Object 中又包括 Function，Date，JSON，Reg...

2020-11-24

64浏览

0评论

JavaScript中的执行环境和作用域链

前言JS 中的执行环境和作用域链是非常重要的概念，它们是 JS 引擎在处理 JS 代码的时候对变量和函数的处理方式，这两个概念的正确理解能够帮助我们更好地理解和预测代码的行为...

2020-11-24

667浏览

0评论

Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法

Kettle中使用JavaScript调用jar包对文件内容进行MD5加密.本文主要知识点： JavaScript调用jar包对文件内容进行MD5加密，返回加密md5值 Kettle实现对文件内容的加密，返回加密md...

2020-11-24

83浏览

0评论

JS数组转字符串实现方法解析

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。数组方法说明 toStr...

2020-11-24

89浏览

0评论

javascript实现一款好看的秒表计时器

本文实例为大家分享了javascript实现秒表计时的具体代码，供大家参考，具体内容如下实现图片：分+秒+跑秒时+分+秒+跑秒需求分析：1、显示整个秒表页面；2、在点击“开始”按钮之后，开...

2020-11-24

185浏览

0评论

js实现点击按钮随机生成背景颜色

本文实例为大家分享了js实现点击按钮随机生成背景颜色的具体代码，供大家参考，具体内容如下通过点击按钮更换整个页面的背景颜色代码：<!DOCTYPE html><html lang="en"><head> <...

2020-11-24

78浏览

0评论

js实现可爱的气泡特效

本文实例为大家分享了js实现可爱的气泡特效的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-11-24

54浏览

0评论

javascript canvas实现简易时钟例子

本文实例为大家分享了javascript canvas实现简易时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...

2020-11-24

50浏览

0评论

js实现搜索提示框效果

本文实例为大家分享了js实现搜索提示框效果的具体代码，供大家参考，具体内容如下首先写静态页面<div class="container">  <input type="text" id="search" /...

2020-11-24

108浏览

0评论

js实现炫酷光感效果

本文实例为大家分享了js实现炫酷光感效果的具体代码，供大家参考，具体内容如下首先写一个大盒子<div class="main"></div>然后给这个大盒子添加样式* { margin: 0; padding: 0;...

2020-11-24

74浏览

0评论

JS+CSS实现炫酷光感效果

JS+CSS带你实现炫酷光感效果，供大家参考，具体内容如下效果一：（螺旋式沉浸视觉感受）效果二：（旋涡式远观视觉感受）实现代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...

2020-11-24

62浏览

0评论

js实现简单的无缝轮播效果

本文实例为大家分享了js实现简单无缝轮播效果的具体代码，供大家参考，具体内容如下*{ margin: 0; padding: 0;}#box{ width: 500px; height: 200px; padding: 5px; margin: 50p...

2020-11-24

301浏览

0评论

小程序实现可拖动的悬浮按钮

小程序悬浮可移动的客服按钮，供大家参考，具体内容如下<movable-area class="movable-area">//根据x,y设置初次显示的位置 <movable-view x="600rpx" y="750rpx" animation="{{...

2020-11-24

105浏览

0评论

一篇文章带你从零快速上手Rollup

前言项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前...

2020-11-24

51浏览

0评论

JavaScript实现世界各地时间显示

本文实例为大家分享了JavaScript实现世界各地时间显示的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam...

2020-11-24

86浏览

0评论

JavaScript实现多球运动效果

本文实例为大家分享了JavaScript实现多球运动的具体代码，供大家参考，具体内容如下代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2020-11-24

69浏览

0评论

详解JavaScript的this指向和绑定

注意：本文属于基础篇，请大神绕路。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下。this 指向的类型刚开始学习 JavaScript 的时候，this 总是最能让人迷惑，下面...

2020-11-24

42浏览

0评论

JavaScript 事件代理需要注意的地方

我们知道，如果给 form 里面的 button 元素绑定事件，需要考虑它是否会触发 form 的 submit 行为。除此之外，其它场合给 button 元素绑定事件，你几乎不用担心这个事件会有什么非预...

2020-11-24

102浏览

0评论

浅析JavaScript 函数柯里化

柯里化 (Currying)是把接收多个参数的原函数变换成接受一个单一参数（原来函数的第一个参数的函数)并返回一个新的函数，新的函数能够接受余下的参数，并返回和原函数相同的结果。...

2020-11-24

93浏览

0评论

谈谈JavaScript中的函数

JS中的函数简介JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装，然后供调用方无限制的调用。JS中的函数的定义JS中函数定义...

2020-11-24

77浏览

0评论

基于postman获取动态数据过程详解

1、在 Tests 中处理返回报文为 json 格式的示例：因为充值记录接口中需要用到登录接口返回报文中的信息如下　　以获取 token（JWT）和 uid 为例　　在登录接口的tests中写...

2020-11-24

55浏览

0评论

JavaScript数组类型Array相关的属性与方法详解

Array数组类型详解在ECMAScript中除了object类型之外，Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值，无需指定数组的长度，还可以随着数据的增长来...

2020-11-24

46浏览

0评论

JS删除对象中某一属性案例详解

代码如下var obj={ name: 'zhagnsan', age: 19 }delete obj.name //truetypeof obj.name //undefined通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔可以删...

2020-11-24

58浏览

0评论

javascript使用canvas实现饼状图效果

使用canvas写一个饼状图，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-11-24

99浏览

0评论

使用js和canvas实现时钟效果

使用js和canvas写一个时钟，供大家参考，具体内容如下<!DOCTYPE html>`<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-11-24

64浏览

0评论

图解JS原型和原型链实现原理

在我初学 JS 语言的继承机制原型和原型链的时候，我一直理解不了这种设计机制，再加上之前原有对 Java继承的理解，在学习 JS 继承机制的设计上踩了一个大坑，很多知识点前期都是死...

2020-11-24

61浏览

0评论

javascript自定义加载loading效果

本文实例为大家分享了javascript自定义加载loading效果的具体代码，供大家参考，具体内容如下加载中图片，底色为白色(看不到)效果如图：使用方法this.tool.showLoading('加载中', t...

2020-11-24

61浏览

0评论

JavaScript常用工具函数汇总（浏览器环境）

前端业务中比较常用的JavaScript工具函数，浏览器环境常用，可直接拷贝在项目里使用。这里统一整理，方便查阅，本文章会持续更新。一、file转为base64/** * file转为base64 * @para...

2020-11-24

121浏览

0评论

前端性能优化建议

前言：一说到性能优化，大家都不约而同的想起了雅虎的军规，2-5-8原则，3秒的首屏准则等等，这些规则在开发中虽然不是强制要求的，但是为了追求页面性能的完美体验，就不得不对代码进行修...

2020-11-24

47浏览

0评论

JavaScript编码小技巧分享

三元操作符如果使用if...else语句，那么这是一个很好节省代码的方式。const x = 20;let big;if (x > 10) {big = true;} else {big = false;}//这样写...const big = x > 10 &...

2020-11-24

107浏览

0评论

原生js+css实现tab切换功能

本文实例为大家分享了原生css+js实现tab切换功能的具体代码，供大家参考，具体内容如下现在很多的ui框架都集成了tab功能，使用过程中只需按照他们的api套用即可，但在有时jquery项...

2020-11-24

217浏览

0评论

js实现鼠标滑动到某个div禁止滚动

本文实例为大家分享了js实现鼠标滑动到某个div禁止滚动的具体代码，供大家参考，具体内容如下项目中碰到一个场景就是当鼠标滑倒某个div的时候，滑动鼠标页面不再滚动。这里主要是...

2020-11-24

49浏览

0评论

详细分析JavaScript中的深浅拷贝

在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。一、浅拷贝...

2020-11-24

184浏览

0评论

js对象属性名驼峰式转下划线的实例代码

一、题目示例：思路：1、匹配属性名字符串中的大写字母和数字2、通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置3、判断大写字母的位置是否为首位置以及lastIndex...

2020-11-24

热门文章