javascript事件
从测试的角度看待南航机票bug事件
事件描述 11月8日晚间，多名消费者反映南方航空多条成都进出港航线票价（不含机建燃油费）低至10元、20元、30元不等。上述超低价机票不仅在南方航空App可以购买，多家在线旅游平台也都能抢到。 11月9日，南航官方发布公告，称11月8日晚间在系统异常期间南航售出的所有机票（支付成功并已出票）全部有效 ......
一个常见的 JavaScript 解构陷阱
在日常的 JavaScript 编码中，我们经常使用解构语法来提取对象中的属性。假设我们有一个名为 fetchResult 的对象，代表从接口返回的数据，其中包含一个字段名为 data。 const fetchResult = { data: null }; 在提取 data 字段时，为了避免接口未 ......
前端学习-JavaScript学习-JavaScript高级程序设计-第2章笔记
在HTML中使用JavaScript元素 <script>元素 元素属性 MDN <script>：脚本元素 属性 使用状态 描述 charset 可选、少用 字符集 defer 可选、少用 表示脚本可以延迟至文档完全被解析后实行，部分浏览器不支持 language 废弃 编写代码使用的语言 src ......
JavaScript实现Date( ) ——日期格式化的三种常用方法
Date( ) 介绍 Date( ) 基本使用 Date()日期对象是构造函数，必须使用new来调用我们的日期对象。 若Date()没有参数时 返回当前时间 若Date(timer)有参数时 返回参数设置的时间 参数写法：'2012-2-2 08:54:32'（字符串） 返回值格式：Sun May ......
JavaScript - js生成 txt 文件
JavaScript - js生成 txt 文件 /** * 方法定义 */ function download(filename, text) { var element = document.createElement('a'); element.style.display = 'none'; ......
SDL事件之简单退出事件SDL_QUIT
一、概述 上一篇使用SDL加载了一张图片，图片展示后3秒窗口会自动关闭，如果不想让窗口自动关闭，而是用户自己指定啥时候关闭就啥时候关闭，该怎么弄? 那就有必要加上SDL的事件了。 加入一个简单的SDL事件非常简单。以点击X号关闭窗口为例： 1.初始化SDL事件 //初始化SDL事件 SDL_Even ......
浏览器事件循环Event Loop
事件循环不是浏览器独有的，从字面上看，“循环”可以简单地认为就是重复，比如for循环，就是重复地执行for循环体中的语句，所以事件循环，可以理解为重复地处理事件，那么下一个问题是，处理的是什么事件，事件的相关信息从哪里获取。 ......
JavaScript 事件的类型
单击事件：当用户单击 HTML 元素时，会触发单击事件，这对于创建响应式和交互式界面至关重要。它们经常用于按钮单击或链接导航等操作，从而增强整体用户体验。 鼠标事件：鼠标事件捕获涉及鼠标的用户操作，例如在元素上移动（鼠标悬停）、离开元素（鼠标移出）。为悬停效果或复杂的拖放交互等功能提供基础。 键盘事 ......
Hash模式基于锚点，以及onhashchange事件 —— 通过锚点的值作为路由地址
前端路由有两种模式：mode：hash/histroyhash： 1.hash的优点是兼容性比较高，可以直接在项目布署上线时使用。 2.hash的缺点是#不美观影响url的美感，并且如果移动端分享严格限制，可能会报错 history: 1.history的优点是不会影响到url的美感，提高了可观赏性 ......
JavaScript 基础知识
运营商 运算符对数据进行操作。它们有多种形式，包括算术运算符（+、-、*、/）、比较运算符（==、!=、<、>）和逻辑运算符（&&、||、!） 控制流语句 控制流语句根据特定条件控制代码块的执行顺序。它们包括if-else语句、switch语句和循环。 数组 数组是数据项的有序集合。它们允许您使用单 ......
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 ......
理解Asynchronous JavaScript：使用Axios获取数据
Today's learning journey has taken me through the intricacies of using Axios, a promisted based HTTP client, for fetching data from public API using n ......
JavaScript中实现异步编程模式的4种方法,回调函数、事件监听、发布/订阅、Promises对象：
下面哪些方法可以用于JavaScript 异步模式的编程？ A 回调函数 B 事件监听 C 发布/订阅 D Promise对象 正确答案：ABCD 参考答案： 回调函数，这是异步编程最基本的方法。 事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。 发布 ......
e.preventDefault() 是用来阻止默认事件的，不是阻止事件冒泡 ;事件冒泡应该是 e.stopPropagation()
假设DOM结构为： JS代码为： document.getElementById('a').addEventListener('click', e => {console.log(1)}); document.getElementById('b').addEventListener('click', ......
在Javascript中，函数定义分为三种方法：函数声明，函数表达式和使用Function构造函数
在Javascript定义一个函数一般有如下三种方式 1，函数关键字(function)语句： function fnMethodName(x){alert(x);} (最常用的方法) 2，函数字面量(Function Literals)： var fnMethodName = function(x ......
JavaScript复习——04 事件
事件对象 事件对象是由浏览器在外面触发事件的时候创建的，这个对象封装了各种事件相关的各种信息 例如： 鼠标的位置 键盘的按键 浏览器创建事件对象后，会将事件对象作为响应参数传递 在DOM类型中有多种不同类型的事件对象，但是他们都一个祖先Event event.clientX：获取鼠标的X轴坐标 ev ......
JavaScript--正则表达式
正则表达式 判断用户名/密码 var reg = /^\w{6,12}$/; var flag = reg.test(username); 判断手机号，1开头并且11位数字 var reg = /^[1]\d{10}$/; var flag = reg.test(tele); function te ......
JavaScript案例--表单验证
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
原生JavaScript 与 jQuery 执行Ajax请求
原生JavaScript和jQuery都可以用来执行Ajax请求，以下是它们的基本实现方式的比较： 原生JavaScript实现Ajax请求： var xhr = new XMLHttpRequest(); xhr.open("GET", "https://api.example.com/data" ......
领域驱动 | 事件驱动 | 测试驱动 | 声明式设计 | 响应式编程 | 命令查询职责分离 | 事件溯源
Wow: 基于 DDD、EventSourcing 的现代响应式 CQRS 架构微服务开发框架 领域驱动 | 事件驱动 | 测试驱动 | 声明式设计 | 响应式编程 | 命令查询职责分离 | 事件溯源 架构图 事件源 可观测性 OpenAPI (Spring WebFlux 集成) 自动注册 命令 ......
【.NET】多线程：自动重置事件与手动重置事件的区别
在多线程编程中，如果每个线程的运行不是完全独立的。那么，一个线程执行到某个时刻需要知道其他线程发生了什么。嗯，这就是所谓线程同步。同步事件对象（XXXEvent）有两种行为： 1、等待。线程在此时会暂停运行，等待其他线程发出信号才继续（等你约）； 2、发出信号。当前线程发出信号，其他正在等待线程收到 ......
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好，暂时记录一下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <s ......
JavaScript--事件监听
事件绑定 dom属性绑定 <input type="button" id = "btn" value="点我"> <script> // document.getElementById('myImgine').src = 'images/open.jpg'; document.getElementB ......
JavaScript-3
JavaScript-3 onmousemove 该事件将会在鼠标在元素中移动时被触发 <style> #a1{ width: 200px; height:100px; border: 2px solid red; } #a2{ width: 200px; height: 50px; border: ......
可以使用preventDefault()阻止默认行为，例如a链接的跳转，在a链接跳转中，需要先对a链接绑定点击事件，然后在a链接的事件对象中调用该方法即可
可以使用preventDefault()阻止默认行为，例如a链接的跳转，在a链接跳转中，需要先对a链接绑定点击事件，然后在a链接的事件对象中调用该方法即可 下面三个事件都是事件对象的方法： stopPropagation() 阻止事件冒泡。 这个事件不会阻止定义在元素上的其他事件。 stopImme ......
在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？
在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？ A hover(over ,out) B keypress（fn） C change() D change(fn) 正确答案：CD hover移入移出，输入验证一般不会使用hover keypress也不会用作输入验证， c ......
JavaScript 中的数字在计算机内存中占8个Byte
关于Javascript中数字的部分知识总结： 1.Javascript中，由于其变量内容不同，变量被分为基本数据类型变量和引用数据类型变量。基本类型变量用八字节内存，存储基本数据类型(数值、布尔值、null和未定义)的值，引用类型变量则只保存对对象、数组和函数等引用类型的值的引用(即内存地址)。 ......
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程 dom2规定的事件流包括3个阶段： ①事件捕获， ②处于目标阶段（事件处理）， ③事件冒泡阶段。 DOM ......
与其他 IEEE 754 表示浮点数的编程语言一样，JavaScript 的 number 存在精度问题，比如 0.2 + 0.4 的结果是 0.6000000000000001。以下选项中，能得到 0.6 的是？
与其他 IEEE 754 表示浮点数的编程语言一样，JavaScript 的 number 存在精度问题，比如 0.2 + 0.4 的结果是 0.6000000000000001。以下选项中，能得到 0.6 的是？ A parseFloat(0.2 + 0.4) B parseFloat((0.2 ......