JavaScript中的防抖与节流-图文版
01、防抖还是节流
防抖 与 节流 目的都是避免一定时间内,大量重复的操作造成的性能损耗。因此原理也类似,都是阻止过多的事件执行,只保留一部分来执行。适用场景略有不同,也有交叉,动手练习一遍就懂了。
区别
防抖(Debounce)
节流(throttle)
描述
一定延迟时间内,连续事件只执行最后一次
一段固定时间内只 ...
JavaScript中比较字符串的4种方法
严格平等
要确定字符串是否相等,可以使用严格相等运算符 。如果字符串不同,则返回,如果字符串相同,则返回===false true
const s1 = 'learn';
const s2 = 'today';
console.log(s1 === 'learn'); // true
console.log(s1 === s2); // false
使用严格相等性比较字符串始终会分析字母的大小写,这意味着大 ...
JavaScript入门⑧-事件总结大全
JavaScript入门系列目录
JavaScript入门①-基础知识筑基
JavaScript入门②-函数(1)基础{浅出}
JavaScript入门③-函数(2)原理{深入}执行上下文
JavaScript入门④-万物皆对象:Object
JavaScript入门⑤-欲罢不能的对象、原型与继承
JavaScript入门⑥-WEB浏览器API
JavaScript入门⑦-DOM操作大全
JavaScript入门⑧-事件总结大 ...
JavaScript Promises, async/await
这篇博客不是讲如何使用 Promise,是一个学习总结。是我自己对 Promise 的理解。
new Promise() 的时候,传一个 executor 给 Promise.
let promise = new Promise(function(resolve, reject) {
// this function will executes immediately
})
这个函数会立刻被执行,在 executor 里面调用了 resolve 之后, Promise 变为 ...
JavaScript入门⑦-DOM操作大全
JavaScript入门系列目录
JavaScript入门①-基础知识筑基
JavaScript入门②-函数(1)基础{浅出}
JavaScript入门③-函数(2)原理{深入}执行上下文
JavaScript入门④-万物皆对象:Object
JavaScript入门⑤-欲罢不能的对象、原型与继承
JavaScript入门⑥-WEB浏览器API
JavaScript入门⑦-DOM操作大全
JavaScript入门⑧-事件总结大 ...
JavaScript教程
目录js简介js基础知识注释变量与常量数据类型数值number字符串string字符串的诸多方法字符串格式化输出布尔值booleannull和undefined对象object自定义对象(字典)日期对象JSON序列化数组运算符算数运算符比较运算符逻辑运算符赋值运算符流程控制switchfor循环函数箭头函数名称空间正则表达式格式化输出时间
js简介
虽然名字 ...
JavaScript入门②-函数(1)基础{浅出}
JavaScript入门系列目录
JavaScript入门①-基础知识筑基
JavaScript入门②-函数(1)基础{浅出}
JavaScript入门③-函数(2)原理{深入}执行上下文
JavaScript入门④-万物皆对象:Object
JavaScript入门⑤-欲罢不能的对象、原型与继承
JavaScript入门⑥-WEB浏览器API
JavaScript入门⑦-DOM操作大全
JavaScript入门⑧-事件总结大 ...
JavaScript入门①-基础知识筑基
JavaScript入门系列目录
JavaScript入门①-基础知识筑基
JavaScript入门②-函数(1)基础{浅出}
JavaScript入门③-函数(2)原理{深入}执行上下文
JavaScript入门④-万物皆对象:Object
JavaScript入门⑤-欲罢不能的对象、原型与继承
JavaScript入门⑥-WEB浏览器API
JavaScript入门⑦-DOM操作大全
JavaScript入门⑧-事件总结大 ...
JavaScript中的箭头函数
前言
本文可以让你了解所有有关JavaScript箭头函数的信息。我们将告诉你如何使用ES6的箭头语法,以及在代码中使用箭头函数时需要注意的一些常见错误。你会看到很多例子来说明它们是如何工作的。
JavaScript的箭头函数随着ECMAScript 2015的发布而到来,也被称为ES6。由于其简洁的语法和对this关键字的处理,箭头函数迅速成 ...
Javascript写脚本
Javascript写脚本
前面38篇文章介绍了JavaScript的基础知识和简单应用练习。学了这个脚本语言的基础知识之后,我们的目的是什么?当然是应用。这篇,我们就来介绍如何写你的第一条JavaScript+Selenium的自动化测试脚本。在写脚本之前,我们需要安装一些必要的环境。
1. 安装运行JavaScript的环境,Nodejs
之前会不会有这样 ...
Asp.net core 少走弯路系列教程(四)JavaScript 学习
前言
新人学习成本很高,网络上太多的名词和框架,全部学习会浪费大量的时间和精力。
新手缺乏学习内容的辨别能力,本系列文章为新手过滤掉不适合的学习内容(比如多线程等等),让新手少走弯路直通罗马。
作者认为新人应该先打好基础,不要直接学习框架,例如先掌握 SQL 再使用 EFCore 框架。
作者只传授数年内不会变化的 ...
JavaScript面向对象详解
JavaScript面向对象
面向对象是一种编程思想(oop)。很多个具有相同属性和行为的对象就可以抽象为类,对象是类的一个实例。JavaScript在ECMAScript 6中引入了类的概念。
面向对象有三个基本特征:封装、继承、多态
封装:就是将一类事物的属性和行为抽象成一个类,使其属性私有化,行为公开化,隐藏对象属性和实现细节, ...
前端必读:如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件
JavaScript在前端领域占据着绝对的统治地位,目前更是从浏览器到服务端,移动端,嵌入式,几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西,最后都会用JavaScript实现”。
Excel 电子表格自 1980 年代以来一直为各行业所广泛使用,至今已拥有超过3亿用户,大多数人都熟悉 Exc ...
深入浅出 JavaScript 中的 this
笔者最近在看 你不知道的JavaScript上卷,里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念,有一些同学会对其有点模糊和小恐惧,究其原因,现在对 this 讨论的文章很多,让我们觉得 this 无规律可寻,就像一个幽灵一样
如果你还没弄懂 this,或者对它比较模糊,这篇文章就是专门为你准备的 ...
JavaScript日期加减
//js日期加减函数
function addDate(date,days){ var d=new Date(date); d.setDate(d.getDate()+days); var m=d.getMonth()+1; return ...
关于 JavaScript 中 null 的一切
原文地址:Everything about null in JavaScript
原文作者:Dmitri Pavlutin
译者:Gopal
JavaScript 有两种类型:原始类型(strings, booleans, numbers, symbols)和对象
对象是一个复杂的数据结构。最简单的 JavaScript 对象是普通对象 —— 键和相关值的集合
let myObject = {
name: 'Eric Cartman'
};
但是很 ...
常用的工具函数助力JavaScript高效开发
前言
日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率。
1、校验数据类型
export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).t ...
Selenium执行javaScript
简介
1)selenium能够处理js,这使selenium拥有更为强大的能力,既然能够执行js,那么js能做的事情,selenium大部分也能做
2)直接使用js操作页面,能解决很多click()不生效的问题
3)页面滚动到底部,顶部
4)处理富文本,时间控件的输入
1. s ...
JavaScript快速入门-01-环境搭建
1 环境搭建
搭建JavaScript开发环境有很多种组合,本文中采用Visual Studio Code和Node.js的组合,详细如下所示:
1.1 Node.js环境搭建
1.1.1 下载Node.js
不管是基于Windows还是Linux,都需要下载相应的安装包,到Node.js官网根据系统下载相应版本的Node.js版本。下载地址如下:
https://nodejs.org/en/downl ...
使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试
今天给大家分享一个话题:如何使用 Visual Studio 2022 在 Web 浏览器控件中进行 JavaScript 调试
前一段时间在工作中遇到一个问题,通过winform的webbrowser加载的网页,操作dom元素给网页赋值,遇到了js验证不通过的问题,因为网页提示的验证信息比较模糊,
所以很难知道那些数据赋值有问题,那么我们可以通过Visual Stud ...