当前位置： 首页 > news >正文

BOM操作

news 文章来源：https://blog.csdn.net/2202_75345049/article/details/132872145 2025/5/6 12:36:39

文章目录

  • BOM事件
    • 页面加载
    • 调整窗口事件
    • 定时器
    • 停止计时器
    • Location对象
    • History对象
    • Offsetleft获取元素偏移
    • Offset与style的区别
    • 可视区client系列
    • 滚动scroll系列
    • Mouseover和mousenter区别
  • 动画原理
    • 实现
    • 动画封装
    • 给不同对象添加定时器
    • 缓动动画原理
    • 多个位置间移动

BOM事件

页面加载

在这里插入图片描述

调整窗口事件

在这里插入图片描述

定时器

在这里插入图片描述
在这里插入图片描述

停止计时器

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Location对象

在这里插入图片描述

History对象

在这里插入图片描述
在这里插入图片描述

Offsetleft获取元素偏移

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

Offset与style的区别

在这里插入图片描述

可视区client系列

在这里插入图片描述

滚动scroll系列

在这里插入图片描述
在这里插入图片描述

Mouseover和mousenter区别

在这里插入图片描述

动画原理

实现

在这里插入图片描述

在这里插入图片描述

动画封装

在这里插入图片描述

给不同对象添加定时器

在这里插入图片描述

缓动动画原理

在这里插入图片描述
在这里插入图片描述

多个位置间移动

在这里插入图片描述

相关文章：

BOM操作

文章目录 BOM事件页面加载调整窗口事件定时器停止计时器Location对象History对象Offsetleft获取元素偏移Offset与style的区别可视区client系列滚动scroll系列Mouseover和mousenter区别 动画原理实现动画封装给不同对象添加定时器缓动动画原理多个位置间移动 BOM事件 页面加载 …...

编程日记 2023/9/14 23:32:19

【校招VIP】前端操作系统之存储管理加密

考点介绍 加密算法有很多，如不可逆的摘要算法MD5、SHA（安全哈希算法），可逆的Base64编码，对称加密算法DES、AES，还有非对称加密算法DH、RSA等。那是不是说明我们可以使用任何一种加密算法就能保证网站的安全…...

编程日记 2023/9/14 23:31:19

windows 下载安装 mysql

windows 下载安装 mysql 官网地址：https://dev.mysql.com/ 下载地址：https://cdn.mysql.com//Downloads/MySQLInstaller/mysql-installer-community-8.0.34.0.msi 点击 Downloads 点击 MySQL Community (GPL) Downloads 点击 MySQL Installer for Window…...

编程日记 2023/9/14 23:30:17

第14章_瑞萨MCU零基础入门系列教程之QSPI

本教程基于韦东山百问网出的 DShanMCU-RA6M5开发板 进行编写，需要的同学可以在这里获取： https://item.taobao.com/item.htm?id728461040949 配套资料获取：https://renesas-docs.100ask.net 瑞萨MCU零基础入门系列教程汇总： ht…...

编程日记 2023/9/14 23:25:13

【pygame】01 pygame制作游戏的最小系统

这次使用sublimepython进行pygame的游戏开发，目的是学习使用python的基本操作和常用模块 添加一个文件夹到工程 最小系统 1.导入使用的模块 2.初始化：pygame.init函数包含了各个子模块的初始化，可以重复调用 3.pygame.display.set_mode返…...

编程日记 2023/9/14 23:24:12

(文末赠书)我为什么推荐应该人手一本《人月神话》

能点进来的朋友，说明你肯定是计算机工作的朋友或者对这本书正在仔细琢磨着的朋友。 文章目录 1、人人都会编程的时代，我们如何留存?2、小故事说明项目管理着为什么必看这本书3、如何评价《人月神话：纪念典藏版》4、本书的目录（好…...

编程日记 2023/9/14 23:22:10

回文串 rust解法

输入一个字符串，判断它是否为回文串。 输入字符串保证不含数字0。所谓回文串，就是反转以后和原串相同，如abba和madam。 样例输入： NOTAPALINDROME ISAPALINILAPASI 样例输出： not huiwen huiwen 解法： u…...

编程日记 2023/9/14 23:19:05

echarts常用参数详解汇总（饼图，柱形图，折线图）持续更新中

