javascript事件

JavaScript简介

# JavaScript简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 ## JavaScript是脚本语言 - JavaScript是一种轻量级的编程语言 - JavaScript是可插 ......
JavaScript 简介

【JavaScript27】关于Function

## js中所有的函数都是通过Function构建的. - 在没有修改过原型链的情况下. 以下等式是成立的. - console.log(fn.__proto__.constructor Function.prototype.constructor); - console.log(fn.__prot ......
JavaScript Function 27

事件对象

# 事件对象 ## 介绍 - `事件对象`:当事件发生的时候,浏览器会创建一个事件对象,这个对象包含了当前事件发生时的所有信息 * 事件对象是一个全局对象,在事件发生时,浏览器会创建一个事件对象,并把它作为实参传递给事件处理函数,事件处理函数通过事件对象, 可以获取到事件发生时的相关信息,如鼠标位置 ......
对象 事件

【JavaScript26】继承

- JS中实现继承,只需要改变函数的原型链即可 - 示例 ``` function Cat(name){ this.name = name; } Cat.prototype.eat_fish = function(fish){ console.log(this.name, "在吃", fish); ......
JavaScript 26

【JavaScript25】关于prototype

## 老版本的js中是没有类的概念的.js如何构建一个对象的呢? - 在js中, 每一个函数都可以作为构建一个对象的构造方法 - 函数又可以被称为 构造函数 constructor 构造器, 构造方法 ``` function Person(name, age){ // 给当前对象(内存)进行初始化 ......
JavaScript prototype 25

JavaScript实现文件夹的上传和下载

​ ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计:TextBox和Button按钮。 ​ 编辑 TextBox中需要自己受到输入文件夹 ......
JavaScript 文件夹 文件

对JavaScript原型、原型链的理解

在JavaScript中,每个实例对象都有一个隐藏的`[[prototype]]`属性,它要么为 `null`,要么就是对另一个对象的引用。被引用的对象被称为**原型对象**或**原型**。 主流浏览器中,用`__proto__`代表`[[prototype]]`属性。 实例的构造函数有一个原型属性 ......
原型 JavaScript

《从0到1:JavaScript快速上手》笔记(一)

一、两个十分有用的方法 document.write():表示在页面输出一个内容 alert():表示弹出一个对话框 二、变量与常量 在JavaScript中,变量指的是一个可以改变的量,也就是说,变量的值在程序运行过程中是可以改变的。 (1)在JavaScript中,给一个变量命名,我们需要遵循以 ......
JavaScript 笔记

JavaScript中16进制颜色与rgb颜色互相转换

16进制转 rgb function hexToRgba(hex, opacity) { if (!hex) hex = '#ededed'; let rgba = 'rgba(' + parseInt('0x' + hex.slice(1,3)) + ',' + parseInt('0x' + h ......
颜色 进制 JavaScript rgb

JavaScript 基础(1) - 笔记

1.JavaScript(是什么?) 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。 2.作用(做什么?) 网页特效(监听用户的一些行为让网页做出对应的反馈) 表单验证(针对表单数据的合法性进行判断) 数据交互(获取后台的数据,渲染到前端) 服务端编程(node.js) ......
JavaScript 基础 笔记

【JavaScript24】使用const声明常量

## 前言 - const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改。 ## const 声明常量 - const定义常量与使用let 定义的变量相似: - 二者都是块级作用域 - 都不能和它所在作用域内的其他变量或函数拥有相同的名称 - 两者还有以下两点区别: - co ......
常量 JavaScript const 24

【JavaScript23】使用let声明变量

## 前言 - ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 - let 声明的变量只在 let 命令所在的代码块内有效。 - const 声明一个只读的常量,一旦声明,常量的值就不能改变。 - 在 ES6 之前,JavaScript 使用va ......
变量 JavaScript let 23

JavaScript - JsBarcode条形码

``` 姓名: 张三身份证: 44044019990217444X 打印 ``` ![image](https://img2023.cnblogs.com/blog/3130057/202308/3130057-20230807215807895-1245419751.png) ......
条形 条形码 JavaScript JsBarcode

【JavaScript21】关于Storage

- 本地存储. 存储在浏览器端的数据. 可以理解成一个小型的非关系型数据库. - localStorage和sessionStorage - 这俩玩意使用上是一样的. 区别在于. 一个是永久存储一个是临时存储. - localStorage 永久存储 - sessionStorage 临时存储, 浏 ......
JavaScript Storage 21

【JavaScript20】箭头函数

- 箭头函数没有自己的this,arguments,super或new.target。箭头函数适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 - 1、基本语法 ``` //(param1, param2, ..., paramN) => { statements } (param1, p ......
箭头 JavaScript 函数 20

【JavaScript19】解构赋值

## JavaScript ES6 新增解构赋值,可以快读从数组或对象中取出成员。 - 解构: 将对象或者数组中的某个成员取出来; - 赋值: 取出来的成员按顺序赋值给变量。 ## 数组的解构赋值 - 使用中括号 [ ] 来进行解构数组, 需注意变量名称和数组的值一一对应; - 或者把数组设置为一个 ......
JavaScript 19

Spring事件监听机制

### 背景 当我们的数据发生变化时,有很多别的业务逻辑需要去做,那么很适合使用事件监听来解耦合。比如目前做过的一个接口,会去修改指令的状态,修改完之后,需要调用持仓、额度等接口,那么每次有新增逻辑都需要来改我的这个接口,这很不方便,我完全可以修改完了之后,直接发布一个事件,让别的模块来监听这个事件 ......
机制 事件 Spring

JavaScript基础(3)

正文: JavaScript流程控制-分支 JavaScript流程控制-循环 JavaScript命名规范以及语法格式 JavaScript数组 JavaScript流程控制-分支 流程控制 顺序流程控制 分支流程控制if语句 三元表达式 分支流程控制switch语句 流程控制 在一个程序执行的过 ......
JavaScript 基础

深入探索JavaScript的魅力与奇妙之处

大家好!今天我想分享一些关于JavaScript(简称JS)的思考和体会。作为前端开发中最重要的语言之一,JS不仅具备强大的功能,还有着许多令人着迷的特性。 首先,JavaScript的灵活性是其最引人注目的特点之一。它允许我们以多种方式解决问题,无论是面向对象编程、函数式编程还是响应式编程,JS都 ......
JavaScript 魅力

从实际案例出发,一文讲明如何设计小程序事件系统

事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如id,dataset,touches。事件分为冒泡事件和非冒泡事件. 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点 ......
实际 案例 事件 程序 系统

调整窗口大小事件

......
大小 事件

页面加载事件

......
事件 页面

键盘事件

......
键盘 事件

鼠标事件

......
鼠标 事件

事件委托

......
事件

阻止冒泡事件

......
事件

事件对象

......
对象 事件

DOM事件流

......
事件 DOM

删除事件

......
事件

【JavaScript18】三元运算符

- 三元运算符又称为三目运算符,指的是根据不同的条件,执行不同的操作/返回不同的值。语法结构为:条件 ? 操作1 : 操作2。 如果条件为真,执行操作1,否则执行操作2。 ``` var a = 100; var b = 20; var c = a > b ? a : b; console.log( ......
运算符 JavaScript 18