JavaScript event事件
事件在JavaScript中,事件指的是网页上的用户行为或浏览器行为,例如:点击按钮,提交表单,页面完成加载,鼠标点击,键盘输入等。事件处理是 JavaScript 中非常重要的一部分,我们可以通过监听这些事件以此来触发一些预订好的效果。
当在 DOM 元素上发生事件时,浏览器会创建一个 Event 对象的实例,并触发绑定到该元素上相应的事件处理函数。这个 Event 对象作为参数传递给事件处理函数,使得开发者能够访问事件的相关信息并对事件做出响应。
事件处理1 . 事件处理指的是当事件被触发时,应该如何处理这些事件。2 . 举个栗子:当我们进入一个网站时,并且页面完成加载,这就触发了一个事件,在事件处理上,网站可以给用户一个欢迎弹窗,或者当我们输入密码,密码输入错误时,提示密码输入错误。这些都是对事件的处理。
DOM事件处理方法
JavaScript中常用的事件处理方法有三种,分别是DOM0,DOM2,DOM3。
DOM0级事件1 . DOM0级事件是在Web开发中逐渐形成的,而并非W3C规定的,但却在开发中获得了广泛的应用。2 . DOM0级事件的原理是:通过直接在HTML元 ...
JavaScript DOM 方法详解
DOMDOM全称(Document Object Model)文档对象模型,一个编程接口,它表示和操作HTML和XML文档。DOM将网页结构化为一个由节点和对象(如元素、属性和文本)组成的树状结构,使得Web文档可以被程序化地访问和修改。当网页被加载时,浏览器会创建页面的文档对象模型
获取元素JavaScript提供了一些用于通过DOM获取元素的方法
document.getElementById(): 通过元素的ID获取元素。document.getElementsByTagName(): 通过标签的名称获取元素集合。document.getElementsByClassName(): 通过类名获取元素集合。document.getElementsByName(): 通过name值获取元素集合document.querySelector(): 根据CSS选择器获取第一个匹配的元素。document.querySelectorAll(): 根据CSS选择器获取所有匹配的元素集合。
使用方法
我们以<p>标签为例,使用JS的DOM对象方法对元素进行获取和修改
123456 ...
经典算法题
排序冒泡排序
1 . 冒泡排序(Bubble Sort)也是一种简单直观的排序算法。2 . 它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。3 . 走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。4 . 这个算法的名字由来是因为越小的元素会经由交换慢慢”浮”到数列的顶端。
代码分析
1234567891011121314151617181920212223242526using System;namespace almango{ class Project { static void Main(string[] args) { int[] array = new int[]{2, 5, 3, 6, 1, 8, 4}; int temp; for(int i = 0; i < array.Length - 1; i ++) // 0 { for(int a = 0; a < array.Length - 1; a ++) // ...
《你的名字》2024重映观后感:不留人生遗憾
《你的名字》在中国大陆于2016年12月2日上映,2024年7月19日重映。
8月1日那天晚上,去电影院观看了重映的《你的名字》,弥补了从小学至今为止的遗憾。
为什么要特地讲一部电影的观后感?那是因为我和它有过一个意味深长的故事,我也为此将它视为我的挚爱……
2016年的那天1 . 2016年《你的名字》正式上映的那天,我还是一个六年级的小学生。2 . 虽然我最早是在2016年接触这部电影,也算是我接触到的第一部映画形式的电影了,但那年因为一个小小的事情……3 . 我记得很清楚,我们的语文老师为了给我们活动结束放松一下,特地用一体机给我们放电影看。由于《你的名字》过于火爆,在很多平台都霸榜了,所以我们的语文老师也是毫无悬念的选择了这部电影。4 . 看过这部电影的都知道,电影开头多少有点少儿不宜的画面,这也就导致电影刚放没多久就被老师及时换掉了,确实有点扫兴……
5 . 虽然那个时候觉得换掉了也没什么,估计我那幼稚的心灵也看不懂。
2019年的那天1 . 到了2019年,我正读初二,应该是放暑假还是春节期间。2 . 我无意间看到了《你的名字》视频剪辑,最终迫于好奇我打开这 ...
TypeScript_环境部署【2】
安装安装Node.js
Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。
1 .TypeScript 代码本身不能直接在浏览器中运行,它需要被编译成 JavaScript 代码。Node.js 提供了一个运行时环境,可以执行 JavaScript 代码,因此可以用于运行编译后的 TypeScript 代码。同时它还提供了丰富的工具和库,使得 TypeScript 的开发更加方便和高效。
2 . 官网下载:https://nodejs.cn/
3 . 检查是否安装成功
1node --version
安装编译器
TypeScript一种编译型语言,无法直接在浏览器中运行,需要先将其编译为JavaScript代码才可以,所以我们需要先安装ts编译器tsc。
1 . 在终端输入以下命令:
1npm install -g typescript
2 . 检查是否成功
1tsc -v
第一个程序
安装完成后,可以试着写一串ts代码
1 . 代码写完后,保存,例如文件名称为:index.ts2 . 接下来进行编译3 . 在终端输入tsc index.ts即可将ts代 ...
TypeScript_初始【1】
介绍1 . TypeScript是由微软开发的一种开源编程语言,它是JavaScript的一个严格超集,这意味着任何有效的JavaScript代码也是有效的TypeScript代码。TypeScript的主要目标是开发大型应用程序,提供JavaScript所不具备的类型安全和易于维护的特性。
2 . 同时TypeScript是一种静态语言,TypeScript通过静态类型系统,允许开发者在编译时就确定变量的类型,从而减少运行时错误。
TS与JS的关系
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
何为超集?你可以理解为Ts是一个全新的JavaScript,它在保留了JavaScript语法的同时还扩展了更多功能,性能和安全性也有很大的升级。
1 . TypeScript 与 JavaScript 有着不同寻常的关系。TypeScript 提供了 JavaScript 的所有功能,并在这些 ...
PicGo + Github图床搭建
图床是一个网络术语,指的是用于存放图片的服务器。用户可以将图片上传到图床服务器,图床服务器会为这些图片生成一个可以公开访问的链接(URL)。这样,用户就可以在网页、博客、论坛等地方通过这个链接引用图片,而不需要将图片文件直接存储在这些地方。
1 . 我在使用图床之前,我一种是将图片保存在本地,这个方法有很大的不足,就当上传文章的时候,图片也跟着上传了,其次是处理起来很麻烦,每次都要打开本地目录寻找图片,写文章,添加插图的效率十分底下,为此不得不寻找新的方法来提高效率。
2 . 所以:Github + PicGo + jsdelivr,就是一个很不错的选择。3 . 接下来的话,看看如何搭建这样的图床吧!
安装PicGo
PicGo 是一个用于快速上传图片并获取图片 URL 的工具,它支持多种图床服务,如 GitHub、阿里云 OSS、腾讯云 COS 等。通过 PicGo,用户可以方便地将图片上传到指定的图床,并获取到图片的链接,用于在网页、博客或其他文档中展示图片。
1 . 需要先下载并安装PicGo。
官网地址:https://picgo.github.io/PicGo-Doc/ ...
C语言学习笔记_占位符与输出【4】
占位符
占位符,也被称作格式化字符串,主要起到格式化输入输出函数,在使用printf()函数时也经常会用到。
符号
作用
%i
整数
%s
字符串
%f
浮点数
%c
字符
%d
十进制整数
%o
八进制整数
%e
科学计数
%d
格式化整数
%p
指针
使用格式化输出
通常情况下,占位符会被用在输出函数内,如printf,它不仅可以起到格式化字符的作用,还也可以起到占位的作用。
1 . printf( ) 用于格式化输出,这也就意味着你不能直接使用,而是需要先先使用占位符来告诉该函数输出哪种类型的值。2 . 我们可以这样理解:
1printf("%", Value) // printf函数的格式
3 . 例如:我想输出任意一个数据类型的值,那么正确的方法是这样的:
123printf("%i\n", 26); // 输出整数printf("%f\n", 2.4); // 输出浮点数printf("%e\n", 21212); // 输出科 ...
C语言学习笔记_执行与编译【3】
第一个程序
学习任何一门编程语言,对于我们来说首先要做的事就是输出“Hello World”了。对于许多程序员来说,成功运行第一个”Hello, World!”程序是一个激励,标志着他们编程旅程的开始。
123456#include <stdio.h>int main(){ printf("Hello World\n"); return 0;}
代码分析🍓 #include <stdio.h>:预处理指令,它告诉编译器在编译程序之前包含标准输入输出库stdio.h。这个库提供了输入输出函数的声明,比如printf函数。它也为我们提供了输入和输出的控制台,相当于在运行代码前它能为其做好预处理准备。
🍓 int main():int为整数类型的返回值类型,main()为程序的入口点,并且main()函数的返回值类型必须是int类型。
🍓 printf():标准库中的一个函数,用于输出多种类型的值,输出变量时需要使用格式化字符串声明输出类型。
🍓 return:一般情况下用于返回程序的返回值或者状态码,若为 ...
C/C++搭建开发环境【2】
前言在学习和使用C语言之前,我们对开发环境有一定的了解,了解的目的是为了能够让初学者从表层认识到C程序的执行条件和原理。
GCC:GNU编译器集合,全称(GNU Compiler Collection)。gcc原本是专为C语言设计的,但后来发展为支持多种编程语言的编译器,比如C++,Go,Ada都能够被gcc编译。
GNU:GNU(GNU’s Not Unix),由理查德·斯托曼(Richard Stallman)于1983年发起的自由软件项目。GNU项目内包含了许多重要的组件,如gcc,gdb,bash等。
MinGW:MinGW(Minimalist GNU for Windows),它是一个提供GNU工具集以在Windows操作系统上使用的项目,相当于一个专为Windows系统打造的小型GNU项目。MinGW允许开发者在Windows环境中编译和运行UNIX/Linux应用程序,而无需完全依赖于Cygwin这样的POSIX兼容层。
安装编译器
了解上述内容后,我们就可以来安装C语言的编译器(MinGW)了。
1 . 编译器下载链接:https://sour ...