常用配置： X/Y轴线的基础设置《通用》 细微的差距只能去官网查看了，基本一致 这里只是做了个汇总方便查看 xAxis/yAxis: {show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字axisTick:{// 不显示坐标轴刻度线show:false, alignWithLabel: tru…...

编程日记 2023/9/14 23:18:04

最新ChatGPT网站源码+支持GPT4.0+支持Midjourney绘画+支持国内全AI模型

一、智能创作系统 SparkAi创作系统是基于国外很火的ChatGPT进行开发的Ai智能问答系统。本期针对源码系统整体测试下来非常完美，可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作ChatGPT？小编这里写一个详细图文教程吧&…...

编程日记 2023/9/14 23:16:02

【MySQL】基础SQL语句——库的操作

文章目录 一. 创建数据库1.1 基础语句1.2 字符集和校验规则1.3 校验规则对读取数据的影响 二. 查看数据库三. 修改数据库四. 删除数据库及备份4.1 删除4.2 备份和还原 结束语 一. 创建数据库 1.1 基础语句 最简洁的创建数据库的SQL语句是： create database db_nam…...

编程日记 2023/9/14 23:12:59

基于YOLOv8模型的海洋生物目标检测系统（PyTorch+Pyside6+YOLOv8模型）

摘要：基于YOLOv8模型的海洋生物目标检测系统可用于日常生活中检测与定位海洋生物目标，利用深度学习算法可实现图片、视频、摄像头等方式的目标检测，另外本系统还支持图片、视频等格式的结果可视化与结果导出。本系统采用YOLOv8目标检测算法训…...

编程日记 2023/9/14 23:10:58

华为星闪联盟：引领无线通信技术创新的先锋

星闪（NearLink），是由华为倡导并发起的新一代无线短距通信技术，它从零到一全新设计，是为了满足万物互联时代个性化、多样化的极致、创新体验需求而诞生的。这项技术汇聚了中国300多家头部企业和机构的集体智慧&#xff…...

编程日记 2023/9/14 23:08:55

炒期权的资金门槛是多少 ?

期权是一种合约，买方向卖方支付一定费用后有权利在特定的时间，以特定的价格买入或卖出一定数量的特定资产，卖方需履行相应义务，期权开户支持线上和零门槛开头，下文介绍炒期权的资金门槛是多少 ?本文来自：期…...

编程日记 2023/9/14 23:07:55

matlab根轨迹绘制

绘制根轨迹目的就是改变系统的闭环极点，使得系统由不稳定变为稳定或者使得稳定的系统变得更加稳定。 在使用PID控制器的时候，首先要确定的参数是Kp，画成框图的形式如下： 也就是想要知道Kp对系统性能有哪些影响，此时就…...

编程日记 2023/9/14 23:06:53

Vue错误记录

文章目录 1. 项目build的时候报错Warning: Accessing non-existent property cat of module exports inside circular dependency2. WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not …...

编程日记 2023/9/14 23:05:52

Linux 修改SSH的显示样式，修改终端shell显示的样式，美观更改

要修改SSH的显示样式，您可以使用自定义的PS1（提示字符串1）变量来更改命令行提示符的外观。在您的情况下，您想要的格式似乎包括日期和时间，以及当前目录。以下是一个示例PS1设置，可以实现您所描述的样式&…...

编程日记 2023/9/14 23:03:48

day40 设计模式、jdk8新特性

一、代理模式 为其他对象提供一种代理控制此对象的访问 若一个对象不适合直接引用另一个对象， 代理对象在客户端和目标对象之间起到中介作用 组成： 抽象角色：通过接口 抽象类 真实角色实现了哪些方法 代理角色：实现抽象角色…...

编程日记 2023/9/14 23:01:46

【数据结构】链表C++编写的，它定义了一个链表，并实现了一些基本的链表操作，如创建新节点、插入节点、清空链表、输出链表以及查找节点

// 引入标准输入输出流库&#xff0c;用于输出操作 #include <iostream> // 引入标准库中的stdlib&#xff0c;包含了rand()函数和其他相关函数 #include <cstdlib> // 引入标准库中的time&#xff0c;包含了time()函数和其他相关函数 #include <ctim…...

编程日记 2023/9/14 23:00:46

浏览器面试题

浏览器面试题 1.常见的浏览器内核有哪些&#xff1f;2.浏览器的主要组成部分有哪些&#xff1f;3.说一说从输入URL到页面呈现发生了什么&#xff1f;4.浏览器重绘域重排的区别&#xff1f;5.CSS加载会阻塞DOM吗&#xff1f;6.JS会阻塞页面吗&#xff1f;7.说一说浏览器的缓存机…...

编程日记 2023/9/14 22:57:42

Java Controller层异常处理示例【含面试题】

AI绘画关于SD,MJ,GPT,SDXL百科全书 面试题分享点我直达 2023Python面试题 2023最新面试合集链接 2023大厂面试题PDF 面试题PDF版本 java、python面试题 项目实战:AI文本 OCR识别最佳实践 AI Gamma一键生成PPT工具直达链接 玩转cloud Studio 在线编码神器 玩转 GPU AI…...

编程日记 2023/9/14 22:56:42

通过Git Bash将本地文件上传到本地github

1. 新建一个仓库&#xff08; Repository&#xff09; 1.1登录Github&#xff0c;点击个人头像&#xff0c;点击Your repositories&#xff0c;点击New。 1.2 填写信息 Repository name: 仓库名称 Description(可选): 仓库描述介绍,不是必填项目。~~建议填写上哦&#xff01;…...

编程日记 2023/9/14 22:54:40

继承的笔记

继承 对象代表什么, 就得封装对应的数据, 并提供数据对应的行为 对于两种不同的类, 但是具有很多共同的属性的时候我们就想着用继承, 我们可以将共同的属性放置在一个类中, 然后, 只需要新建两个类, 继承共有的类, 然后单独写自己的属性特点 继承类 Java 中提供了一个关键字…...

编程日记 2023/9/14 22:53:39

Android7.1 ROOT权限的获取

修改文件&#xff1a; system/extras/su/su.c system/core/include/private/android_filesystem_config.h system/core/libcutils/fs_config.c frameworks/base/core/jni/com_android_internal_os_Zygote.cpp frameworks/base/cmds/app_process/app_main.cpp device/qcom…...

编程日记 2023/9/14 22:50:36

几个好用的数据标注软件labelme、CVAT及LabelImage

我们使用yolov3、yolov4、yolov5、yolov8等训练自己的权重时&#xff0c;需要有大量标注好的数据集&#xff0c;这里有几个好用的数据标注软件labelme、CVAT及LabelImage 一、labelme labelme&#xff1a;https://github.com/wkentaro/labelme 这个软件用的比较多&#xff0c…...

编程日记 2023/9/14 22:49:35

VSCode学习笔记一：添加代码模板

一目了然 1 简述2 设置模板3 Global Snippets file示例 1 简述 问&#xff1a;为什么要设置代码模板&#xff1f; 答&#xff1a;编程语言是有个性的&#xff0c;不同语言的演讲风格是不一样的。 旁白&#xff1a;我不懂&#xff1f;&#xff01; 问&#xff1a;为什么要设置…...

编程日记 2023/9/14 22:48:33

Linux下修改jar包中的配置文件application.conf

文件位置 jar包文件工程目录 打包后解压jar包目录 提取和上传 jar tf XXX.jar # 获取包内文件 application.conf是jar包的配置文件&#xff0c;如果修改需要 提取文件 jar xf my-app.jar application.conf 修改后上传文件 jar uf my-app.jar application.conf...

编程日记 2023/9/14 22:47:32

【python绘图—colorbar操作学习】

文章目录 Colorbar的作用Colorbar的操作截取cmap拼接cmap双刻度列colorbar 引用 Colorbar的作用 Colorbar&#xff08;颜色条&#xff09;在绘图中的作用非常重要&#xff0c;它主要用于以下几个方面&#xff1a; 表示数据范围&#xff1a; Colorbar可以显示图中的颜色映射范围…...

编程日记 2023/9/14 22:44:29

Python+Appium自动化测试-编写自动化脚本

之前已经讲述怎样手动使用appium-desktop启动测试机上的app&#xff0c;但我们实际跑自动化脚本的过程中&#xff0c;是需要用脚本调用appium启动app的&#xff0c;接下来就尝试写Python脚本启动app并登陆app。环境为Windows10 Python3.7 appium1.18.0 Android手机 今日头条…...

编程日记 2023/9/14 22:43:28

AMEYA360｜ROHM罗姆首次推出硅电容器BTD1RVFL系列

全球知名半导体制造商ROHM(总部位于日本京都市)新开发出在智能手机和可穿戴设备等领域应用日益广泛的硅电容器。利用ROHM多年来积累的硅半导体加工技术&#xff0c;新产品同时实现了更小的尺寸和更高的性能。 随着智能手机等应用的功能增加和性能提升&#xff0c;业界对于支持更…...

编程日记 2023/9/14 22:42:27

Linux发散小知识

linux/unix哲学&#xff1a;KISS Keep It Simple and Stuid。 "提供一套机制&#xff0c;而不是策略"&#xff0c;“万般皆文本&#xff0c;四处用脚本” unix的数据流追求简单化、通用性、可视性、设备无关&#xff0c;二进制肯定无法做到这些&#xff0c;因此文本…...

编程日记 2023/9/14 22:41:26