一、主机构成、浏览器之进程|线程|worker|js引擎工作原理|执行栈|工作流程(从网址到页面、渲染机制)
1、主机构成
(1)硬盘(存储设备),“长期”存储操作系统、应用程序、用户数据等
A、浏览器把请求回来的资源放在硬盘里,根据具体情况进行加载,这就是缓存机制
B、当应用运行到特定路由时,浏览器把硬盘里的组件代码加载到内存,这就是路由懒加载
(2)内存,“临时”存储(正在运行的)指令和数据
(3)CPU,中央处理器,从内存中读取指令和数据,并执行和运算
(4)显卡,将(计算机生成的)图像数据转换为(显示器可以显示的)信号;GPU(图形处理器)是显卡的核心组成部分
(5)主板,连接着硬盘--内存--CPU--显卡、各种输入输出接口-等硬件设备
(6)电源
(7)机箱
2、浏览器的基本概念
(1)IPC,进程间通信,全称Inter Process Communication
(2)TCP,传输控制协议,全称Transmission Control Protocol
(3)TLS,传输层安全,全称Transport Layer Security
(4)GPU,图形处理器,全称Graphics Processing Unit
(5)GUI,图形用户界面,全称Graphical User Interface
(6)进程,指计算机中正在运行的程序的一个实例。是操作系统进行资源分配和调度的基本单位
(7)线程,操作系统能够进行运算调度的最小单位。它被包含在进程之中,是进程中的实际运作单位
3、浏览器的进程
(1)主进程,管理窗口和协调子进程
(2)网络进程,处理网络请求
(3)GPU进程,加速图形渲染
(4)渲染进程,解析和渲染网页内容
(5)插件进程,运行浏览器插件
(6)扩展进程,管理浏览器扩展功能
4、主进程的线程
(1)UI 线程(UI Thread)
A、职责
a、负责浏览器的用户界面(UI)的绘制和更新,包括地址栏、书签栏、标签页、菜单等
b、接收用户的输入事件(如点击、滚动、键盘输入),并将事件分发给对应的子进程(如渲染进程)
c、管理浏览器窗口的创建、关闭和布局
B、示例
a、用户点击地址栏时,UI 线程负责显示输入框并接收键盘输入
b、用户点击新建标签页按钮时,UI 线程负责创建新的标签页
(2)IO 线程(IO Thread)IO 线程(IO Thread)
A、职责
a、负责处理与文件系统、网络请求等相关的输入输出操作
b、协调网络进程(Network Process)加载资源(如 HTML、CSS、JavaScript 文件)
c、管理浏览器的缓存、Cookie 等数据。
B、示例
a、用户输入 URL 后,IO 线程负责通知网络进程加载网页资源
b、读取本地缓存数据时,IO 线程负责与文件系统交互
(3)存储线程(Storage Thread)
A、职责
a、负责管理浏览器的本地存储数据,LocalStorage、SessionStorage,IndexedDB 数据库,Cache API(Service Worker 缓存)
b、确保存储操作的线程安全,避免阻塞主线程
B、示例
a、网页使用 localStorage.setItem 存储数据时,存储线程负责将数据写入磁盘
(4)文件线程(File Thread)
A、职责
a、负责处理与文件系统相关的操作,例如:读取和写入文件。管理下载的文件
b、与 IO 线程协作,完成文件的异步操作
B、示例
a、用户下载文件时,文件线程负责将文件保存到本地磁盘
(5)设备线程(Device Thread)
A、职责
a、负责管理与硬件设备相关的操作,例如:访问摄像头、麦克风。处理地理位置信息(GPS)。与 GPU 进程协作,完成硬件加速渲染
b、确保设备操作的线程安全
B、示例
a、网页请求访问摄像头时,设备线程负责与操作系统交互,获取摄像头权限
(6)调试线程(Debug Thread)
A、职责
a、负责支持开发者工具(DevTools)的功能
b、管理与调试相关的任务,例如:调试 JavaScript 代码,监控网络请求,检查 DOM 和 CSS
B、示例
a、开发者打开 DevTools 时,调试线程负责与渲染进程通信,获取调试信息
(7)实用线程(Utility Threads)
A、职责
a、负责处理一些辅助任务,例如:解压缩文件。编码解码数据(如 Base64、JSON)。处理加密操作(如 HTTPS 的 SSL/TLS)
b、这些线程通常是按需创建的,用于执行特定的后台任务
B、示例
a、网页加载压缩的 JavaScript 文件时,实用线程负责解压缩文件
(8)GPU 主线程(GPU Main Thread)
A、职责
a、负责与 GPU 进程(GPU Process)通信,协调图形渲染任务。
b、管理硬件加速渲染,例如:处理 CSS 动画。渲染 3D 图形(WebGL)
c、确保图形渲染的高效性和流畅性
B、示例
a、网页使用 transform 或 opacity 实现动画时,GPU 主线程负责与 GPU 进程协作,完成硬件加速渲染
(9)网络线程(Network Thread)
A、职责
a、负责处理与网络请求相关的任务
b、与网络进程(Network Process)协作,加载网页资源(如 HTML、CSS、JavaScript)
B、示例
a、用户输入 URL 后,网络线程负责通知网络进程加载网页资源
(10)音频线程(Audio Thread)
A、职责
a、负责处理音频相关的任务(如播放、解码)
b、利用 GPU 或硬件加速提升音频处理性能
B、示例
a、网页播放音频时,音频线程负责解码和播放音频数据
(11)视频线程(Video Thread)
A、职责
a、负责处理视频相关的任务(如播放、解码)
b、利用 GPU 或硬件加速提升视频处理性能
B、示例
a、网页播放视频时,视频线程负责解码和播放视频帧
(12)监控线程(Watchdog Thread)
A、职责
a、负责监控主进程的运行状态,检测潜在的问题(如死锁、崩溃)
b、在主进程出现异常时,尝试恢复或重启进程
B、示例
a、如果主进程长时间无响应,监控线程会触发恢复机制
5、网络进程的线程
(1)主线程(Main Thread)
A、职责
a、负责网络进程的初始化和整体调度
b、管理与浏览器主进程和其他进程(如渲染进程)的通信
c、协调其他线程的工作,确保网络请求的高效处理
B、示例
a、当用户输入 URL 或点击链接时,主线程接收来自浏览器主进程的请求,并启动资源加载流程
(2)网络线程(Network Thread)
A、职责
a、负责实际的网络请求操作,包括:发送 HTTP/HTTPS 请求、接收服务器响应、处理重定向、缓存、Cookie 等
b、实现网络协议栈(如 HTTP、WebSocket、QUIC)
c、管理与服务器的连接池,复用 TCP 连接以提高性能
B、示例
a、加载网页时,网络线程负责向服务器发送请求并接收响应数据
(3)缓存线程(Cache Thread)
A、职责
a、负责管理浏览器缓存,包括:检查请求的资源是否在缓存中。将服务器响应的资源存入缓存。清理过期的缓存数据。
b、支持 HTTP 缓存机制(如 Cache-Control、ETag)
B、示例
a、如果请求的资源在缓存中有效,缓存线程会直接返回缓存数据,而无需发送网络请求
(4)DNS 线程(DNS Thread)
A、职责
a、负责域名解析(DNS 查询),将域名转换为 IP 地址。
b、缓存 DNS 查询结果,以减少重复查询的开销。
c、支持 DNS 预取(DNS Prefetching)功能,提前解析页面中的域名。
B、示例
a、当用户访问 https://example.com 时,DNS 线程负责解析 example.com 的 IP 地址
(5)SSL/TLS 线程(SSL/TLS Thread)
A、职责
a、负责处理 HTTPS 请求的加密和解密操作。
b、实现 SSL/TLS 协议,确保数据传输的安全性。
c、管理与服务器的安全连接(如握手、证书验证)。
B、示例
a、当用户访问 https://example.com 时,SSL/TLS 线程负责与服务器建立安全连接
(6)预加载线程(Preload Thread)
A、职责
a、负责解析 HTML 文档中的预加载指令(如 <link rel="preload">)。
b、提前加载页面中可能用到的资源(如图片、字体、脚本)。
c、优化页面加载性能,减少用户等待时间。
B、示例
a、如果 HTML 中包含 <link rel="preload" href="image.png">,预加载线程会提前加载 image.png
(7)代理线程(Proxy Thread)
A、职责
a、负责处理通过代理服务器的网络请求。
b、管理与代理服务器的连接,支持多种代理协议(如 HTTP、SOCKS)。
c、 处理代理认证和错误重试。
B、示例
a、如果浏览器配置了代理服务器,代理线程会负责将请求转发给代理服务器
(8)WebSocket 线程(WebSocket Thread)
A、职责
a、负责处理 WebSocket 连接,支持全双工通信。
b、管理与服务器的 WebSocket 握手、数据传输和连接关闭
B、示例
a、当网页使用 WebSocket 与服务器通信时,WebSocket 线程负责处理相关操作
(9)QUIC 线程(QUIC Thread)
A、职责
a、负责处理基于 QUIC 协议的网络请求。
b、QUIC 是 Google 开发的基于 UDP 的传输协议,用于替代 TCP 和 TLS,提供更快的连接速度和更好的性能
B、示例
a、当浏览器支持 QUIC 时,QUIC 线程负责处理 QUIC 协议的请求和响应
(10)后台同步线程(Background Sync Thread)
A、职责
a、负责处理后台同步任务(如 Service Worker 的 backgroundSync 功能)
b、在网络恢复后,自动重试失败的任务
B、示例
a、当用户离线时提交表单,后台同步线程会在网络恢复后自动重新提交
6、GPU进程的线程
(1)主线程(GPU Main Thread)
A、职责
a、负责 GPU 进程的初始化和整体调度
b、管理与浏览器主进程、渲染进程的通信
c、协调其他线程的工作,确保图形渲染任务的高效执行
B、示例
a、当网页触发 CSS 动画时,GPU 主线程接收渲染进程的请求,并启动图形渲染任务
(2)渲染线程(Raster Thread)
A、职责
a、负责将网页内容(如 DOM 元素、CSS 样式)光栅化(Rasterization),即将矢量图形转换为位图(像素)。
b、处理与图层(Layer)相关的渲染任务。
c、支持硬件加速渲染,利用 GPU 完成光栅化操作。
B、示例
a、当网页中的元素需要更新时,渲染线程负责将这些元素转换为位图,并提交给 GPU 进行渲染
(3)合成线程(Compositor Thread)
A、职责
a、负责将多个图层(Layer)合成为最终的页面图像。
b、处理与滚动、动画、变换(如 transform、opacity)相关的任务。
c、直接与 GPU 交互,利用硬件加速完成合成操作。
B、示例
a、当用户滚动页面时,合成线程负责将不同图层合成为新的帧,并提交给 GPU 显示
(4)视频解码线程(Video Decode Thread)
A、职责
a、负责视频解码任务,利用 GPU 的硬件解码能力加速视频播放
b、支持多种视频格式(如 H.264、VP9)的解码
c、将解码后的视频帧提交给合成线程进行显示
B、示例
a、当网页播放视频时,视频解码线程负责解码视频帧,并将其传递给合成线程
(5)OpenGL/Vulkan 线程(OpenGL/Vulkan Thread)
A、职责
a、负责与 GPU 的底层 API(如 OpenGL、Vulkan)交互
b、执行与 3D 图形渲染相关的任务(如 WebGL、Canvas 3D)
c、管理 GPU 资源的分配和释放
B、示例
a、当网页使用 WebGL 渲染 3D 图形时,OpenGL/Vulkan 线程负责调用 GPU API 完成渲染
(6)图像解码线程(Image Decode Thread)
A、职责
a、负责图像解码任务,将压缩的图像格式(如 JPEG、PNG、WebP)解码为位图。
b、利用 GPU 的硬件解码能力加速图像解码。
c、将解码后的图像提交给渲染线程或合成线程。
B、示例
a、当网页加载图片时,图像解码线程负责解码图片,并将其传递给渲染线程
(7)共享资源线程(Shared Resource Thread)
A、职责
a、负责管理 GPU 进程中的共享资源(如纹理、缓冲区)
b、确保多个线程之间的资源访问是线程安全的
c、优化资源的使用,减少内存占用
B、示例
a、当多个线程需要访问同一纹理时,共享资源线程负责协调资源的分配和释放
(8)监控线程(Watchdog Thread)
A、职责
a、负责监控 GPU 进程的运行状态,检测潜在的问题(如死锁、GPU 崩溃)
b、在 GPU 进程出现异常时,尝试恢复或重启进程
B、示例
a、如果 GPU 进程长时间无响应,监控线程会触发恢复机制
(9)工具线程(Utility Threads)
A、职责
a、负责处理一些辅助任务,例如:日志记录、性能监控、调试支持
b、这些线程通常是按需创建的,用于执行特定的后台任务
B、示例
a、当开发者工具启用 GPU 性能分析时,工具线程负责收集和记录性能数据
7、渲染进程的线程,包含了渲染机制
(1)主线程(Main Thread),详见“8、渲染进程的主线程”
A、职责
a、负责执行 JavaScript 代码(单线程执行)
b、解析 HTML 文档,构建 DOM 树
c、解析 CSS 样式,构建 CSSOM 树
d、将 DOM 和 CSSOM 结合,生成渲染树(Render Tree)
e、执行布局(Layout)和绘制(Paint)操作
f、处理用户交互事件(如点击、滚动、输入)
B、示例
a、当用户点击按钮时,主线程负责执行按钮的 click 事件监听器
b、当页面加载时,主线程负责解析 HTML 和 CSS,并生成渲染树
(2)合成线程(Compositor Thread)
A、职责
a、负责将页面的不同图层(Layer)合成为最终的图像
b、处理与滚动、动画、变换(如 transform、opacity)相关的任务
c、直接与 GPU 进程交互,利用硬件加速完成合成操作
B、示例
a、当用户滚动页面时,合成线程负责将不同图层合成为新的帧,并提交给 GPU 显示
(3)光栅化线程(Raster Thread)
A、职责
a、负责将渲染树中的内容光栅化(Rasterization),即将矢量图形转换为位图(像素)
b、利用 GPU 加速光栅化操作,提升性能
c、将光栅化后的位图提交给合成线程
B、示例
a、当页面中的元素需要更新时,光栅化线程负责将这些元素转换为位图
(4)工作线程(Worker Threads)
附、WebWorker,是浏览器提供的一种多线程技术,用于在浏览器后台运行JavaScript代码,可以与长连接结合使用
const worker = new Worker('worker.js');
worker.onmessage = function(event) {
console.log('Received from worker:', event.data);
};
A、职责
a、负责执行Web Worker中的JS代码
b、处理复杂的计算任务,避免阻塞主线程
c、支持多线程并行计算,提升性能
B、示例
a、当网页使用 Web Worker 进行大量数据计算时,工作线程负责执行计算任务
附、WebAssembly,与WebWorker类似,属于Web-API的扩展
A、2015年,浏览器厂商联合启动WebAssembly(Wasm,集会、议会、组装、组件),它是基于Web的二进制指令格式,通过JS的API,如WebAssembly.instantiate调用
B、编译流程:高级语言(C/Rust)—>编译器(如Emscripten)—>.wasm 文件—>浏览器加载并执,与JS协同工作,提升Web计算性能
C、执行环境:在沙箱中运行,与JS隔离但可互操作
附、沙箱,Sandbox,是一种安全隔离机制,在其中运行程序、执行代码或操作数据,严格限制其对外部系统的访问权限
(5)Service Worker 线程(Service Worker Thread)
A、职责
a、负责执行 Service Worker 中的 JavaScript 代码
b、处理离线缓存、推送通知、后台同步等任务
c、独立于主线程运行,即使页面关闭也能执行任务
B、示例
a、当网页使用 Service Worker 缓存资源时,Service Worker 线程负责管理缓存
(6)事件线程(Event Thread)
A、职责
a、负责监听和分发用户输入事件(如点击、滚动、键盘输入)
b、将事件传递给主线程或其他相关线程进行处理
B、示例
a、当用户点击页面时,事件线程负责将点击事件传递给主线程
(7)定时器线程(Timer Thread)
A、职责
a、负责管理 JavaScript 中的定时器(如 setTimeout、setInterval)
b、在指定时间触发回调函数
B、示例
a、当页面使用 setTimeout 设置定时任务时,定时器线程负责在指定时间触发回调
C、js的定时器返回值是一个数字,为什么清除该数字,就能清除该定时器
a、js中的定时器(如setTimeout和setInterval)返回值是一个数字,这个数字是浏览器内部维护的定时器列表中的索引
b、当你调用clearTimeout或clearInterval时,实际上是通过这个标识符告诉浏览器,找到该索引的定时器并移除它
(8)网络线程(Network Thread)
A、职责
a、负责处理与网络请求相关的任务
b、与浏览器主进程的网络进程协作,加载网页资源(如 HTML、CSS、JavaScript)
B、示例
a、当页面加载时,网络线程负责请求和接收资源
(9)存储线程(Storage Thread)
A、职责
a、负责管理(当前标签页的)本地存储数据(如 localStorage、IndexedDB)
b、确保存储操作的线程安全,避免阻塞主线程
B、示例
a、当网页使用localStorage.setItem 存储数据时,存储线程负责将数据写入磁盘
(10)音频线程(Audio Thread)
A、职责
a、负责处理音频相关的任务(如播放、解码)
b、利用GPU或硬件加速提升音频处理性能
B、示例
a、当网页播放音频时,音频线程负责解码和播放音频数据
(11)视频线程(Video Thread)
A、职责
a、负责处理视频相关的任务(如播放、解码)
b、利用 GPU 或硬件加速提升视频处理性能
B、示例
a、当网页播放视频时,视频线程负责解码和播放视频帧
(12)工具线程(Utility Threads)
A、职责
a、负责处理一些辅助任务,例如:日志记录、性能监控、调试支持
b、这些线程通常是按需创建的,用于执行特定的后台任务
B、示例
a、当开发者工具启用性能分析时,工具线程负责收集和记录性能数据
8、渲染进程的主线程,包含了JS引擎工作原理,即浏览器的事件循环与异步任务。详见“7、渲染进程的线程”
(1)相关概念
A、执行栈(Execution Stack,也叫调用栈,Call Stack),JS引擎器用来管理函数调用顺序的“堆叠容器”,遵循“先进后出”,工作过程如下
a、代码执行时,每遇到一个函数调用,就把它“压”进栈顶;
b、函数执行完,就从栈顶“弹”出去;
c、栈空了,就表示当前同步代码执行完了
d、嵌套调用会导致堆叠
B、异步任务,分为
a、宏任务(MacroTask)与宏任务队列(MacroTask Queue)
b、微任务(MicroTask)与微任务队列(MicroTask Queue)
C、事件循环帧,即一次循环或一个Tick
a、1帧≈执行1个宏任务+清空整个微任务队列+(可能的)1次UI渲染
b、UI渲染条件有,是否有视觉(DOM/CSSOM)修改、是否到达屏幕刷新周期16.67ms、浏览器性能优化策略
c、优化策略之自动启用,后台标签降频、隐藏元素渲染跳过、刷新周期对齐、资源预加载/预解析
d、优化策略之用户启用,
d1、requestAnimationFrame对齐渲染周期
d2、requestIdleCallback利用空闲时间
d3、开启CSS硬件加速,transform:translateZ(0); /*强制浏览器为元素创建GPU图层*/
D、浏览器渲染帧
a、渲染步骤,执行requestAnimationFrame回调、计算样式(Style)、布局(Layout)、绘制(Paint)、合成(Composite)
b、渲染频率固定,60Hz屏幕固定16.67ms/帧,144Hz屏幕固定6.94ms/帧
E、事件循环帧与屏幕渲染帧的关联
a、事件循环的耗时是可变的,而屏幕刷新帧的时间间隔是固定的,
b、事件循环的任务必须在屏幕刷新周期内完成工作,否则会错过渲染时机,延迟渲染,导致掉帧
c、事件循环帧是浏览器渲染的源头,本身不是渲染步骤
(2)事件循环的流程!!!
A、执行当前同步代码(Script阶段),所有同步代码(非异步部分)直接进入执行栈执行
注:此阶段属于初始宏任务的一部分,执行过程中可能产生新的宏任务或微任务(分别进入对应队列)
B、从宏任务队列(Task Queue)中取出一个宏任务(Macrotask)到执行栈执行
a、浏览器会维护多个宏任务队列(如用户交互事件>定时器)
a1、事件循环会优先从高优先级的队列中选取任务执行
a2、在每个队列内部,任务遵循先入先出(FIFO)
b、宏任务的来源
b1、事件监听(如click、scroll)
b2、I/O操作(如网络I/O、文件I/O、存储I/O)
b3、消息通道(MessageChannel)
b4、定时器(setTimeout、setInterval,4ms最小延迟)
c、宏任务执行过程
c1、可能产生新的微任务,追加到当前微任务队列末尾
c2、可能产生新的宏任务,追加到宏任务队列末尾,等待后续事件循环执行
c3、当前宏任务执行完毕,退出执行栈
C、清空微任务队列(宏任务执行完毕后立即执行)
a、过程
a1、从微任务队列中取出第一个微任务,将其推入执行栈中执行
a2、执行完后,再取第二个微任务推入执行栈
a3、直到微任务队列清空(期间新增的微任务会被连续执行)
b、微任务的来源
b1、Promise.then
b2、async/await(本质是Promise的语法糖)
b3、变化观察者(MutationObserver,目标节点变化时触发)
b4、queueMicrotask(直接添加微任务,用于轻量簿记任务)
c、微任务执行时
c1、可能产生新的微任务,追加到当前微任务队列末尾,在本次清空阶段继续执行
c2、可能产生新的宏任务,追加到宏任务队列末尾,在后来的事件循环中执行
D、判断是否进入渲染阶段(微任务清空后触发)
a、触发条件:存在DOM/CSSOM视觉修改+到达屏幕刷新周期(如60Hz屏幕≈16.67ms)+符合浏览器性能策略
b、若不满足条件:直接跳过渲染,进入下一步取宏任务
E、渲染阶段(Render Steps,仅当D中条件满足时执行)
a、执行requestAnimationFrame(rAF)回调(与渲染帧对齐,适合动画更新)
b、计算样式(Recalculate Style):确定每个元素最终应用的CSS规则
c、布局(Layout/Reflow):计算元素的几何属性(位置、宽高)
d、绘制(Paint):将元素的视觉信息绘制到图层
e、合成(Composite):将多个图层合并为最终图像,提交给GPU显示到屏幕
F、重复步骤B-E,直到宏任务队列和微任务队列均为空
(3)其他异步任务
A、requestIdleCallback,执行时机为,事件循环的空闲阶段
B、Web Workers,执行时机为,独立的事件循环机制,与主线程完全分离,不阻塞主线程
9、hosts文件
(1)作用:不用DNS解析,直接前往ip
(2)hosts文件
# 版权所有(c)1993-2009 微软公司
# 这是 Microsoft TCP/IP 在 Windows 系统中使用的示例 HOSTS 文件
# 此文件包含 IP 地址到主机名的映射关系。每个条目应单独占据一行
# IP 地址应放在第一列,随后是对应的主机名
# IP 地址和主机名之间至少用一个空格分隔
# 127.0.0.1 localhost
127.0.0.1 test.cctv.com
127.0.0.1 gzx.zhixue.com
//使得“开发请求路径”http://test.cctv.com/...与“生产请求路径”在格式上完全一致,均为“域名+路径”
//a、浏览器输入http://localhost:3000,无效,
//b、浏览器输入http://127.0.0.1:3000,无效,
//c、浏览器输入http://test.cctv.com:3000,有效,
(3)开发环境变量 //.env.development
VITE_APP_REMOTE_API = 'http://test.cctv.com/'
(4)生产环境变量 //.env.production
VITE_APP_REMOTE_API = 'https://api.production.cctv.com/' //实际生产域名
(5)请求代码 //videoCut.js
import request from '@/utils/request';
var baseUrl = import.meta.env.VITE_APP_REMOTE_API + 'ai-video-cut-api/';
export function getProjects(params) {
return request({
url: baseUrl + 'get_projects',
method: 'get',
params,
});
}
(6)代理代码 //vite.config.js
export default defineConfig(({ command, mode }) => {
const envConfig = loadEnv(mode, process.cwd());
const { VITE_BASE_URL } = envConfig;
return {
base: VITE_BASE_URL,
server: {
port: 80,
host: true,
//host:true与host:'0.0.0.0',效果一样,1、当前设备可访问,2、外部设备可通过当前设备的IP地址访问
//host:'localhost'与host:'127.0.0.1',效果一样,只能当前设备访问
open: true, //自动打开目标域名 //open: 'http://test.cctv.com:3000',
proxy: {
//以下3种匹配可以共存,如果多个规则匹配中同一个请求,只有先定义的规则生效。字符串和正则都是匹配path的起始部分
'/app': { //1/2、这是统一代理,非常重要!!!
target: 'https://reg.cctv.com',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/ai-video-cut-api/, ''), //移除路径前缀
//rewrite: {"^/app": ""}, //前缀匹配'/api'等效于正则匹配'^/api'
},
'^/(play|create_task|task_status)': { //2/2、这是统一代理,非常重要
target: 'http://192.168.116.111:6000',
changeOrigin: true,
},
'/download':{ //这是单个匹配
target: 'http://192.168.116.222:8000',
changeOrigin: true,
},
}
},
};
});
10、浏览器的工作流程(从网址到页面、渲染机制),分布在各个进程中
附、域名系统,Domain Name System,DNS
附、在页面中以“/”开始的请求路径,默认指向当前页面所在服务器的根目录
(1)域名解析,浏览器把域名解析成IP
A、浏览器检查自身本地的DNS缓存,若存在未过期的域名-IP映射,直接使用该IP地址;若浏览器缓存未命中,进入下一步
B、浏览器调用操作系统接口,检查操作系统的hosts文件(如Windows的C:\Windows\System32\drivers\etc\hosts)
a、若文件中存在该域名对应的IP(例如127.0.0.1 test.cctv.com),直接使用该IP,解析流程结束
b、若不存在,进入下一步
C、操作系统检查自身的DNS缓存,若有未过期记录,直接将对应IP返回给浏览器;若本地缓存仍未命中,进入下一步
D、操作系统向配置的DNS服务器发起查询
a、操作系统首先向本地DNS服务器(如ISP提供的DNS或自定义DNS)发起递归查询请求
b、若DNS服务器本地有缓存,直接返回IP给操作系统,再由操作系统传递给浏览器
c、若DNS服务器本地无缓存,会以迭代查询的方式,从根域名服务器开始逐级查询(根服务器→顶级域名服务器→权威域名服务器)
d、直至获取对应IP,再按原路返回给操作系统,最终传递给浏览器
E、浏览器获取IP后,在相同子网掩码的计算下,两台主机IP地址的网络部分
a、若相同,通过局域网链路直接通信,发送数据包
b、若不同,将数据交由默认网关转发,跨网段通信,进入下一步
(2)建立连接
A、浏览器获取到服务器的IP地址后,会根据HTTP或HTTPS协议与服务器建立连接
B、对于HTTP/1.x,通常会使用TCP三次握手来建立连接
C、对于HTTPS,还需要在TCP连接的基础上进行SSL/TLS握手,以建立安全的加密连接,保证数据传输的安全性
(3)发送请求
A、连接建立后,浏览器会根据用户的操作或页面的需求,按照HTTP协议的格式构造请求消息
B、请求消息中包含请求方法(如GET、POST等)、请求头(包含用户代理、缓存控制等信息)、请求体(如果是POST等方法,可能包含提交的数据)等内容
C、然后将请求消息发送给服务器
(4)服务器处理请求
A、服务器接收到浏览器发送的请求后,会根据请求的内容进行相应的处理
B、服务器可能会从数据库中查询数据、进行业务逻辑处理等,然后根据处理结果生成响应消息
C、响应消息也包含响应头(如状态码、内容类型等)和响应体(通常是HTML、CSS、JavaScript等资源或数据)
(5)接收响应
A、浏览器接收服务器返回的响应消息,根据响应头中的状态码判断请求是否成功
B、如果状态码是200,表示请求成功,浏览器会继续处理响应内容
C、如果是4xx或5xx等错误码,则表示请求出现了问题,浏览器会根据情况进行相应的提示或处理
(6)页面渲染
A、解析HTML:浏览器会将接收到的HTML代码解析成一个DOM(文档对象模型)树,DOM树的节点对应着HTML文档中的各种元素,如标签、属性等
B、解析CSS:同时,浏览器会解析CSS代码,构建CSSOM(CSS对象模型)树,CSSOM树描述了页面中各个元素的样式信息
C、构建渲染树:将DOM树和CSSOM树结合起来,构建渲染树。渲染树只包含需要显示的节点及其样式信息,不包含如<script>、<meta>等不需要显示的节点
D、布局计算:根据渲染树,浏览器会进行布局计算,确定每个元素在页面中的位置和大小等几何信息
E、绘制渲染:最后,浏览器根据布局计算的结果,将各个元素绘制到屏幕上,形成用户看到的页面
F、在绘制过程中,浏览器可能会进行分层处理、合成等操作,以提高渲染性能和效果
(7)关闭连接(四次挥手,断开TCP连接)
A、页面渲染完成后
B、如果是HTTP/1.x协议,浏览器和服务器之间的连接可能会根据连接头中的设置(如Connection:close或Connection:keep-alive)来决定是否关闭连接
C、如果是HTTP/2或HTTP/3等协议,连接可能会被复用,以便后续的请求和响应更加高效
11、页面渲染
(1)解析HTML
(1-1)解析html标签,DOM树创建开始
A、document.readyState = ‘loading’
(1-2)解析head标签里的的link标签,加载外部css
A、同步加载外部css,CSS树开始创建
B、link异步加载外部css、js,
a、rel,规定当前文档和被链接文档之间的关系
b、<link rel="preload" href="style.css" as="style">
c、<link rel="preload" href="js文件" as="script">
d、这是js异步加载的流行方式,defer和async为落后方式
(1-3)解析head标签里的的script标签,同步加载外部js
A、浏览器加载并阻塞,加载完成并执行该脚本,可能修改DOM树、CSS树
B、script异步加载外部js,有async、defer
a、有async属性的js,加载完成后立即执行,因而无序
(1-4)解析body标签,丰富DOM树
A、同步解析其它标签
B、img标签的src异步加载图片
(1-5)解析html标签下方的script标签,同步加载外部js
A、浏览器加载并阻塞,加载完成并执行该脚本,可能修改DOM树、CSS树
B、script异步加载外部js,有async、defer
a、有async属性的js,加载完成后立即执行,因而无序
(1-6)DOM树构建完成,此时页面已经可以交互了
A、document.readyState = ‘interactive’//交互的
B、有defer属性的脚本,按照顺序执行完毕
C、DOMContentLoaded事件执行,从“同步脚本执行”到“事件驱动阶段”,可以
a、绑定事件监听器,响应用户交互或其他事件
b、进行异步操作,如AJAX请求、定时器等,不会阻塞主线程
(2)解析CSS
(3)构建渲染树
(4)布局计算
(5)绘制渲染(首次)
(6)执行异步,可能再次进行绘制(渲染)的
A、有async属性的js加载完成后
B、img、css等加载完成后
(7)异步执行完毕
A、document.readyState = ‘complete’
B、load事件执行
12、其它
(1)怎样查看客户端首次渲染
A、浏览器输入http://localhost:8000
B、enter
C、打开控制台console
D、刷新浏览器
(2)<a href="http://www.example.com" target="_blank"/>
A、target="_blank",攻击者会针对`window.opener`API进行恶意行为的攻击,有可能导致钓鱼安全漏洞问题
B、target="_blank",使用时,配合使用rel="noopenner noreferrer"
(3)客户端渲染,CSR,Client-Side-Render,服务器收到请求后,发送数据给浏览器,浏览器用js把数据拼接到html里,然后渲染
A、优势
a、公共部分不重复加载
b、擅长网站交互
c、初始加载后,页面加载速度更快
B、劣势
a、初始加载需要更长的时间
b、不利于SEO
C、又叫单页面应用,SPA,Single-Page-Application
(4)服务端渲染,SSR,Server-Side-Render,服务器收到请求后,把数据拼接到html里,发送给浏览器渲染
A、优势
a、初始页面加载速度快
b、利于SEO
B、劣势
a、公共部分重复加载
b、不擅长网站交互
二、前端性能检测与分析
1、前端性能检测工具-Chrome-performance
来源,https://blog.csdn.net/qq_42231156/article/details/124617782
(1)Summary,环状图,各类行为耗时,不排序
Loading,网络通信和html解析
Scripting,JavaScript执行
Rendering,样式计算和布局
Painting,重绘
System,系统事件
Idle,空闲时间
(2)Bottom-Up,表格,各项行为耗时,根据首列Self Time从高到底
(3)Call Tree,表格,各项行为耗时,根据次列Total Time从高到底
(4)Event Log,表格,各项行为耗时,根据首列Start Time从先到后
(5)Timings
FP(First Paint),渲染出第一个像素点。FP一般在HTML解析完成或者解析一部分时候触发。
FCP(First Contentful Paint),渲染出第一个内容。这里的“内容”可以是文本、图片、canvas。
LCP(largest contentful Paint),渲染出最大内容。
DCL(DOMContentLoaded),DOM解析完毕。
L(Onload Event),页面中依赖的所有资源加载完的事件。
已废,FMP(First Meaningful Paint),首次渲染有意义的内容的时间,“有意义”没有一个标准的定义,FMP的计算方法也很复杂。
2、前端性能分析工具-Chrome-LightHouse
来源,https://www.cnblogs.com/ypSharing/p/15793767.html
(1)Lighthouse 已经直接集成到 Chrome60+ 的调试工具
(2)生命周期Lighthouse 运行测评的过程有一套完整的生命周期,可以划分成三个主要流程:
Collecting,收集数据
Auditing,分析数据
Report,生成报告
(3)生成报告,在当前页面-F12-Lighthouse-勾选检测项-Analyze page load
(4)报告指标(metrics)
Performance,性能
Accessibility,访问无障碍,
Best Practice,最佳实践(优化)
SEO,搜索引擎优化
PWA,渐进式(接近原生app的)web app,Progressive Web App
3、前端性能分析工具-代码运行时间计算
console.time('这是性能检测,参数必须一样');
//代码
console.timeEnd('这是性能检测,参数必须一样');
4、其他相关
(1)recorder:录制性能测试脚本
(2)snapshot:快照
(3)Performance insights:性能见解
(4)Simulation Information:模拟信息
(5)APLUS_CNA:在网站上登记用户行为的统计数据。用于网站运营商的内部分析
三、后端缓存
1、manifest缓存,
(1)前端引入Application Cache文件,manifest.appcache,如下:
<html manifest="manifest.appcache">//属于http请求;cache缓存;Apache阿帕奇,是世界使用排名第一的Web服务器软件
...
</html>
(2)在第一次访问时,浏览器加载完HTML文档后,会加载并缓存manifest文档及文档所列资源
(3)之后访问,浏览器首先会查看manifest文件是否被修改(无论是内容还是注释)
A、如果被修改,将当做第一次访问,重新根据manifest文件内容进行缓存
B、如果没有被修改,浏览器直接从缓存中加载文档和资源,不会访问网络
(4)在缓存多个资源文件时,浏览器下载资源文件会先放在一个临时的缓存中,
A、如果有任何一个资源文件下载失败,浏览器将停止其他缓存资源的下载,并清除临时缓存
B、如果所有资源文件都被成功下载,浏览器将会把这些资源文件以及引用manifest文件的HTML文档移动到永久离线缓存中
(5)后端配置Application Cache文件,manifest.appcache,如下:
//以下头部信息
CACHE MANIFEST
# version xx.xx.xx
//以下哪些资源文件需要被缓存
CACHE:
needBeCached.png
needBeCached2.js
//以下哪些文件不需要缓存
NETWORK:
notNeedBeCached.html
notNeedBeCached2.css
//以下后备页面,当资源无法访问时,浏览器会使用该页面
FALLBACK:
/404.html
2、http缓存
附、HTTP教程,https://www.runoob.com/http/http-tutorial.html
(1)特征,在第一次的响应报文中,服务器返回了cache-control、Last-Modified、Expires、etag字段,那么在后续请求时,才带上这些字段
(2)作用,Web应用程序使用HTTP协议传输数据
(3)使用流程
A、前端向后台发送请求
B、后台通过返回304让前端使用缓存(此处的疑问,如果此时缓存已经失效了,怎么办?正常情况下,返回304就是缓存还没有失效)
C、前端可以通过问号传参绕开缓存
(4)以下是缓存限制
A、Cache-Control,响应头,常见的取值有private、no-cache、max-age、must-revalidate等,默认为private
来源https://baike.baidu.com/item/Cache-control/1885913?fr=aladdin
public,所有内容都将被缓存(客户端和代理服务器都可缓存)
private,内容只缓存到私有缓存中(仅客户端可以缓存,代理服务器不可缓存)
no-cache,必须先与服务器确认返回的响应是否被更改
no-store,所有内容都不会被缓存到缓存或Internet临时文件中
must-revalidation/proxy-revalidation,如果缓存的内容失效,请求必须发送到服务器/代理以进行重新验证
max-age=xxx,xxx为数字,缓存在xxx秒后失效
B、Expires,响应头,其value为日期时间,该日期时间后缓存失效
C、Last-Modified 和 If-Modified-Since
Last-Modified,响应头,其value为日期时间,服务器最后修改该文件的日期时间
If-Modified-Since,请求头,如果Last-Modified后,内容没有变化,服务器则返回304,客户端直接从本地加载页面
D、Etag和If-None-Match,被请求变量的实体值
来源https://baike.baidu.com/item/ETag/4419019
ETag,响应头,验证令牌,如"50b1c1d4f775c61:df3"
If-None-Match,请求头,如果Etag和服务器计算出来的Etag匹配,为False,返回304
使用场景,不希望客户端知道文件被修改;If-Modified-Since无法判断1秒内的多次修改;某些服务器不能精确得到文件的最后修改时间
(5)局限,HTTP协议是无状态协议,短连接,其特征是
A、一旦数据交换完毕,客户端与服务器端的连接就会关闭
B、服务器无法从连接上跟踪会话
C、再次交换数据需要建立新的连接
四、前端优化方案
附、方案概览,压缩静态资源、使用请求动画帧、减少请求、取消(阻止)请求、异步加载、懒加载、缓存,共7项
附、关于缓存
A、定义,把后台数据存到前端,再次使用时,不用再次请求
B、方案,cookie、session、sessionStorage、localStorage、WebSqlDatabase、indexedDB、vuex
1、压缩静态资源,gzip压缩
来源,https://blog.csdn.net/weixin_47516343/article/details/125392505
(1)gzip压缩css、js,前端携带Accept-Encoding:gzip、后端返回Content-Encoding:gzip,
(2)服务器端根据接口路径,读取自身的原始的、未经压缩的静态资源,然后在内存中对其进行“Gzip压缩”,并将压缩后的结果放在响应体中返回给浏览器
(3)已经被Webpack和compression-webpack-plugin进行“Gzip压缩”的静态资源,直接将其放在响应体中返回给浏览器
2、使用请求动画帧,requestAnimationFrame,
(1)是HTML5的新增API
(2)其回调函数的执行频率与浏览器的刷新频率(60Hz,1000毫秒60次,16.67毫秒1次)一致,在页面销毁或隐藏时,自动停止执行,完全避免了setInterval的缺点
(3)其回调函数不进入微任务队列或宏任务队列,而是由浏览器在渲染帧中直接调度,执行优先级高于宏任务,低于微任务
(4)示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>请求动画帧</title>
<style>
#divUp {
width: 200px;
height: 100px;
line-height: 100px;
background: rgb(131, 128, 128);
border-radius: 60px;
text-align: center;
font-size: 20px;
color: #000;
position: absolute;
}
</style>
</head>
<body>
<div id="divUp">请求动画帧</div>
</body>
</html>
<script>
window.onload = function () {
//以下公共部分
var time = 1;
var element = document.getElementById("divUp")
var initMillseconds = new Date().getTime();
//以下情形1,requestAnimationFrame
function animate() {
var nowMillseconds = new Date().getTime();
var between = (nowMillseconds - initMillseconds);
initMillseconds = nowMillseconds;
if (time < 200) {
time++;
element.style.transform = 'translate(' + time * 3 + 'px)';
console.log( time, between, element );
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate);
//以下情形2,setInterval
/* var interval = setInterval(function(){
var nowMillseconds = new Date().getTime();
var between = (nowMillseconds - initMillseconds);
initMillseconds = nowMillseconds;
if (time < 100) {
time++;
element.style.transform = 'translate(' + time * 10 + 'px)';
console.log( time, between, element );
}else{
clearInterval(interval)
}
},33) */
}
</script>
3、减少请求
附、HTTP教程,https://www.runoob.com/http/http-tutorial.html
(1)减少http同步请求(html页面,表单action),
(2)减少http异步请求(ajax请求,即XMLHttpRequest)
(3)减少图片请求,使用雪碧图(多张小图片合并成一张大图;sprite,精灵,雪碧)
附、骨架屏(初始化时,定义样式类如.header、.nav、.footer的背景色;在window.onload里,把背景色改为背景图片)
4、取消(阻止)请求,“终止请求”
(1)取消上次多请求-2种情形
A、tab切换,请求容器
a、把请求容器传给httpRequest
data:{
return {
nowTabName: '',
otherTabReq: {},
isLoading: false,
}
},
methods: {
onClickTab(tabName) {
if(this.nowTabName === tabName && this.isLoading) return;//连续点击本tab
if(Object.keys(this.otherTabReq).length){//点击其他tab的请求结果还没返回,就点击本tab
for(var attr in this.otherTabReq)this.otherTabReq[attr]()//相当于原生的xhr.abort()
}
this.nowTabName = tabName;
this.isLoading = true;
httpRequest({ otherTabReq: [this.otherTabReq,'firstReq']}).then(function(){
delete this.otherTabReq.firstReq;
if(!Object.keys(this.otherTabReq).length)this.isLoading = false;
}).catch(function(){
delete this.otherTabReq.firstReq;
if(!Object.keys(this.otherTabReq).length)this.isLoading = false;
})
},
},
b、在httpRequest里,用cancel填充请求容器,
c、在当前页面,遍历请求容器,执行cancel
B、页面跳转,vuex
a、在httpRequest里,把本页面的所有“请求取消”都存储到vuex里,
b、在router.beforeEach里,把vuex里的所有“请求取消”都执行,
c、示例
export default new Vuex.Store({
state: {},
getters: {},
mutations: {
pushToken(state, cancel) {
state.cancelTokenArr.push(cancel);两个方法
},
clearToken(state) {
state.cancelTokenArr.forEach(function(cancel){
if (cancel) {
cancel();
}
});
}
}
})
router.beforeEach(function(to, from, next) {
store.commit("clearToken");
next();
});
axios.interceptors.request.use(
function(config){
config.cancelToken = new axios.CancelToken(function(cancel) {
store.commit("pushToken", cancel);
});
return config;
},
);
(2)阻止本次单请求-2种情形,
A、判断条件
function onSubmit(){
if(this.selectedNum != this.num ){//不满足条件,不发出请求
var text = this.selectedNum>this.num?'多于':'少于';
Toast.success('勾选的人数'+text+'参会人数');//内置防抖
return
}
httpRequest(data).then(function(){})
},
B、弹窗确认
function onSubmit(){//Vant
Dialog.confirm({
title: '标题',
message: '你真要删除吗?',
beforeClose: function(action, done) {
if (action === 'confirm') { //不点击确认按钮,不发出请求
httpRequest(data).then(function(){
done();//弹窗消失
Toast.success('删除完成!');
})
} else {//点击取消按钮
done(false);//弹窗不消失
}
}
});
},
function handleClose(done){//elementUI
this.$confirm('确认关闭?')
.then(_ => {
done();
})
.catch(_ => {});
},
(3)阻止下次单请求-4种情形,
A、根据是否正在转圈
data:{
return {
isLoading: false, //取消方法
}
}
methods:{
onSubmit() {
if(this.isLoading)return;//上次请求没结束,不发出下次请求
this.isLoading = true;
httpRequest(data).then(function(){
this.isLoading = false;
})
}
}
B、滚轮加载,在“本次请求结束”或“间隔时间已够”时,才发出下次请求
C、去抖,重新计时,到时间间隔,才发出下次请求
D、节流,不重新计时,到时间间隔,就发出下次请求
5、异步加载
来源,https://www.runoob.com/tags/tag-script.html
来源,https://www.runoob.com/tags/tag-link.html
(1)script标签的异步加载属性,async和defer,
来源,https://blog.csdn.net/z9061/article/details/83011175
来源,https://blog.csdn.net/weixin_45792953/article/details/112168794
附、名词解释
a、script,标签同时拥有src和该属性时,该属性有作用;其它情况等同于内嵌脚本,脚本同步执行
b、defer,推迟,新线程“推迟”加载;DOM树构建完成时“执行”,多个defer顺序执行,接着DOMContentLoaded执行;
c、async,异步,新线程“异步”加载;下载完毕,立即“执行”,多个async无序执行,是“HTML5的新增属性”,优先级高;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>执行顺序</title>
</head>
<body>
<div>执行顺序</div>
</body>
</html>
<script>
document.onreadystatechange = function () {
console.log('document.readyState 的值为' + document.readyState);
}
document.addEventListener("DOMContentLoaded", function (event) {
console.log("DOMContentLoaded 已执行");
});
window.onload = function () {
console.log("onload 已执行");
}
window.onbeforeunload = function () {
console.log("onbeforeunload 已执行");
}
window.onunload = function () {
console.log("onunload 已执行");
}
//以上打印结果为:
//document.readyState 的值为interactive //交互的;unload,卸载;load,加载
//DOMContentLoaded 已执行
//document.readyState 的值为complete
//onload 已执行
//onbeforeunload 已执行
//onunload 已执行
</script>
(2)link标签的预加载属性,preload、prefetch、preconnect、prerender,可预加载js、css文件
来源,https://cloud.tencent.com/developer/article/1880213
来源,https://www.wenjiangs.com/doc/vlf1m6xwg8mu
附、名词解释
a、preload,预加载,尽早加载,按需执行
b、prefetch,预提取,空闲加载,按需执行
c、dns-prefetch,dns预提取,跨域时使用,在请求资源之前解析域名
d、rel,即relate,关联
A、preload和prefetch
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="favicon.ico">
<title>phone-cctv</title>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<link href="css/about.6e313ccb.css" rel="prefetch">
<link href="js/about.f2ea88a2.js" rel="prefetch">
<link href="css/app.1bd5cdf2.css" rel="preload" as="style">
<link href="css/chunk-vendors.598a6ee1.css" rel="preload" as="style">
<link href="js/app.9ecd9d37.js" rel="preload" as="script">
<link href="js/chunk-vendors.f223f1fe.js" rel="preload" as="script">
<link href="css/chunk-vendors.598a6ee1.css" rel="stylesheet">
<link href="css/app.1bd5cdf2.css" rel="stylesheet">
</head>
<body>
<div id="app"></div>
<script src="js/chunk-vendors.f223f1fe.js"></script>
<script src="js/app.9ecd9d37.js"></script>
</body>
</html>
B、dns-prefetch
来源,https://developer.mozilla.org/zh-CN/docs/Web/Performance/dns-prefetch
<html>
<head>
<link rel="dns-prefetch" href="https://fonts.gstatic.com/">
<!-- and all other head elements -->
</head>
<body>
<!-- your page content -->
</body>
</html>
C、样式预加载之.css
@import url('');
@font-face{
font-family: myFirstFont;
src: url('https://fonts.gstatic.com/fonts/Sansation_Light.ttf');
}
div{
font-family: myFirstFont;
}
D、样式预加载之style
<style>
@import url('');
</style>
6、懒加载。级联选择器,组件,组件库,见附2
(1)级联选择器
来源1,https://blog.csdn.net/Christina0109/article/details/127572569
来源2,https://element.eleme.cn/#/zh-CN/component/cascader
<el-cascader
class="cascader"
ref="myCascader"
v-model="areaCode"
clearable
placeholder="请选择查询区域"
:props="caprops"
@change="handleChange"
:show-all-levels="false"
>
</el-cascader>
export default {
data () {
return {
caprops: {
value:'code', //点击获取的值的字段名
checkStrictly: true,
lazy: true,
lazyLoad: this.layzesss
}
}
},
methods: {
async layzesss(node,resolve) {
let level = node.level //当前层级 三层的为 0,1,2
let result = []
switch (level) {
case 0:
//这里是由于后端返回的所有的数据,对返回的数据进行了筛选this.firstLevel 是第一层数据,也可换成相关接口
result = this.firstLevel
break;
case 1:
//取出当前选择的节点的value值
let firstParams = node.value
result = this._.filter(this.secondLevel,['parentcode', firstParams]) //this.secondLevel 是第二层数据
break;
case 2:
let secondParams = node.value
result = this._.filter(this.thirdLevel,['parentcode', secondParams ]) //this.thirdLevel 第三层数据
break;
default:
result= []
break;
}
resolve(result);
},
}
}
(2)组件
A、懒加载
const Index = () => import('./Index.vue');
const routes = [
{
path: '/',
name: 'Index',
component: (): Index,
meta: { title: '游戏活动' }
}
]
B、正常加载
import Index from "../views/Index.vue"
const routes = [
{
path: '/',
name: 'Index',
component: Index,
meta: { title: '游戏活动' }
}
]
(3)组件库
来源,https://blog.csdn.net/sinat_35538827/article/details/101447333
A、安装插件 npm i babel-plugin-component -D
B、配置 babel.config.js
module.exports = {
presets: [
'@vue/app',
['@babel/preset-env', //添加 babel-preset-env 配置
{
'modules': false
}
]
],
plugins: [
[
'component',
{
'libraryName': 'element-ui', //按需引入的组件库
'styleLibraryName': 'theme-chalk' //按需引入的样式
}
]
]
}
C、main.js
import { Button, Select } from 'element-ui'
//此时的样式不需要引入了,样式自动按需来引入
//import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Button)
Vue.use(Select)
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
五、前端缓存-7种(cookie、session、sessionStorage、localStorage、WebSqlDatabase、indexedDB、vuex)
1、cookie缓存
(1)特征,大小一般为4K,内容可能包含登录信息、失效时间
(2)作用,服务器通过给客户端颁发cookie来确认用户的身份,解决HTTP无状态协议不能识别请求者身份、失效时间等问题
(3)使用流程
A、客户端第1次发送请求
B、服务器接收到请求-->创建cookie对象-->存储到响应头-->发送到客户端
C、客户端自动解析保存cookie-->客户端再次发送请求时自动携带(可能已被用户修改的)cookie
D、服务器解析cookie
(4)注意事项
A、前后端应当通过获取、解析、赋值对cookie进行增减,否则会抹掉此前的改动与存储
B、前端js不能跨域读取cookie
C、浏览者可以通过Application-Storage-Cookies-网址,查看该网站cookie的每一个键值对
(5)写法
A、前端
注、修改的时候,需要先解析;添加的时候,不能用+=
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
document.cookie = 'myname=牛马;expires=1111'
document.cookie = 'username=name';
document.cookie = `username=${encodeURIComponent('用户名')}`;
document.cookie = `username=name; expires=${new Date( '2023-1-01 00:00:00' )}`; //过期时间设置为过去时间,以删除cookie
document.cookie = 'username=name; max-age=5';
document.cookie = `username=name; max-age=${24 * 3600 }`;
document.cookie = 'username=name; domain=www.xxxxx.com';
document.cookie = 'username=name; path=/home';
console.log(document.cookie);
B、document.cookie解析为对象的方法
function cookieToObject(cookie) {
const object = {};
if (!cookie) return object;
const array = cookie.split("; ");
for (const item of array) {
const eqIndex = item.indexOf('=');
if (eqIndex === -1) {
object[item] = '';
continue;
}
const key = item.substring(0, eqIndex);
const value = item.substring(eqIndex + 1);
try {
object[key] = decodeURIComponent(value);
} catch (e) {
object[key] = value;
}
}
return object;
}
const test1 = "";
const test2 = "name=John; age=30; city=NewYork";
const test3 = "token=abc=123; config=debug=true";
const test4 = "remember; autoLogin";
const test5 = "special=!@#$%^&*()_+; encoded=%21%22%23";
for (const test of [test1, test2, test3, test4, test5]) {
console.log(cookieToObject(test));
}
C、向现有cookie中追加新cookie
function addCookie(originalCookie, newCookie) { //newCookie的格式:"key=value"
const [newKey, newValue] = newCookie.split('=');
if (!newKey || newValue === undefined) {
throw new Error('Invalid cookie format. Use "key=value"');
}
const cookies = {};
if (originalCookie) {
const pairs = originalCookie.split(';');
for (const pair of pairs) {
const [key, value] = pair.trim()
.split('=');
if (key && value !== undefined) {
cookies[key] = decodeURIComponent(value);
}
}
}
cookies[newKey] = decodeURIComponent(newValue);
return Object.entries(cookies)
.map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
.join('; ');
}
const original = "user=alice; mode=dark";
const updated = addCookie(original, "page=home");
console.log(updated);
const overwritten = addCookie(updated, "mode=light");
console.log(overwritten);
D、后端(后台)
const express = require('express');
const app = express();
app.get('/set-cookie', (req, res) => {
//设置一个简单的Cookie
res.cookie('key', 'value', {
maxAge: 60 * 60 * 1000, //1小时
httpOnly: true, //禁止JavaScript访问
secure: true, //仅通过HTTPS传输
sameSite: 'strict' //严格限制跨站请求
});
res.send('Cookie has been set!');
});
app.listen(3000, () => {
console.log('Server is running on http://localhost:3000');
});
(6)Cookies.js//供前端修改cookie的插件
A、增,Cookies.set('name', 'value', { expires: 7, path: '' })//为当前页创建有效期7天的cookie
B、删,Cookies.remove('name'); Cookies.remove('name', { path: '' });
C、改,Cookies.set('name', 'value1', { expires: 8, path: '../' })//为当前页创建有效期7天的cookie
D、查,
字符串,new Cookie().cookie_string;
对象,new Cookie().cookie_obj;
map,new Cookie().cookies;
单个,Cookies.get('name'); Cookies.get(); //=> 'value' ;//=> { name: 'value' }
E、引入,import Cookies from 'js-cookie'
2、session缓存,
(1)后端缓存,存储在后端
(2)客户端请求服务器,服务器可以把用户状态以session的方式记录在服务器上,
(3)当浏览器再请求该网站时,服务器根据cookie确定该用户的身份后,只需要从该session中查找该用户的状态就可以了
3、sessionStorage存储和localStorage存储相同点
(1)增
A、localStorage['name'] = 'Lucy';
B、localStorage.name = 'Lucy';
C、localStorage.setItem('name','Lucy');
(2)删
A、delete localStorage['name'];
B、delete localStorage.name;
C、localStorage.removeItem('name');
D、localStorage.clear(); //清除所有的值
(3)改
A、localStorage['name'] = 'Lucy';
B、localStorage.name = 'Lucy';
C、localStorage.setItem('name','Lucy');
(4)查
A、localStorage["name"];
B、localStorage.name;
C、localStorage.getItem('name');
D、localStorage.hasOwnProperty('name'); //true 或 false
E、localStorage.valueOf(); //取出所有值
(5)存储大小,都是5MB
(6)只能存储字符串类型,其它类型先用JSON.stringfy转成字符串存储,后用JSON.parse转成对象取用
(7)用法示例,给localStorage设置有效期
A、存储时添加时间戳
function setWithExpiry(key, value, expiryInMinutes) {
const now = new Date();
const item = {
value: value,
expiry: now.getTime() + expiryInMinutes * 60 * 1000
};
localStorage.setItem(key, JSON.stringify(item));
}
B、在适当的时候检查是否过期
function getWithExpiry(key) {
const itemStr = localStorage.getItem(key);
if (!itemStr) return null;
const item = JSON.parse(itemStr);
const now = new Date();
if (now.getTime() > item.expiry) {
localStorage.removeItem(key);
return null;
}
return item.value;
}
4、localStorage和sessionStorage不同点,百度“LocalStorage和sessionStorage的区别”
(1)localStorage的数据是持久化的,可以在同源的不同页面之间共享
(2)sessionStorage的数据则是临时的,只能在“本浏览器本窗口(同一浏览器窗口内)”的“不同标签页之间”共享,关闭本窗口,则数据清除
(3)“本浏览器本窗口”,不包含“点击本浏览器图标,打开一个新窗口”
5、WebSqlDatabase存储
(1)基本认知
A、SQL(Structured Query Language),结构化查询语言
B、Web SQL Database,是HTML5的新增API,是一种在客户端使用SQL语句操作数据库的技术
C、WebKit浏览器,包括Safari和Chrome支持WebSQL存储,
D、缺乏标准化和跨浏览器支持,不推荐使用,推荐使用IndexedDB
E、创建或打开一个名为 "myDB" 的数据库
var db = openDatabase('myDB', '1.0', 'My Database', 2*1024*1024);
//参数含义:数据库名称、版本号、描述文本、数据库大小、创建回调(会在创建数据库后被调用)
(2)增删改查
A、增加/插入数据,向"users"表中插入一条数据
db.transaction(function(tx) {//事务
tx.executeSql('INSERT INTO users (id, name) VALUES (?, ?)', [1, 'John Doe']);
});
B、删除数据,删除"users"表中id为1的记录
db.transaction(function(tx) {
tx.executeSql('DELETE FROM users WHERE id = ?', [1]);
});
C、改变/更新数据,更新"users"表中id为1的记录的name字段为"Jane Doe"
db.transaction(function(tx) {
tx.executeSql('UPDATE users SET name = ? WHERE id = ?', ['Jane Doe', 1]);
});
D、查询数据查询"users"表中的所有记录
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM users', [], function(tx, results) {
var len = results.rows.length;
for (var i = 0; i < len; i++) {
console.log(results.rows.item(i));
}
});
});
6、indexedDB存储
来源,https://blog.csdn.net/weixin_42333548/article/details/128851189
来源,https://blog.csdn.net/xuewenjie0217/article/details/123879283
来源,https://wangdoc.com/javascript/bom/indexeddb
(1)特点
A、储存键值对
B、储存支持二进制,不仅可以储存字符串,还可以储存二进制数据
C、储存空间大,一般来说不少于250MB,甚至没有上限
D、支持事务,transaction,一步失败,整个事务就都取消,数据库回滚到事务发生之前的状态,不存在只改写一部分数据的情况
E、异步进行,不会锁死浏览器
F、同源限制,网页只能访问自身域名下的数据库
(2)基本概念
A、数据库,一系列相关数据的容器,通过升级数据库版本“修改数据库结构”,如创建对象仓库(含主键、索引)
B、对象仓库,每个数据库包含若干个对象仓库(object store),通过监听数据库的打开,完成对象仓库的创建,类似于关系型数据库的表格
C、数据记录,每个对象仓库包含若干条数据记录,类似于关系型数据库的行,数据记录分为主键(key)和数据体两部分,
如{ id: 1, text: 'foo' }、{ foo: { bar: 'baz' }, text: 'foo' }
D、主键,默认建立索引的属性,必须是不同的,可以是数据记录里面的一个属性,也可以指定为一个递增的整数编号,上面的id、foo.bar属性可以当作主键
E、数据体,任意数据类型
F、索引,默认为数据记录的主键,也可以用objectStore.createIndex给数据记录建立属性索引,以加速数据的检索
G、事务,数据库通过事务(数据库-事务-对象仓库)来读写和删改数据记录,事务对象有error、abort和complete三个事件,监听操作结果
(3)打开数据库是异步操作,有可能触发4种事件
A、blocked,上一次的数据库连接还未关闭
B、upgradeneeded,第一次打开该数据库,或者数据库版本发生变化
C、success,打开成功
D、error,打开失败
(4)基本操作(增删改查)
示例、
var db;//indexedDB对象
var person = [{
id: 1,
name: "张三",
email: "email1",
},{
id: 2,
name: "李四",
email: "email2",
},{
id: 3,
name: "张三",
email: "email3",
}];
//1、open,创建或者打开数据库,有2个参数
//第1个参数,字符串,表示数据库的名字,数据库不存在,就会新建数据库,
//第2个参数,整数,表示数据库的版本,如省略,则表示新建数据库的版本为1,或者打开当前版本的数据库
//2、createObjectStore,创建对象仓库,有2个参数
//第1个参数,对象仓库名
//第2个参数,js对象(可选),其中keyPath相当于数据库表中id为主键,autoIncrement为false,表示主键值不自增,添加数据时需指定主键值
//3、createIndex,创建对象索引,有3个参数,分别为,索引名称、索引所在的属性、配置对象
//4、transaction,创建一个事务,有3个参数
//第1个参数,对象仓库名
//第2个参数,读写方式,默认为readonly,表示只读,readwrite,表示可以写入
//第3个参数,可选
//5、objectStore,获取对象仓库,有1个参数,对象仓库名
A、创建或者打开数据库,并创建对象仓库
var request = window.indexedDB.open('dbName',1);
request.onupgradeneeded = function(event) {//需要升级时(直译),触发时机为,第一次打开数据库,或者数据库版本发生变化
db = event.target.result;//通过event.target.result的属性,拿到数据库
if (!db.objectStoreNames.contains('person')) {
var objectStore = db.createObjectStore('person', { keyPath: 'id' });//创建对象仓库、主键
objectStore.createIndex('name', 'name', { unique: false });//创建索引
objectStore.createIndex('email', 'email', { unique: true });//该属性是否包含重复的值
}else{
//告知已创建
}
}
request.success = function (event) {
db = request.result;//通过request对象的result属性拿到数据库
};
request.onerror = function (event) {
db.close();
};
B、删除数据库
var deRequest = window.indexedDB.deleteDatabase('dbName');
deRequest.onerror = function (event) {};
deRequest.onsuccess = function (event) {};
C、新增数据-增
function add() {
var request = db.transaction(['person'], 'readwrite').objectStore('person')
.add({ id: 1, name: '张三', age: 24, email: 'zhangsan@example.com' });
request.onsuccess = function (event) {
console.log('数据写入成功');
};
request.onerror = function (event) {
console.log('数据写入失败');
}
}
D、删除数据-删
//删除对象仓库的1条数据记录
function remove() {
var request = db.transaction(['person'], 'readwrite').objectStore('person').delete(1);
request.onsuccess = function (event) {
console.log('数据删除成功');
};
}
//清空对象仓库的所有数据记录
db.transaction(['person'], 'readwrite').objectStore('person').clear();
//删除指定的对象仓库
db.deleteObjectStore('person');
E、更新数据-改
function update() {
var request = db.transaction(['person'], 'readwrite').objectStore('person')
.put({ id: 1, name: '李四', age: 35, email: 'lisi@example.com' });
request.onsuccess = function (event) {
console.log('数据更新成功');
};
request.onerror = function (event) {
console.log('数据更新失败');
}
}
F、读取数据-查
普通读取
function read() {
var request = db.transaction(['person']).objectStore('person').get(1);
request.onerror = function(event) {
console.log('事务失败');
};
request.onsuccess = function( event) {
if (request.result) {
console.log('Name: ' + request.result.name);
} else {
console.log('未获得数据记录');
}
};
}
属性索引读取。没有属性索引,只能通过主键拿到数据记录,有了属性索引,可以从任意字段拿到数据记录
var request = db.transaction(['person'], 'readonly').objectStore('person').index('name').get('李四');
request.onsuccess = function (event) {
console.log('数据读取成功');
};
G、遍历数据
function readAll() {
var request = db.transaction('person').objectStore('person').openCursor();
request.onsuccess = function (event) {
var cursor = event.target.result;
if (cursor) {
console.log('Id: ' + cursor.key);
cursor.continue();
} else {
console.log('没有更多数据了!');
}
};
}
7、vuex存储
六、浏览器的对象!!!
附、DTD,文档类型定义,Document Type Definition
附、2022年6月,IE浏览器正式退役
附、BOM,浏览器对象模型,以window对象为根对象,其构成有
(1)属性,有innerWidth、innerHeight、outerWidth、outerHeight、pageXOffset、pageYOffset
(2)对象,有navigator、screen、history、location、document,其中document对象是文档对象模型DOM的根对象,其构成有
A、节点体系
B、核心接口
a、方法,触发在我(主动调用),执行内容在它
C、事件体系
a、事件,触发在它,执行内容在我(注册监听)
a1、0级事件:绑定,HTML属性(如onclick)或DOM对象属性直接赋值
a2、2级事件:引入,事件捕获→目标→冒泡的传播流程;支持,addEventListener绑定多个处理函数
b、事件流,捕获阶段→目标阶段→冒泡阶段
c、事件处理,addEventListener、removeEventListener
d、事件对象,常用内容如下
d0、事件获取:e=e||window.event
d1、事件类型:e.type
d2、事件源:e.target = e.target || e.srcElement;
d3、阻止默认事件:e.preventDefault? e.preventDefault(): e.returnValue=false;
d4、阻止冒泡:e.stopPropagation? e.stopPropagation(): e.cancelBubble=true;
e、事件监听
e1、标准,button.addEventListener('click', handleClick, true); //等价于{capture:true}
container.addEventListener('click', handleClick, {
capture: false, //事件触发阶段:false=冒泡阶段(默认),true=捕获阶段
once: false, //是否只触发一次:false=多次触发(默认),true=触发后自动移除
passive: false, //是否允许preventDefault():false=允许(默认),true=不允许(提升滚动性能)
signal: null //用于移除监听器的AbortSignal,默认null
});
e2、IE8及以下,attachEvent(“onclick”,function(){})
f、事件监听之DOM加载完成的区别
f1、标准,DOMContentLoaded
f2、IE8及以下,document.onreadystatechange
g、事件流捕获的区别
g1、标准,从外向内
g2、IE8及以下,不支持事件捕获
h、this的区别
h1、标准,为当前元素;
h2、IE8及以下,为当前元素(通过onclick属性绑定);为window(attachEvent绑定的函数)
i、标准DOM二级事件规范
i1、为元素维护一个事件池,按绑定顺序存储多个事件处理函数
i2、支持事件捕获和冒泡阶段,通过addEventListener的第三个参数控制阶段
i3、同一事件的相同函数重复绑定时,仅保留一个,已绑定函数按顺序执行
j、非标准二级事件规范,基于attachEvent
j1、为元素维护一个事件池
j2、仅支持冒泡阶段
j3、同一事件的相同函数重复绑定时,会被多次存入事件池,已绑定函数执行顺序不确定
k、标准与IE的相似之处
k1、事件源,发生事件的元素
k2、冒泡,从里向外
D、文档结构
E、特殊集合
(3)方法,有alert、confirm、prompt、open、close、setTimeout、setInterval、clearTimeout、clearInterval
(4)事件,有resize、scroll、hashchange、popstate、pageshow、pagehide、error
1、浏览器的属性
来源,https://www.runoob.com/jsref/obj-window.html
(1)窗口属性
A、窗口宽高
a、innerHeight,视口的高度(含水平滚动条)
b、innerwidth,视口的宽度(含垂直滚动条)
c、outerHeight,窗口的高度(含标题栏到状态栏)
d、outerwidth,窗口的宽度(含标题栏到状态栏,标题栏、状态栏很少左右放置)
B、窗口滚动与坐标
a、pageXOffset,声明当前文档向右滚动过的像素数
b、pageYoffset,声明当前文档向下滚动过的像素数
C、屏幕坐标
a、screenX,声明窗口的左上角的X坐标
b、screenLeft,返回相对于屏幕窗口的x坐标
c、screenY,声明窗口的左上角的Y坐标
d、screenTop,返回相对于屏幕窗口的y坐标
D、parent,返回父窗口
E、top,返回最顶层的父窗口,console.dir(document.body)
(2)console对象
来源,https://www.runoob.com/w3cnote/javascript-console-object.html
A、console.assert(),如果断言为 false,则在信息到控制台输出错误信息
B、console.clear(),清除控制台上的信息
C、console.count(),记录 count() 调用次数,一般用于计数
D、console.error(),输出错误信息到控制台
E、console.group(),在控制台创建一个信息分组 一个完整的信息分组以 console.group() 开始,console.groupEnd() 结束
F、console.groupCollapsed(),在控制台创建一个信息分组。 类似 console.group() ,但它默认是折叠的
G、console.groupEnd(),设置当前信息分组结束
H、console.info(),控制台输出一条信息
I、console.log(),控制台输出一条信息
J、console.memory,网页所占用内存的相关信息
K、console.table(),以表格形式显示数据
L、console.time(),计时器,开始计时间,与 timeEnd() 联合使用,用于算出一个操作所花费的准确时间
M、console.timeEnd(),计时结束
N、console.trace(),显示当前执行的代码在堆栈中的调用路径
O、console.warn(),输出警告信息,信息最前面加一个黄色三角,表示警告
(3)存储属性
A、sessionStorage,在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。
B、localStorage,在浏览器中存储 key/value 对。没有过期时间。
(4)其他属性
A、opener,可以实现同域名下跨窗体之间的通讯,一个窗体要包含另一个窗体的opener
B、closed,当前窗口关闭时返回true
C、name,设置或返回窗口的名称
D、self,返回对当前窗口的引用
E、indexedDB,在浏览器内持久化存储数据的方法
(5)document.body和document.documentElement的区别
A、怪异模式,document.body:代表HTML文档中的<body>元素,包含页面可见的部分,如文本、图片等
B、标准模式,document.documentElement:代表HTML文档的根节点<html>元素,是整个文档节点树的根
C、示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>getBoundingClientRect</title>
<style>
*{
margin: 0;
padding: 0;
}
.father{
width: 1400px;
padding: 10px;
background: rgb(88, 88, 88);
}
.self{
width: 1300px;
height: 1300px;
padding: 10px;
background: rgb(24, 24, 24);
}
.box{
width:1200px;
height:1200px;
padding: 10px;
background: rgb(192, 191, 191);
}
</style>
</head>
<body>
<div class='father'>
<div class='self'>
<div class='box'>来源:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect</div>
</div>
</div>
</body>
</html>
<script>
window.addEventListener('scroll', function () {
//以下说法都是对的!!!
// A、getBoundingClientRect().width,包含content、padding、border
// B、getComputedStyle().width(box-sizing: border-box),包含content、padding、border
// C、getComputedStyle().width(box-sizing: content-box),默认只包含content
var box = document.querySelector('.box')
var rect = box.getBoundingClientRect(); //获取元素自身的宽高和在视图中的位置
var index = 100;
var str = '';
if (index === 1) {
console.log('1、3宽之clientWidth:', document.documentElement.clientWidth+'与'+document.body.clientWidth+'相等;'+box.clientWidth)
}else if (index === 2) {
console.log('2、3宽之offsetWidth:', document.documentElement.offsetWidth+'与'+document.body.offsetWidth+'相等;'+box.offsetWidth)
}else if (index === 3) {
console.log('3、3宽之scrollWidth:', document.documentElement.scrollWidth+'与'+document.body.scrollWidth+'相等;'+box.scrollWidth)
}else if (index === 4) {
console.log('4、3高之clientHeight!', document.documentElement.clientHeight+'与'+document.body.clientHeight+'可能不相等;'+box.clientHeight)
}else if (index === 5) {
console.log('5、3高之offsetHeight:', document.documentElement.offsetHeight+'与'+document.body.offsetHeight+'相等;'+box.offsetHeight)
}else if (index === 6) {
console.log('6、3高之scrollHeight:', document.documentElement.scrollHeight+'与'+document.body.scrollHeight+'相等;'+box.scrollHeight)
}else if (index === 7) {
console.log('7、3左之clientLeft:', document.documentElement.clientLeft+'与'+document.body.clientLeft+'相等;'+box.clientLeft)
}else if (index === 8) {
console.log('8、3左之offsetLeft:', document.documentElement.offsetLeft+'与'+document.body.offsetLeft+'相等;'+box.offsetLeft)
}else if (index === 9) {
console.log('9、3左之scrollLeft!', document.documentElement.scrollLeft+'与'+document.body.scrollLeft+'可能不相等;'+box.scrollLeft)
}else if (index === 10) {
console.log('10、3顶之clientTop:', document.documentElement.clientTop+'与'+document.body.clientTop+'相等;'+box.clientTop)
}else if (index === 11) {
console.log('11、3顶之offsetTop:', document.documentElement.offsetTop+'与'+document.body.offsetTop+'相等;'+box.offsetTop)
}else if (index === 12) {
console.log('12、3顶之scrollTop!', document.documentElement.scrollTop+'与'+document.body.scrollTop+'可能不相等;'+box.scrollTop)
}else if (index === 13) {
//以下,视口的宽高,窗口的宽高
str='13、4window之innerWidth:'+window.innerWidth+';outerWidth:'+window.outerWidth+';innerHeight:'+window.innerHeight+';outerHeight:'+window.outerHeight
console.log(str)
}else if (index === 14) {
//以下,盒底、盒右,盒子宽高
str='14、8rect之rect.bottom:'+rect.bottom+';rect.right:'+rect.right+';rect.width:'+rect.width+';rect.height:'+rect.height
console.log(str)
}else if (index === 15) {
//以下,盒顶、盒左
str='15、8rect之rect.top与rect.y即'+rect.top+'与'+rect.y+'相等;rect.left与rect.x即'+rect.left+'与'+rect.x+'相等'
console.log(str)
}else{
console.log('一、以下,3宽、3高、3左、3顶、4window、8rect')
console.log('1、3宽之clientWidth:', document.documentElement.clientWidth+'与'+document.body.clientWidth+'相等;'+box.clientWidth)
console.log('2、3宽之offsetWidth:', document.documentElement.offsetWidth+'与'+document.body.offsetWidth+'相等;'+box.offsetWidth)
console.log('3、3宽之scrollWidth:', document.documentElement.scrollWidth+'与'+document.body.scrollWidth+'相等;'+box.scrollWidth)
console.log('4、3高之clientHeight!', document.documentElement.clientHeight+'与'+document.body.clientHeight+'可能不相等;'+box.clientHeight)
console.log('5、3高之offsetHeight:', document.documentElement.offsetHeight+'与'+document.body.offsetHeight+'相等;'+box.offsetHeight)
console.log('6、3高之scrollHeight:', document.documentElement.scrollHeight+'与'+document.body.scrollHeight+'相等;'+box.scrollHeight)
console.log('7、3左之clientLeft:', document.documentElement.clientLeft+'与'+document.body.clientLeft+'相等;'+box.clientLeft)
console.log('8、3左之offsetLeft:', document.documentElement.offsetLeft+'与'+document.body.offsetLeft+'相等;'+box.offsetLeft)
console.log('9、3左之scrollLeft!', document.documentElement.scrollLeft+'与'+document.body.scrollLeft+'可能不相等;'+box.scrollLeft)
console.log('10、3顶之clientTop:', document.documentElement.clientTop+'与'+document.body.clientTop+'相等;'+box.clientTop)
console.log('11、3顶之offsetTop:', document.documentElement.offsetTop+'与'+document.body.offsetTop+'相等;'+box.offsetTop)
console.log('12、3顶之scrollTop!', document.documentElement.scrollTop+'与'+document.body.scrollTop+'可能不相等;'+box.scrollTop)
str='13、4window之innerWidth:'+window.innerWidth+';outerWidth:'+window.outerWidth+';innerHeight:'+window.innerHeight+';outerHeight:'+window.outerHeight
console.log(str)
str='14、8rect之rect.bottom:'+rect.bottom+';rect.right:'+rect.right+';rect.width:'+rect.width+';rect.height:'+rect.height
console.log(str)
str='15、8rect之rect.top与rect.y即'+rect.top+'与'+rect.y+'相等;rect.left与rect.x即'+rect.left+'与'+rect.x+'相等'
console.log(str)
console.log('二、以下,视口说明')
console.log('1、window.outerHeight:浏览器对象中窗口的高(含控制台)')
console.log('2、window.innerHeight:浏览器对象中视口的高(含滚动条)')
console.log('三、以下,异常说明')
console.log('1、clientHeight')
console.log('(1)document.documentElement.clientHeight,文档对象中视口的高(不含滚动条)')
console.log('(2)document.body.clientHeight,跟普通元素一样,另当根标签{height:100vh;}或body{height:100vh;}时,与(1)同')
console.log('2、scrollLeft|scrollTop')
console.log('(1)document.documentElement.scrollLeft|scrollTop,是正常值')
console.log('(2)document.body.scrollLeft|scrollTop,总是0')
console.log('四、以下,3宽说明')
console.log('1、clientWidth:元素含补的宽,左右padding+content的宽')
console.log('2、offsetWidth:元素含框的宽,左右border+左右padding+content')
console.log('3、scrollWidth:元素含左补的实际宽,左padding+(带滚动条的)content的宽')
console.log('五、以下,3左说明')
console.log('1、clientleft:元素左边框的宽')
console.log('2、offsetLeft:元素左边框外侧至其父级定位元素左边框内侧的距离')
console.log('3、scrollLeft:元素隐藏到边界左侧的宽')
}
console.log('--------------------------------------------------------')
});
</script>
2、浏览器的五大对象
A、navigator,浏览器信息对象
B、screen,屏幕信息对象
C、history,历史记录对象
D、location,URL信息对象
E、document,文档对象
3、浏览器的方法
(1)窗口方法
A、open(url, name, features),打开一个新的浏览器窗口或标签页
附、window.open('https://www.example.com', 'newWin', 'width=500,height=400,left=200,top=200,toolbar=no,menubar=no,location=no,status=no');
a、url:要在新窗口中显示的文档的URL。如果省略此参数或用空字符串,则会使用空页面的URL,about:blank。
b、name:新打开的窗口的名字
b1、已存在的窗口,并且脚本允许跳转到该窗口,则会直接使用该窗口
b2、不存在的窗口,将这个指定的名字赋值给新打开的窗口
b3、如果省略此参数,会使用默认的名字“_blank”打开一个新的、未命名的窗口
c、features:一个以逗号分隔的字符串,包含窗口的大小和各种属性,用于指定新窗口的外观和行为。
c1、height,数值窗口高度不能小于100
c2、width,数值窗口宽度不能小于100
c3、left,数值窗口左坐标不能为负值
c4、top,数值窗口上坐标不能为负值
c5、locationL,yes/no,是否显示地址栏
c6、menubar,yes/no,是否显示菜单栏
c7、resizable,yes/no,是否可以改变窗口大小
c8、scrollbars,yes/no,否允许出现滚动条
c9、statusr,yes/no,是否显示状态栏
c10、toolbar,yes/no,是否显示工具栏
B、close()自动关闭浏览器窗口
C、moveBy(水平位移量,垂直位移量),按照给定像素参数移动指定窗口
D、moveTo(x,y),功能将窗口移动到指定的指定坐标(x,y)处语法
E、resizeBy(水平,垂直),将当前窗口改变指定的大小(x,y)当x、y的值大于0时为扩大当x、y的值小于0时为缩小
F、resizeTo(水平宽度,垂直宽度),功能将当前窗口改变成(x,V)大小,x、y分别为宽度和高度
G、scroIBy(水平位移量,垂直位移量),将窗口中的内容按给定的位移量滚动,参数为正数时,正向滚动,否则反向滚动
H、scrolTo(x,y),将窗口中的内容滚动到指定位置
附、示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
var window_;
function openwindow(){
window_=window.open('','', 'width=100,height=100');
window_.focus();
}
function myFunction(){
window_.moveTo(500,500);
window_.focus();
}
</script>
</head>
<body>
<button onclick="openwindow()">创建窗口</button>
<button onclick="myFunction()">调整窗口</button>
</body>
</html>
(2)定时器方法
A、setTimeout(执行代码,亳秒数),当到了指定的毫秒数后,自动执行功能代码语法
B、clearTimeout(定时器),取消由setTimeout()设置的定时器语法
C、setInterval(重复执行的代码,亳秒数),按指定周期重复执行功能代码语法
D、cearInterval(时间间隔器),取消由setnterval()设置的时间间隔器
(3)对话框方法
A、alert(“提示字符串"),弹出一个警告框,在警告框内显示提示字符串文本
B、confirm("提示字符串”),显示一个确认框,在确认框内显示提示字符中,当用户
a、单击"确定"按纽时该方法返回true
b、单击"取消”时返回false
C、prompt("提示字符串","缺省文本”),显示一个输入框,在输入框上方显示提示字符申,在输入文本框内显示缺省文本,并等待用户输入
a、当用户单击“确定"按钮时,返回用户输入的字符串
b、当单击”取消"按钮时,返回nul值
(4)其它方法
A、atob(),解码一个 base-64 编码的字符串
B、btoa(),创建一个 base-64 编码的字符串
C、getComputedStyle(),获取指定元素的 CSS 样式
D、getSelection(),返回一个 Selection 对象,表示用户选择的文本范围或光标的当前位置
E、matchMedia(),该方法用来检查 media query 语句,它返回一个MediaQueryList对象
F、openDatabase(),创建一个数据库对象
G、print(),打印当前窗口的内容
H、postMessage(),安全地实现跨源通信
I、stop(),停止页面载入
4、浏览器的事件
(1)url改变
A、onhashchange(event),url的hash改变时触发,onpopstate事件包含本事件
B、onpopstate(event),浏览历史(history对象或hash)发生改变时触发
(2)页面展示改变
A、onpageshow(event),用户访问页面时触发
B、onpagehide(event),用户离开当前网页跳转到另外一个页面时触发
(3)页面外观改变
A、onresize(event),页面重新调整大小
B、onscroll(event),页面滚动时触发
(4)加载事件
A、onload,页面加载完毕,页面内包括图片的所有元素加载完毕后才能执行,后于DOMContentLoaded执行
B、onbeforeunload,页面卸载之前
C、onunload,页面卸载以后
5、浏览器的五大对象之navigator导航器对象
来源,https://www.runoob.com/jsref/obj-navigator.html
(1)appCodeName,返回浏览器的代码名
(2)appName,返回浏览器的名称
(3)appVersion,返回浏览器的平台和版本信息
(4)cookieEnabled,返回指明浏览器中是否启用cookie的布尔值
(5)platform,返回运行览器的操作系统平台
(6)userAgent,返回由客户机发送服务器的user-agent头部的值
(7)geolocation,返回浏览器的地理位置信息
(8)language,返回浏览器使用的语言
(9)onLine,返回浏览器是否在线,在线返回ture,否则返回false
(10)product,返回浏览器使用的引擎(产品)
(11)javaEnabled(),指定是否在浏览器中启用Java
(12)taintEnabled(),规定浏览器是否启用数据污点(data tainting)
(13)sendBeacon(),方法可用于通过HTTP将少量数据异步传输到Web服务器,navigator.sendBeacon(url, data)
6、浏览器的五大对象之screen显示器对象
来源,https://www.runoob.com/jsref/obj-screen.html
(1)availHeight,返回显示屏幕的可用高度
(2)availwidth,返回显示屏幕的可用宽度
(3)colorDepth,返回屏幕颜色的位数
(4)height,返回屏幕的像素高度
(5)pixelDepth,返回屏幕的颜色分辨率(每象素的位数)
(6)width,返回屏幕的像素宽度
7、浏览器的五大对象之history历史对象
来源,https://www.runoob.com/jsref/obj-history.html
来源,https://www.python100.com/html/ENZ8IC6776G4.html
来源,https://developer.mozilla.org/zh-CN/docs/Web/API/History_API
来源,https://developer.mozilla.org/zh-CN/docs/Web/API/Window/popstate_event
注、length,返回历史列表中的网址数
(1)forward(),前进。加载history列表中的右一个URL,等同于history.go(1)
(2)back(),后退。加载history列表中的左一个URL,等同于history.go(-1)
(3)go(),跳转。加载history列表中的某个具体页面,history.go(0),location.reload(),刷新当前
(4)pushState(state,title,url),给“浏览器当前页签”添加状态
A、示例与参数
history.pushState({page: 1}, "title 1", "/page1");
state,对象,比如state={key:obj};在其它页面可以通过history.key来获取
title,字符串,浏览器用它显示页面标题
url,字符串,当前浏览器地址
B、特点,
a、改变浏览器的地址栏而不重新加载页面
b、向浏览器的会话历史栈增加一个新的状态
C、优势
a、实现无刷新前端路由
b、给浏览器当前页签增加状态
D、缺点,
a、不会触发页面加载事件及其他事件的处理函数
b、无法阻止用户使用“后退”按钮
c、可能导致404错误
问题描述,点击谷歌浏览器左上方的圆箭头刷新,会出错404(这点非常重要,是它不能大范围使用的原因!!!)
问题解决,在服务器端进行相应的nginx配置,这种情况让他返回index.html
E、补救,如果你想使用history.pushState来加载一个新页面的内容,
你可以创建一个函数,该函数
使用AJAX请求获取新页面的内容,
使用pushState更新浏览器的地址栏
(5)replaceState(state,title,url),给“浏览器当前页签”修改状态
history.replaceState({page: 2}, "title 2", "/page2");
(6)两种操作的作用,给“浏览器当前页签”添加(或修改)状态,以下是两种操作,
附、它们是HTML5的一个API
A、pushState
B、replaceState
(7)五种操作的作用,给“浏览器当前页签”的“不同历史记录”激活,以下是五种操作
A、浏览器的后退(向左)
B、浏览器的前进(向右)
C、history.back(向左)
D、history.forward(向右)
E、history.go(负左,正右,0当前)
(8)window.onpopstate(event)事件,
a、浏览历史(history对象或hash)发生改变时触发
b、event.state,就是“当前页面”参数(state,title,url)中的state,
(9)两种操作、五种操作、onpopstate,三者之间的关系,说明
A、两种操作,只能改变当前页面状态,不会触发window.onpopstate(event)事件
B、五种操作,与两种操作相关与否,都会触发window.onpopstate(event)事件
C、五种操作,与两种操作无关时,还会触发http请求
(10)两种操作、五种操作、onpopstate,三者之间的关系,示例
window.onpopstate = function(event) { //这是异步函数
console.log( event.state, history.state, event.state == history.state, event, ); //true
};
setTimeout(function(){
history.pushState({state1: 1}, "状态 1", "/page1");
console.log( '状态1,不触发window.onpopstate' );
},1000)
setTimeout(function(){
history.back();
console.log( '状态1,触发window.onpopstate' );
},2000)
(11)window.onhashchange事件,
A、url的hash改变时触发
B、onpopstate事件包含本事件
(12)onpopstate事件包含onhashchange事件,示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="#/5F">《a href="#/5F"》点击我《/a》</a>,锚点会定位到<br/>
《a name="/5F"》name="/5F"《/a》
<br/><br/><br/><br/><br/><br/><br/>
<a name="/5F">name="/5F"</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
<script>
/* 页面渲染完成后,添加监听;后来才会触发下列事件 */
window.onpopstate = function(event) {
console.log( '20,location,history,onpopstate,event:', event.type, event.state );
};
window.onhashchange = function(event) {
console.log( '23,location,history,onhashchange,event:', event.type, event.oldURL );
};
</script>
8、浏览器的五大对象之location位置对象
来源,https://www.runoob.com/jsref/obj-location.html
(1)属性
A、protocol,设置或返回当前URL的协议
B、hostname,设置或返回当前 URL 的主机名
C、port,设置或返回当前 URL 的端口号
D、origin,源
----以上是origin的构成----
E、host,设置或返回主机名和当前URL的端口号
F、pathname,设置或返回当前URL 的路径部分
G、search,设置或返回从问号(?)开始的 URL
H、hash,设置或返回从井号(#)开始的URL
----以上是href的构成----
I、href,设置或返回完整的 URL
(2)方法
A、assign(URL),加载新的文档方法
B、reload(),重新加载当前页面
C、replace(newURL),用新的文档普换当前文档
附、属性示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
table{
border-collapse: collapse;
}
table tr th,table tr td{
padding: 5px;
border: 1px solid grey;
}
</style>
</head>
<body>
<div id="div"></div>
<table>
<thead>
<tr>
<th>属性名</th>
<th>属性值</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
<script>
var url = document.createElement('a');
url.href = 'https://www.runoob.com:80/1234567?s=search#hash';
var obj = {
'url.protocol': url.protocol,
'url.hostname': url.hostname,
'url.port': url.port,
'url.origin': url.origin + ',以上是origin的构成',
'url.host': url.host,
'url.pathname': url.pathname,
'url.search': url.search,
'url.hash': url.hash,
'url': url + ',以上是url的构成',
'url.href': url.href + ',这是最初的href',
};
var allStr = '';
for(var attr in obj){
var str = '<tr>';
str += '<td>' + attr + '</td>';
str += '<td>' + obj[attr] + '</td>';
str += '</tr>';
allStr += str;
}
document.getElementsByTagName('tbody')[0].innerHTML = allStr;
</script>
9、浏览器的五大对象之document文档对象!!!
(1)文档属性,如document.activeElement
A、document.activeElement,返回当前获取焦点元素
B、document.anchors,返回对文档中所有Anchor对象的引用
C、document.applets,返回对文档中所有Applet对象的引用。注意: HTML5已不支持<applet>元素
D、document.baseURI,返回文档的绝对基础URI
E、document.body,返回文档的body元素
F、document.cookie,设置或返回与当前文档有关的所有 cookie
G、document.doctype,返回与文档相关的文档类型声明(DTD)
H、document.documentElement,返回文档的根节点
I、document.documentMode,返回用于通过浏览器渲染文档的模式,仅 IE 浏览器支持
5,页面在 IE5 模式下展示
7,页面在 IE7 模式下展示
8,页面在 IE8 模式下展示
9,页面在 IE9 模式下展示
J、document.documentURI,设置或返回文档的位置
K、document.domain,返回当前文档的域名
L、document.domConfig,已废弃。返回normalizeDocument()被调用时所使用的配置
M、document.embeds,返回文档中所有嵌入的内容(embed)集合
N、document.forms,返回对文档中所有Form对象引用
O、document.images,返回对文档中所有Image对象引用
P、document.implementation,返回处理该文档的DOMImplementation对象
Q、document.inputEncoding,返回用于文档的编码方式(在解析时)
R、document.lastModified,返回文档被最后修改的日期和时间
S、document.links,返回对文档中所有Area和Link对象引用
T、document.readyState,返回文档状态 (载入中……)
U、document.referrer,返回当前页面的来源页面的URL;referrer,访问来源,引用地址
V、document.scripts,返回页面中所有脚本的集合
W、document.strictErrorChecking,设置或返回是否强制进行错误检查
X、document.title,返回当前文档的标题
Y、document.URL,返回文档完整的URL
Z、document.styleSheets
setTimeout(function(){
var all = document.getElementsByClassName('isInitShow')
for(var i = 0; i<all.length; i++){
if(all[i].clientHeight > 50) {
document.styleSheets[0].insertRule(//在文档的第1个样式表中插入样式规则
"@keyframes moveDown" + i +
"{" +
"from { height: 40px; }" +
"to { height: " + all[i].clientHeight + "px; }" +
"}"
)
document.styleSheets[0].insertRule(
".divDown" + i +
"{" +
"animation: moveDown" + i + " 2s ease 0s 1 normal;" + /* 非常重要:2s前面有空格 */
"}"
)
}
}
});
(2)文档方法,如document.addEventListener(),
A、document.addEventListener(),向文档添加句柄
B、document.adoptNode(node),从另外一个文档返回adapded节点到当前文档
C、document.close(),关闭用document.open()方法打开的输出流,并显示选定的数据
D、document.createAttribute(),创建一个属性节点
E、document.createComment(),createComment()方法可创建注释节点
F、document.createDocumentFragment(),创建空的DocumentFragment对象,并返回此对象
G、document.createElement(),创建元素节点
H、document.createTextNode(),创建文本节点
I、document.execCommand,执行富文本编辑命令
//document.execCommand('copy')//复制
//document.execCommand('cut')//剪切
//document.execCommand('paste')//粘贴
J、document.getElementsByClassName(),返回文档中所有指定类名的元素集合,作为NodeList对象
K、document.getElementById(),返回对拥有指定id的第一个对象的引用
L、document.getElementsByName(),返回带有指定名称的对象集合
M、document.getElementsByTagName(),返回带有指定标签名的对象集合
N、document.importNode(),把一个节点从另一个文档复制到该文档以便应用
O、document.normalize(),删除空文本节点,并连接相邻节点
P、document.normalizeDocument(),删除空文本节点,并连接相邻节点的
Q、document.open(),打开一个流,以收集来自任何document.write()或document.writeln()方法的输出
R、document.querySelector(),返回文档中匹配指定的CSS选择器的第一元素
S、document.querySelectorAll(),HTML5中引入的新方法,返回文档中匹配的CSS选择器的所有元素节点列表=
T、document.removeEventListener(),移除文档中的事件句柄(由addEventListener()方法添加)
U、document.renameNode(),重命名元素或者属性节点
V、document.write(),向文档写HTML表达式或JavaScript代码
W、document.writeln(),等同于write()方法,不同的是在每个表达式之后写一个换行符
(3)文档事件,如document.onreadystatechange
A、document.onreadystatechange,用于非标准浏览器的状态监听,标准浏览器监听用DOMContentLoaded。先于onload
(4)文档下元素属性,如element.accessKey
来源,https://www.runoob.com/jsref/dom-obj-all.html
A、element.accessKey,设置或返回accesskey一个元素
B、element.attributes,返回一个元素的属性数组
var attr = document.getElementById("demo").attributes[0].isId;
a、attr.isId,如果属性是 ID 类型,则 isId 属性返回 true,否则返回 false
b、attr.name,返回属性名称,document.getElementsByTagName("button")[0].attributes[0].name;//onclick
c、attr.value,设置或者返回属性值
d、attr.specified,如果属性被指定返回 true ,否则返回 false
e、nodemap.getNamedItem(),从节点列表中返回的指定属性节点。
var btn=document.getElementsByTagName("BUTTON")[0];
btn.attributes.getNamedItem("onclick").textContent;//myfunction()
nodemap.item(),返回节点列表中处于指定索引号的节点
nodemap.length,返回节点列表的节点数目
nodemap.removeNamedItem(),删除指定属性节点
nodemap.setNamedItem(),设置指定属性节点(通过名称)
C、element.childNodes,返回元素的一个子节点的数组
D、element.children,返回元素的子元素的集合
E、element.classList,返回元素的类名,作为 DOMTokenList 对象
F、element.className,设置或返回元素的class属性
G、element.clientTop,表示一个元素的顶部边框的宽度,以像素表示
H、element.clientLeft,表示一个元素的左边框的宽度,以像素表示
I、element.clientHeight,在页面上返回内容的可视高度(高度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条)
J、element.clientWidth,在页面上返回内容的可视宽度(宽度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条)
K、element.contentEditable,设置或返回元素的内容是否可编辑
L、element.dir,设置或返回一个元素中的文本方向
M、element.firstElementChild,返回元素的第一个子元素
N、element.firstChild,返回元素的第一个子节点
O、element.id,设置或者返回元素的 id
P、element.innerHTML,设置或者返回元素的内容
Q、element.isContentEditable,如果元素内容可编辑返回 true,否则返回false
R、element.lang,设置或者返回一个元素的语言
S、element.lastChild,返回最后一个子节点
T、element.lastElementChild,返回指定元素的最后一个子元素
U、element.namespaceURI,返回命名空间的 URI
V、element.nextSibling,返回该元素紧跟的一个节点
W、element.nextElementSibling,返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)
X、element.nodeName,返回元素的标记名(大写)
Y、element.nodeType,返回元素的节点类型
Z、element.nodeValue,返回元素的节点值
A_、element.offsetHeight,返回任何一个元素的高度包括边框(border)和内边距(padding),但不包含外边距(margin)
B_、element.offsetWidth,返回元素的宽度,包括边框(border)和内边距(padding),但不包含外边距(margin)
C_、element.offsetLeft,返回当前元素的相对水平偏移位置的偏移容器
D_、element.offsetParent,返回元素的偏移容器
E_、element.offsetTop,返回当前元素的相对垂直偏移位置的偏移容器
F_、element.ownerDocument,返回元素的根元素(文档对象)
G_、element.parentNode,返回元素的父节点
H_、element.previousSibling,返回某个元素紧接之前元素
I_、element.previousElementSibling,返回指定元素的前一个兄弟元素(相同节点树层中的前一个元素节点)
J_、element.scrollHeight,返回整个元素的高度(包括带滚动条的隐蔽的地方)
K_、element.scrollLeft,返回当前视图中的实际元素的左边缘和左边缘之间的距离
L_、element.scrollTop,返回当前视图中的实际元素的顶部边缘和顶部边缘之间的距离
M_、element.scrollWidth,返回元素的整个宽度(包括带滚动条的隐蔽的地方)
N_、element.style,设置或返回元素的样式属性
O_、element.tabIndex,设置或返回元素的标签顺序
P_、element.tagName,作为一个字符串返回某个元素的标记名(大写)
Q_、element.textContent,设置或返回一个节点和它的文本内容
R_、element.title,设置或返回元素的title属性
S_、nodelist.length,返回节点列表的节点数目
(5)文档下元素方法,如element.addEventListener(),
A、element.addEventListener(),向指定元素添加事件句柄
B、element.appendChild(),为元素添加一个新的子元素
C、element.cloneNode(),克隆某个元素
D、element.compareDocumentPosition(),比较两个元素的文档位置
E、element.focus(),设置文档或元素获取焦点
F、element.getAttribute(),返回指定元素的属性值
G、element.getAttributeNode(),返回指定属性节点
H、element.getElementsByTagName(),返回指定标签名的所有子元素集合
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
<p id="demo">单击“按钮”更改列表项的文本。</p>
<button onclick="myFunction()">点我</button>
</body>
</html>
<script>
function myFunction(){
document.getElementsByTagName("UL")[0].getElementsByTagName("LI")[0].innerHTML="Milk";
};
</script>
I、element.getElementsByClassName(),返回文档中所有指定类名的元素集合,作为 NodeList 对象
J、element.getFeature(),返回指定特征的执行APIs对象
K、element.getUserData(),返回一个元素中关联键值的对象
L、element.hasAttribute(),如果元素中存在指定的属性返回 true,否则返回false
M、element.hasAttributes(),如果元素有任何属性返回true,否则返回false
N、element.hasChildNodes(),返回一个元素是否具有任何子元素
O、element.hasFocus(),返回布尔值,检测文档或元素是否获取焦点
P、element.insertBefore(),现有的子元素之前插入一个新的子元素
Q、element.isDefaultNamespace(),如果指定了namespaceURI 返回 true,否则返回 false
R、element.isEqualNode(),检查两个元素是否相等
S、element.isSameNode(),检查两个元素所有有相同节点
T、element.isSupported(),如果在元素中支持指定特征返回 true
U、element.matches(),如果元素匹配指定的 CSS 选择器,matches() 方法就返回 true,否则返回 false
V、element.normalize(),使得此成为一个"normal"的形式,其中只有结构(如元素,注释,处理指令,CDATA节和实体引用)隔开Text节点,
即元素(包括属性)下面的所有文本节点,既没有相邻的文本节点也没有空的文本节点
W、element.querySelector(),返回匹配指定 CSS 选择器元素的第一个子元素
X、document.querySelectorAll(),返回匹配指定 CSS 选择器元素的所有子元素节点列表
Y、element.removeAttribute(),从元素中删除指定的属性
Z、element.removeAttributeNode(),删除指定属性节点并返回移除后的节点
A_、element.removeChild(),删除一个子元素
B_、element.removeEventListener(),移除由 addEventListener() 方法添加的事件句柄
C_、element.replaceChild(),替换一个子元素
D_、element.setAttribute(),设置或者改变指定属性并指定值
E_、element.setAttributeNode(),设置或者改变指定属性节点
F_、element.setUserData(),在元素中为指定键值关联对象
G_、element.toString(),一个元素转换成字符串
H_、nodelist.item(),返回某个元素基于文档树的索引
(6)文档下元素事件
附、示例
<html>
<head></head>
<body>
<button id="button">button</button>
</body>
</html>
<script>
var element = document.getElementById('button');
element.addEventListener('click', function() {
console.log('监听点击1');
});
element.onclick = function() {
console.log('监听点击2');
};
setTimeout(function(){
console.log('以下,JS触发点击==');
element.click();
console.log('以上,JS触发点击==');
})
</script>
A、鼠标事件
a、鼠标移入移出-1/2
element.onmouseenter,鼠标移动到元素时触发,只执行1次
element.onmouseleave,鼠标离开元素时触发,不冒泡
b、鼠标移入移出-2/2
element.onmouseover,鼠标移动到元素时触发,每停止、移动1次,就执行1次
element.onmouseout,鼠标离开元素或进入其子元素时触发,冒泡
c、鼠标按下、移动、松开
element.onmousedown,鼠标按钮被按下
element.onmousemove,鼠标移动时触发
element.onmouseup,鼠标按键被松开
d、按下键盘上的某个键
element.onkeydown,按下键盘上的某个键时,触发鼠标聚焦元素如input的onkeydown事件
e、点击
element.onclick,当用户点击某个对象时调用的事件句柄
element.ondblclick,当用户双击某个对象时调用的事件句柄
f、右键打开菜单
element.oncontextmenu,在用户点击鼠标右键打开上下文菜单时触发
document.oncontextmenu = function(){
return false;//取消鼠标右键
}
g、clientX,鼠标相对于浏览器窗口
h、pageX,鼠标相对于网页
h1、如果网页没有滚动条,则pageX==clientX,
h2、不兼容时,处理兼容用pageX=document.documentElement.scrollLeft+clientX
i、screenX,鼠标相对于显示屏(如果浏览器窗口最大化,则screenX==clientX)
j、offsetX,鼠标相对于事件源边框
k、layerX,鼠标相对于事件源父级定位元素边框
B、键盘事件
//<input type="text" onkeydown="myFunction()">
//object.onkeydown=function(){SomeJavaScriptCode};
onkeydown,某个键盘按键被按下
onkeypress,某个键盘按键被按下并松开
onkeyup,某个键盘按键被松开
C、框架/对象(Frame/Object)事件
//<img src="image_w3default.gif" onabort="myFunction()">
//object.onabort=function(){myScript};
//object.addEventListener("abort", myScript);
onabort,图像的加载被中断 ( <object>)
onerror,在加载文档或图像时发生错误 ( <object>, <body>和 <frameset>),
onload,一张页面或一幅图像完成加载
onbeforeunload,该事件在即将离开页面(刷新或关闭)时触发
onunload,用户退出页面 ( <body> 和 <frameset>)
onpageshow,该事件在用户访问页面时触发,
onpagehide,该事件在用户离开当前网页跳转到另外一个页面
onresize,窗口或框架被重新调整大小
onscroll,当文档被滚动时发生的事件
onhashchange,url的hash改变时触发,onpopstate事件包含该事件
D、表单事件
//<element onblur="SomeJavaScriptCode">
//object.onblur=function(){SomeJavaScriptCode};
onblur,元素失去焦点时触发
onchange,该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)
onfocus,元素获取焦点时触发
onfocusin,元素即将获取焦点时触发
onfocusout,元素即将失去焦点时触发
oninput,元素获取用户输入时触发,3
onreset,表单重置时触发
onsearch,用户向搜索域输入文本时触发 ( <input="search">)
onselect,用户选取文本时触发 ( <input> 和 <textarea>)
onsubmit,表单提交时触发
E、剪贴板事件
//<element oncopy="myScript">
//object.oncopy=function(){myScript};
//object.addEventListener("copy", myScript);
oncopy,该事件在用户拷贝元素内容时触发,
oncut,该事件在用户剪切元素内容时触发,
onpaste,该事件在用户粘贴元素内容时触发,
F、打印事件
//<element onafterprint="myScript">
//object.onafterprint=function(){myScript};
//object.addEventListener("afterprint", myScript);
onafterprint,该事件在页面已经开始打印,或者打印窗口已经关闭时触发
onbeforeprint,该事件在页面即将开始打印时触发,
G、拖动事件
//<element ondrag="myScript">
//object.ondrag=function(){myScript};尝试一下
//object.addEventListener("drag", myScript);
ondrag,该事件在元素正在拖动时触发,
ondragend,该事件在用户完成元素的拖动时触发,
ondragenter,该事件在拖动的元素进入放置目标时触发,
ondragleave,该事件在拖动元素离开放置目标时触发,
ondragover,该事件在拖动元素在放置目标上时触发,
ondragstart,该事件在用户开始拖动元素时触发,
ondrop,该事件在拖动元素放置在目标区域时触发,
H、多媒体(Media)事件
onabort,事件在视频/音频(audio/video)终止加载时触发
oncanplay,事件在用户可以开始播放视频/音频(audio/video)时触发
oncanplaythrough,事件在视频/音频(audio/video)可以正常播放且无需停顿和缓冲时触发
ondurationchange,事件在视频/音频(audio/video)的时长发生变化时触发
onemptied,当期播放列表为空时触发,
onended,事件在视频/音频(audio/video)播放结束时触发
onerror,事件在视频/音频(audio/video)数据加载期间发生错误时触发
onloadeddata,事件在浏览器加载视频/音频(audio/video)当前帧时触发触发
onloadedmetadata,事件在指定视频/音频(audio/video)的元数据加载后触发
onloadstart,事件在浏览器开始寻找指定视频/音频(audio/video)触发
onpause,事件在视频/音频(audio/video)暂停时触发
onplay,事件在视频/音频(audio/video)开始播放时触发
onplaying,事件在视频/音频(audio/video)暂停或者在缓冲后准备重新开始播放时触发
onprogress,事件在浏览器下载指定的视频/音频(audio/video)时触发
onratechange,事件在视频/音频(audio/video)的播放速度发送改变时触发
onseeked,事件在用户重新定位视频/音频(audio/video)的播放位置后触发
onseeking,事件在用户开始重新定位视频/音频(audio/video)时触发
onstalled,事件在浏览器获取媒体数据,但媒体数据不可用时触发
onsuspend,事件在浏览器读取媒体数据中止时触发
ontimeupdate,事件在当前的播放位置发送改变时触发
onvolumechange,事件在音量发生改变时触发
onwaiting,事件在视频由于要播放下一帧而需要缓冲时触发
I、动画事件
animationend,该事件在 CSS 动画结束播放时触发,
animationiteration,该事件在 CSS 动画重复播放时触发,
animationstart,该事件在 CSS 动画开始播放时触发,
J、过渡事件
transitionend,该事件在 CSS 完成过渡后触发
K、其他事件
onmessage,该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发,
onmousewheel,已废弃。 使用 onwheel 事件替代,
ononline,该事件在浏览器开始在线工作时触发
onoffline,该事件在浏览器开始离线工作时触发
onpopstate,浏览历史(history对象或hash)发生改变时触发,该事件包含onhashchange事件
onshow,该事件当 <menu> 元素在上下文菜单显示时触发,
onstorage,该事件在 Web Storage(HTML 5 Web 存储)更新时触发,
ontoggle,该事件在用户打开或关闭 <details> 元素时触发,
onwheel,该事件在鼠标滚轮在元素上下滚动时触发,
L、事件对象
常量
CAPTURING-PHASE,当前事件阶段为捕获阶段(1)
AT-TARGET,当前事件是目标阶段,在评估目标事件(1)
BUBBLING-PHASE,当前的事件为冒泡阶段 (3)
属性
bubbles,返回布尔值,指示事件是否是起泡事件类型
cancelable,返回布尔值,指示事件是否可拥可取消的默认动作
currentTarget,返回其事件监听器触发该事件的元素
eventPhase,返回事件传播的当前阶段
target,返回触发此事件的元素(事件的目标节点)
timeStamp,返回事件生成的日期和时间
type,返回当前 Event 对象表示的事件的名称
方法
initEvent(),初始化新创建的 Event 对象的属性
preventDefault(),通知浏览器不要执行与事件关联的默认动作
stopPropagation(),不再派发事件
M、目标事件对象
addEventListener(),允许在目标事件中注册监听事件(IE8 = attachEvent())
dispatchEvent(),允许发送事件到监听器上 (IE8 = fireEvent())
removeEventListener(),运行一次注册在事件目标上的监听事件(IE8 = detachEvent())
N、事件监听对象
handleEvent(),把任意对象注册为事件处理程序
O、文档事件对象
createEvent(),
P、鼠标/键盘事件对象
属性
altKey,返回当事件被触发时,"ALT" 是否被按下
button,返回当事件被触发时,哪个鼠标按钮被点击
clientX,返回当事件被触发时,鼠标指针的水平坐标
clientY,返回当事件被触发时,鼠标指针的垂直坐标
ctrlKey,返回当事件被触发时,"CTRL" 键是否被按下
Location,返回按键在设备上的位置,3
charCode,返回onkeypress事件触发键值的字母代码
key,在按下按键时返回按键的标识符3
keyCode,返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码
which,返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码
metaKey,返回当事件被触发时,"meta" 键是否被按下
relatedTarget,返回与事件的目标节点相关的节点
screenX,返回当某个事件被触发时,鼠标指针的水平坐标
screenY,返回当某个事件被触发时,鼠标指针的垂直坐标
shiftKey,返回当事件被触发时,"SHIFT" 键是否被按下
方法
initMouseEvent(),初始化鼠标事件对象的值
initKeyboardEvent(),初始化键盘事件对象的值
(6)文档下元素获取
A、document.getElementById('id')
B、document.getElementsByClassName('class')
C、document.getElementsByTagName('tag')
D、document.querySelector('.class')
E、document.querySelectorAll('.class')
F、document.getElementsByName('name')[0]
(7)文档下元素增删改查
A、增加:appendChild、insertBefore、setAttribute
element.appendChild(outerNode);//外节点附在最后子节点的后面
const element = document.createElement("li");
const textnode = document.createTextNode("Water");
element.appendChild(textnode);
document.getElementById("container").appendChild(element);
element.insertBefore(outerNode, sonNode);//外节点或子节点插到某个子节点前面
element.setAttribute(name, value);//给属性名设置属性值
B、删除:remove、removeChild
element.remove();//删除自身,返回值无
element.removeChild(sonNode);//删除自身的某个子节点,返回值为子节点
C、改变:replaceChild
element.replaceChild(outerNode, sonNode);//用外节点替换某个子节点
D、查找:getElementById、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll
参数不再指定元素属性,getElementById、getElementsByTagName、getElementsByClassName,如document.getElementsByClassName("example")
参数需要指定元素属性,querySelector、querySelectorAll,如document.querySelectorAll(".example"),document.querySelectorAll("h2, div, span")
E、克隆:node.cloneNode(true)//默认浅克隆,true为深克隆
七、九宫格之位置交换与塌陷递补(发布/订阅模式,观察者模式)
注意:发布/订阅模式中,发布者只要做好消息的发布,而不关心消息有没有订阅者订阅。而观察者模式则要求两端同时存在
1、类模式-九宫格之位置交换与塌陷递补-实用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>九宫格之位置交换与塌陷递补-实用</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
list-style: none;
}
#whole {
width: 550px;
height: 550px;
padding: 5px;
background: #CFC;
position: relative;
margin: 100px auto;
}
#whole .dragClass {
width: 150px;
height: 150px;
margin: 5px;
cursor: move;
user-select: none;
background: #FF9;
overflow: hidden;
float: left;
}
#whole .dragClass img {
width: 100%;
height: 100%;
border: none;
}
.detail{
color:red;
font-size: 20px;
}
</style>
</head>
<body>
<div class="detail">实际项目中</div>
<div class="detail">1、页面初始化时,向后台请求图片</div>
<div class="detail">2、根据设计稿将图片插入页面的对应位置</div>
<div class="detail">3、将拖拽内容导入拖拽插件</div>
<div class="detail">4、每次拖拽结束后,前端会告诉后台,被拖拽图片的新旧位置</div>
<div class="detail">5、后台更新数据并返给前端</div>
<div class="detail">6、前端更新数据并将拖拽内容导入拖拽插件</div>
<div class="detail">7、拖拽结果分为,位置互换、塌陷递补,实用</div>
<div id="whole">
<div class="dragClass">1</div>
<div class="dragClass">2</div>
<div class="dragClass">3</div>
<div class="dragClass">4</div>
<div class="dragClass">5</div>
<div class="dragClass">6</div>
<div class="dragClass">7</div>
<div class="dragClass">8</div>
<div class="dragClass">9</div>
</div>
</body>
</html>
<script>
function initDrag(id,callbackObject,type,isPutLast){
//type,为"exchange"时,位置互换,为"collapse"时,塌陷递补
//isPutLast,为true时,放在所有交叉元素的最后一个后面,为false时,放在所有交叉元素中,交叉面积最大那个的后面,
type = type || "exchange" || "collapse";//位置互换||塌陷递补
function Drag(item,items,callbackObject) {
this.minX = null;
this.minY = null;
this.maxX = null;
this.maxY = null;
this.ele = item;
this.items = items;
this.callbackObject = callbackObject||{};
this.down = this.down.bind(this);
this.move = this.move.bind(this);
this.up = this.up.bind(this);
this.on(this.ele, "mousedown", this.down);//给-按下鼠标-绑定事件
}
if(type === "collapse"){
Drag.flag = true;
Drag.sortArray = [];
}
//以下按下鼠标,主动者即将移动
Drag.prototype.down = function (event) {
this.minX = this.ele.offsetLeft;
this.minY = this.ele.offsetTop;
this.maxX = event.pageX;
this.maxY = event.pageY;
this.allCover = [];
if (this.ele.setCapture) {
this.ele.setCapture();
this.on(this.ele, "mousemove", this.move);
this.on(this.ele, "mouseup", this.up);
} else {
this.on(document, "mousemove", this.move);
this.on(document, "mouseup", this.up);
}
event.preventDefault();
for(var i = 0; i < this.items.length; i++){
this.items[i].style.zIndex = 2;
}
this.ele.style.zIndex = 3;
if(this.callbackObject.down){
this.callbackObject.down(this.ele.index, event)
}
if(Drag.flag){
Drag.flag = false ;
for(var i=0; i<this.items.length; i++ ){
var position = {
left: this.items[i].left,
top: this.items[i].top,
}
Drag.sortArray.push(position)
}
}
};
//以下移动鼠标,主动者移动
Drag.prototype.move = function (event) {
this.ele.style.left = this.minX + (event.pageX - this.maxX) + "px";
this.ele.style.top = this.minY + (event.pageY - this.maxY) + "px";
var ele = this.ele;
for (var i = 0; i < this.items.length; i++) {
var item = this.items[i];
if (item == ele)continue;
//以下检测item是否在this.ele的右、下、左、上方
var isRight = item.offsetLeft > ele.offsetLeft + ele.offsetWidth;
var isBottom = item.offsetTop > ele.offsetTop + ele.offsetHeight;
var isLeft = ele.offsetLeft > item.offsetLeft + item.offsetWidth;
var isTop = ele.offsetTop > item.offsetTop + item.offsetHeight;
if (isRight || isBottom || isLeft || isTop) {
item.style.backgroundColor = "";
} else {
this.allCover.push(item);
item.style.backgroundColor = "red";
}
}
if(this.callbackObject.move){
this.callbackObject.move()
}
};
//以下松开鼠标,主动者继续移动,被动者移动
Drag.prototype.up = function (event) {
if (this.ele.releaseCapture) {
this.ele.releaseCapture();
this.off(this.ele, "mousemove", this.move);
this.off(this.ele, "mouseup", this.up);
} else {
this.off(document, "mousemove", this.move);
this.off(document, "mouseup", this.up);
}
var shortest;
var lastIndex = 0;
var shortIndex = 0;
var allCover = this.allCover;
var allCoverLastItem = allCover[allCover.length-1];
for (var i = 0; i < this.items.length; i++) {
if(this.items[i] === allCoverLastItem) lastIndex = i;
}
if (allCover && allCover.length) {
for (var i = 0; i < allCover.length; i++) {
var item = allCover[i];
//计算被拖拽的元素和撞上的元素“左上角”之间的距离,并且保存到distance属性上,距离越小,重叠面积越大
item.distance = Math.sqrt(
Math.pow(this.ele.offsetLeft - item.offsetLeft, 2) +
Math.pow(this.ele.offsetTop - item.offsetTop, 2)
);
item.style.backgroundColor = "";
}
allCover.sort(function (one, two) {
return one.distance - two.distance
});
shortest = allCover[0];
shortest.style.zIndex = 1;
shortest.style.backgroundColor = "orange";
this.ele.style.backgroundColor = "orange";
if(type === "exchange"){//位置互换
var left = this.ele.left;
var top = this.ele.top;
this.animate(shortest, {left: left, top: top}, 700);//被动者移动
this.animate(this.ele, {left: shortest.left, top: shortest.top}, 700);//主动者移动
this.ele.left = shortest.left;
this.ele.top = shortest.top;
shortest.left = left;
shortest.top = top;
}
if(type === "collapse"){//塌陷递补
//document.getElementById(id).insertBefore(this.ele, shortest); //这是方案1,以下7行为方案2
var whole = document.getElementById(id);
for (var i = 0; i < this.items.length; i++) {
if(this.items[i] === shortest) shortIndex = i;
}
var index = isPutLast? lastIndex: shortIndex;
var ele = whole.removeChild(this.ele);
whole.insertBefore(ele, this.items[index]);
for(var i=0; i<this.items.length; i++ ){
var position = {
left: Drag.sortArray[i].left,
top: Drag.sortArray[i].top
}
this.animate(this.items[i], position, 700);
}
}
} else {//如果没有撞上的元素,则返回原始位置
if(type === "exchange"){//位置互换
var position = {
left: this.ele.left,
top: this.ele.top,
}
this.animate(this.ele, position, 700);//主动者移动
}
if(type === "collapse"){//塌陷递补
for(var i=0; i<this.items.length; i++ ){
if(this.items[i] === this.ele){
var position = {
left: Drag.sortArray[i].left,
top: Drag.sortArray[i].top,
}
this.animate(this.ele, position, 700)
}
}
}
}
if(this.callbackObject.up){
this.callbackObject.up(this.ele.index, shortest && shortest.index || 1, event)
}
};
//以下给主动者-绑定事件
Drag.prototype.on = function (ele, type, fn) {
if(ele.addEventListener){
ele.addEventListener(type, fn, false);
}else if(/^cust/.test(type)) {
if (!ele["cust" + type]) {
ele["cust" + type] = [];
}
var single = ele["cust" + type];
for (var i = 0; i < single.length; i++) {
if (single[i] == fn) return;
}
single.push(fn);
}
};
//以下给主动者-解绑事件
Drag.prototype.off = function(ele, type, fn) {
if (ele.removeEventListener) {
ele.removeEventListener(type, fn, false);
} else {
var single = ele["onEvent" + type];
if (single && single.length) {
for (var i = 0; i < single.length; i++) {
if (single[i] == fn) {
single[i] = null;
return;
}
}
}
}
};
//以下双方移动
Drag.prototype.animate = function(ele, obj, duration) {
var that = this;
var allBegin = {};//用来保存多个方向begin;
var allChange = {};//用来保存多个方向的change;
var flag = 0;//用来记录各个方向的距离是否有效
for (var attr in obj) {
var target = obj[attr]
var begin = this.getCss(ele, attr);
var change = target - begin;
if (change) {//判断一下此方向的运动距离有效,不为0
allBegin[attr] = begin;
allChange[attr] = change;
flag++;
}
}
if (!flag) return; //如果各个方向的运动距离都是0,则结束动画的执行
var interval = 15;
var times = 0;
if(ele.timer) clearInterval(ele.timer);
ele.timer = setInterval(function() {
times += interval;
if (times < duration) {
for (var attr in allChange) {
var change = allChange[attr];
var begin = allBegin[attr];
var val=times/duration*change+begin;
that.setCss(ele, attr, val);
}
} else {
for (var attr in allChange) {
var target = obj[attr];
that.setCss(ele, attr, target);
}
clearInterval(ele.timer);
}
}, interval);
}
//以下双方移动-辅助工具
Drag.prototype.getCss = function(ele, attr) {
if (window.getComputedStyle) {
return parseFloat(window.getComputedStyle(ele, null)[attr]);
} else {
if (attr == "opacity") {
//opacity:0.5;
//filter:Alpha(opacity=50);
var filter = ele.currentStyle.filter;
var reg = /alpha\(opacity=(\d+(?:\.\d+)?)\)/;
if (reg.test(filter)) {//IE8 以及更早的浏览器
return RegExp.$1 / 100;
} else {
return 1;//如果没有给不透明度赋值,则应该把默认值1返回
}
} else {
return parseFloat(ele.currentStyle[attr]);
}
}
}
//以下双方移动-辅助工具
Drag.prototype.setCss = function(ele, attr, val) {
if (attr == "opacity") {
ele.style.opacity = val;
ele.style.filter = "alpha(opacity=" + val * 100 + ")";
} else {
ele.style[attr] = val + "px";
}
}
//以下给各个盒子绑定拖拽事件
var items = document.getElementById(id).children;
for (var i = items.length - 1; i >= 0; i--) {
//从后往前逐个定位。
//如果从前往后逐个定位,随着前面的脱离文档流,后面的会移动到前面的位置,最终都叠加到第一张图片的上面。
var item = items[i];
item.top = item.offsetTop;
item.left = item.offsetLeft;
item.index = i;
item.style.top = item.offsetTop + "px";
item.style.left = item.offsetLeft + "px";
item.style.zIndex = 2;
item.style.position = "absolute";
new Drag(item,items,callbackObject)
}
}
</script>
<script>
var longth = +new Date();
var callbackObject = {
down:function(fromIndex, event){
//console.log(fromIndex,"前端通过这个索引,可以获取始发数据")
},
index:+new Date(),
move:function(){
setTimeout(function(){
var longthIn = +new Date();
if (longthIn - longth > 500) {
longth = longthIn;
//console.log("此处写入移动逻辑")
}
})
},
up:function(fromIndex, toIndex, event){
//console.log(fromIndex, toIndex,"前端通过这两个索引,可以获取始发数据和目的数据")
//console.log(document.getElementById("whole"));//把这个拖拽结果发给后台,收到后台的反馈后再刷新页面
//也可以在多次拖拽结束后,点击(加在)图片下方的按钮,把最终结果告诉后台,不必像上面那样,拖拽一次告诉后台一次
},
}
initDrag("whole",callbackObject,"collapse",true)
</script>
2、发布订阅/观察者模式-九宫格之位置交换-不实用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>九宫格之位置交换-不实用</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
list-style: none;
}
#whole {
width: 480px;
height: 480px;
padding: 5px;
background: #CFC;
position: relative;
margin: 100px auto;
}
#whole .classDrag {
width: 150px;
height: 150px;
margin: 5px;
cursor: move;
user-select: none;
background: #FF9;
overflow: hidden;
float: left;
}
#whole .classDrag img {
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<div id="whole">
<div class="classDrag">0</div>
<div class="classDrag">1</div>
<div class="classDrag">2</div>
<div class="classDrag">3</div>
<div class="classDrag">4</div>
<div class="classDrag">5</div>
<div class="classDrag">6</div>
<div class="classDrag">7</div>
<div class="classDrag">8</div>
</div>
</body>
</html>
<script>
/*第一步:准备拖拽的类,给主动者用*/
function processThis(fn, context) {
return function (event) {
fn.call(context, event);
};
}
function Drag(ele,items) {
this.minX = null;
this.minY = null;
this.maxX = null;
this.maxY = null;
this.items = items;
this.ele = ele;
this.selfDown = processThis(this.down, this);
this.selfMove = processThis(this.move, this);
this.selfUp = processThis(this.up, this);
on(this.ele, "mousedown", this.selfDown);
}
Drag.prototype.on = function (type, fn) {//把方法订阅给实例
if (!this["custom" + type]) {
this["custom" + type] = [];
}
var single = this["custom" + type];
for (var i = 0; i < single.length; i++) {
if (single[i] == fn)return this;
}
single.push(fn);
return this;
};
Drag.prototype.down = function (event) {
this.minX = this.ele.offsetLeft;
this.minY = this.ele.offsetTop;
this.maxX = event.pageX;
this.maxY = event.pageY;
if (this.ele.setCapture) {
this.ele.setCapture();
on(this.ele, "mousemove", this.selfMove);
on(this.ele, "mouseup", this.selfUp);
} else {
on(document, "mousemove", this.selfMove);
on(document, "mouseup", this.selfUp);
}
event.preventDefault();
run(this,"custDown", event);
};
Drag.prototype.move = function (event) {
this.ele.style.left = this.minX + (event.pageX - this.maxX) + "px";
this.ele.style.top = this.minY + (event.pageY - this.maxY) + "px";
run(this,"custMove", event);
};
Drag.prototype.up = function (event) {
if (this.ele.releaseCapture) {
this.ele.releaseCapture();
off(this.ele, "mousemove", this.selfMove);
off(this.ele, "mouseup", this.selfUp);
} else {
off(document, "mousemove", this.selfMove);
off(document, "mouseup", this.selfUp);
}
run(this, "custUp", event);
};
/*第二步:准备(订阅、解除订阅、发布)方法,给主动者用*/
function on(ele, type, fn) {//把方法订阅给实例或文档
if (ele.addEventListener) {
ele.addEventListener(type, fn, false);
} else {
if (!ele["onEvent" + type]) {
ele["onEvent" + type] = [];
ele.attachEvent("on" + type, function () {
run.call(ele)
});
}
var single = ele["onEvent" + type];
for (var i = 0; i < single.length; i++) {
if (single[i] == fn)return;
}
single.push(fn);
}
}
function off(ele, type, fn) {
if (ele.removeEventListener) {
ele.removeEventListener(type, fn, false);
} else {
var single = ele["onEvent" + type];
if (single && single.length) {
for (var i = 0; i < single.length; i++) {
if (single[i] == fn) {
single[i] = null;
return;
}
}
}
}
}
function run(ele, type, event) {
var single = ele["custom" + type];
if (single && single.length) {
for (var i = 0; i < single.length; i++) {
if (typeof single[i] == "function") {
single[i].call(ele, event);
} else {
single.splice(i, 1);
i--;
}
}
}
};
/*第三步:准备与动画相关的方法,给双方用*/
function animate(ele, obj, duration) {
var allBegin = {};//用来保存多个方向begin;
var allChange = {};//用来保存多个方向的change;
var flag = 0;//用来记录各个方向的距离是否有效
for (var attr in obj) {
var target = obj[attr]
var begin = getCss(ele, attr);
var change = target - begin;
if (change) {//判断一下此方向的运动距离有效,不为0
allBegin[attr] = begin;
allChange[attr] = change;
flag++;
}
}
if (!flag) return; //如果各个方向的运动距离都是0,则结束动画的执行
var interval = 15;
var times = 0;
clearInterval(ele.timer);
function step() {
times += interval;
if (times < duration) {
for (var attr in allChange) {
var change = allChange[attr];
var begin = allBegin[attr];
var val=times/duration*change+begin;
setCss(ele, attr, val);
}
} else {
for (var attr in allChange) {
var target = obj[attr];
setCss(ele, attr, target);
}
clearInterval(ele.timer);
}
}
ele.timer = setInterval(step, interval);
}
function getCss(ele, attr) {
if (window.getComputedStyle) {
return parseFloat(window.getComputedStyle(ele, null)[attr]);
} else {
if (attr == "opacity") {
//opacity:0.5;
//filter:Alpha(opacity=50);
var filter = ele.currentStyle.filter;
var reg = /alpha\(opacity=(\d+(?:\.\d+)?)\)/;
if (reg.test(filter)) {//IE8 以及更早的浏览器
return RegExp.$1 / 100;
} else {
return 1;//如果没有给不透明度赋值,则应该把默认值1返回
}
} else {
return parseFloat(ele.currentStyle[attr]);
}
}
}
function setCss(ele, attr, val) {
if (attr == "opacity") {
ele.style.opacity = val;
ele.style.filter = "alpha(opacity=" + val * 100 + ")";
} else {
ele.style[attr] = val + "px";
}
}
/*第四步:准备订阅事件,给双方用*/
function custDown() {
this.allCover = [];
for(var i = 0; i < this.items.length; i++){
this.items[i].style.zIndex = 2;
}
this.ele.style.zIndex = 3;
}
function custMove() {
var ele = this.ele;
for (var i = 0; i < items.length; i++) {
var item = items[i];
if (item == ele)continue;
//以下检测item是否在this.ele的右、下、左、上方
var isRight = item.offsetLeft > ele.offsetLeft + ele.offsetWidth;
var isBottom = item.offsetTop > ele.offsetTop + ele.offsetHeight;
var isLeft = ele.offsetLeft > item.offsetLeft + item.offsetWidth;
var isTop = ele.offsetTop > item.offsetTop + item.offsetHeight;
if (isRight || isBottom || isLeft || isTop) {
item.style.backgroundColor = "";
} else {
this.allCover.push(item);
item.style.backgroundColor = "red";
}
}
}
function custUp() {
var allCover = this.allCover;
if (allCover && allCover.length) {
for (var i = 0; i < allCover.length; i++) {
var item = allCover[i];
//计算被拖拽的元素和撞上的元素之间的距离,并且把距离保存到distance属性上
//可以先找一个距离四周图片都相等的位置,然后再移动、看效果
item.distance = Math.sqrt(Math.pow(this.ele.offsetLeft - item.offsetLeft, 2)
+ Math.pow(this.ele.offsetTop - item.offsetTop, 2));
item.style.backgroundColor = "";
}
//排序,找出和被拖拽元素距离最短(重合面积最大)的那个元素
allCover.sort(function (one, two) {
return one.distance - two.distance
});
var shortest = allCover[0];
shortest.style.zIndex = 1;
shortest.style.backgroundColor = "orange";
this.ele.style.backgroundColor = "orange";
//交换位置
animate(shortest, {left: this.ele.left, top: this.ele.top}, 700);
animate(this.ele, {left: shortest.left, top: shortest.top}, 700);
var left = this.ele.left;
var top = this.ele.top;
this.ele.left = shortest.left;
this.ele.top = shortest.top;
shortest.left = left;
shortest.top = top;
} else {//如果没有撞上的元素,则返回原始位置
animate(this.ele, {left: this.ele.left, top: this.ele.top}, 700);
}
}
/*第五步:给各个拖拽盒子订阅事件*/
var index = 0;
var items = document.getElementById("whole").children;
for (var i = items.length - 1; i >= 0; i--) {
//从后往前逐个定位。
//如果从前往后逐个定位,随着前面的脱离文档流,后面的会移动到前面的位置,最终都叠加到第一张图片的上面。
var item = items[i];
item.style.zIndex = 2;
item.style.left = (item.left = item.offsetLeft) + "px";
item.style.top = (item.top = item.offsetTop) + "px";
item.style.position = "absolute";
new Drag(item,items).on("custDown", custDown).on("custMove", custMove).on("custUp", custUp);
}
</script>
八、瀑布流
所谓瀑布流图片,就是随着鼠标往下拉,图片无穷无尽,但又不是死循环。因为这次拉到底后,后面的才显示出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
list-style: none;
font-size: 50px;
color: white;
}
div{
width: 1050px;
margin:0 auto;
}
div ul{
width: 200px;
float: left;
margin: 0 5px;
}
div ul li{
width: 100%;
background: url("http://www.qdfuns.com/misc.php?mod=attach&genre=editor&aid=5c2ddf7c938c5a6ae54f0b1ab390b9fe") no-repeat center #e1e1e1;
margin-bottom: 10px;
}
div ul li img{
display: block;
width: 100%;
}
</style>
</head>
<body>
<div>
<ul><!--<li><img realImg="1.jpg" alt=""/></li>--></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
</div>
<script>
var oDiv=document.getElementsByTagName('div')[0];
var aUl=oDiv.getElementsByTagName('ul');
var aLi=oDiv.getElementsByTagName('li');
var aImg=oDiv.getElementsByTagName('img');
//此处是自己造的假数据
var data=[
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517838828_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517841171_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517843343_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517845828_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517848093_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517850750_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517853171_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517855671_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517857750_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517860171_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12227263_12227263_1441518058703_mthumb.jpg"},
{"src":"http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12227263_12227263_1441518060703_mthumb.jpg"}
];
function rnd(n,m){
return Math.round(Math.random()*(m-n)+n);
}
function makeArray(arg){
var ary=[];
if('getComputedStyle' in window){
ary=Array.prototype.slice.call(arg);
}else{
for(var i=0; i<arg.length; i++){
ary.push(arg[i])
}
}
return ary;
}
function win(attr){
return document.documentElement[attr]||document.body[attr];
}
//1.动态创建1个li,li的宽度不管,高度随机,内容是img;
function createLi(){
var oLi=document.createElement('li');
oLi.style.height=rnd(100,300)+'px';
oLi.innerHTML='<img realImg="'+data[rnd(0,9)].src+'" alt=""/>';
return oLi;
}
//2.创建50个li,每次都插入最短的ul
function li50(){
for(var i=0; i<50; i++){
var oLi=createLi();
var ary=makeArray(aUl);
ary.sort(function(a,b){
return a.offsetHeight- b.offsetHeight;
});
ary[0].appendChild(oLi);
}
}
li50();
showImg();
window.onscroll=function(){
var scrollBottom=win('scrollTop')+win('clientHeight');
showImg();//延迟加载图片,只要图片进入可视区,才显示图片
if(scrollBottom>=win("scrollHeight")){
li50();//不管是否进入可视区,只要满足条件,都会动态创建50个;
}
};
function showImg(){
var scrollBottom=win('scrollTop')+win('clientHeight');
for(var i=0; i<aLi.length; i++){
var imgPos=aLi[i].offsetTop+aLi[i].offsetHeight;
if(imgPos<scrollBottom){
aImg[i].src=aImg[i].getAttribute('realImg');
aImg[i].parentNode.style.height='auto';
}
}
}
</script>
</body>
</html>
九、跑马灯效果
实现原理:将图片复制一份放到第一份图片后面;第一份图片从显示区左边界跑出多少、第二份图片就从显示区右边界跑入多少;第一份图片完全跑出显示区时,第二份图片则完全跑入显示区。此时瞬间切换至轮播开始时的状态。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
list-style: none;
}
div{
position: relative;
width: 800px;
height: 200px;
border: 5px solid lightgreen;
margin:10px auto;
overflow: hidden;
}
div ul{
position: absolute;
left:0;
top:0;
}
div ul li{
width: 200px;
height: 200px;
float: left;
}
div ul li img{
width:100%;
height: 100%;
}
</style>
</head>
<body>
<div id="div1">
<ul>
<li><img src="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517838828_mthumb.jpg" alt=""/></li>
<li><img src="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517841171_mthumb.jpg" alt=""/></li>
<li><img src="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517843343_mthumb.jpg" alt=""/></li>
<li><img src="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1509/06/c5/12226915_12226915_1441517845828_mthumb.jpg" alt=""/></li>
</ul>
</div>
<script>
var oUl=document.getElementsByTagName('ul')[0];
var lis=oUl.getElementsByTagName('li');
oUl.innerHTML+=oUl.innerHTML;
oUl.style.width=lis.length*lis[0].offsetWidth+'px';
var left=null;
var timer=setInterval(function(){
left-=3;
if(left<-oUl.offsetWidth/2){
left=0;
}
oUl.style.left=left+'px'
},20)
</script>
</body>
</html>
十、卷轴展开效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>诏书</title>
<style>
* {
margin: 0;
padding: 0;
}
#animate {
margin: 50px auto;
width: 660px;
height: 500px;
position: relative;
overflow: hidden;
transform: scale(2);
display: none; /* 初始隐藏诏书 */
}
#back {
width: 660px;
height: 200px;
position: absolute;
left: 40px;
top: 100px;
line-height: 50px;
padding: 74px 50px 100px 70px;
writing-mode: vertical-lr;
text-orientation: upright;
word-break: break-all;
z-index: 9;
}
#content {
margin-bottom: 3px;
font-size: 18px;
font-family: '楷体';
}
#right {
position: absolute;
width: 38px;
height: 316px;
top: 108px;
z-index: 99;
}
#mask {
position: absolute;
width: 600px;
height: 500px;
background: #fff;
z-index: 999;
}
#textarea {
position: fixed;
bottom: 120px;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 600px;
height: 100px;
padding: 10px;
font-size: 16px;
z-index: 999;
}
form {
position: fixed;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(255, 255, 255, 0.8);
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
z-index: 999;
}
form label {
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
}
form input[type="radio"] {
margin-right: 5px;
}
#showButton {
position: fixed;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
padding: 10px 20px;
font-size: 18px;
cursor: pointer;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
z-index: 999;
}
#showButton:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<textarea id="textarea"></textarea>
<div id="animate">
<div id="back">
<div id="content">
</div>
</div>
<div id="right"></div>
<div id="mask"></div>
</div>
<form>
<input type="radio" id="option1" name="option" value="option1" checked>
<label for="option1">抗战宣言</label>
<input type="radio" id="option2" name="option" value="option2">
<label for="option2">封郭子仪诏</label>
<input type="radio" id="option3" name="option" value="option3">
<label for="option3">封曹操诏</label>
<input type="radio" id="option4" name="option" value="option4">
<label for="option4">自定义诏书</label>
</form>
<button id="showButton">生成诏书</button>
</body>
</html>
<script>
//常量配置
const config = {
duration: 20, //动画间隔时间(毫秒)
step: 10, //每次移动的像素
endPosition: 576 //结束位置(像素)
};
//单选文本
const radioTexts = {
option1: "若战端一开,则地无分南北,年无分老幼,无论何人,皆有守土抗战之责任,皆应抱定牺牲一切之决心。\n民国二十六年七月十七日,蒋介石发表《抗战宣言》,标志着中国全面抗战开始。",
option2: "奉天承运\n郭子仪屡建奇功,镇边则胡马不敢南牧,临阵则将士莫不奋勇。今封尔为河北节度使,领范阳成德魏博三镇兵马,加辅国大将军,望竭忠尽智,以卫社稷。\n钦此。",
option3: "奉天承运\n曹操辅政经年,勋劳卓著,定社稷安黎元,功盖当世。今封魏王、拜丞相、加九锡,许剑履上殿、入朝不趋、参拜不名。望勉持忠谨,辅朕治世,永固皇基。\n钦此。",
option4: "" //自定义
};
let animationInterval = null; //存储定时器
let showButton = document.getElementById('showButton');
let animateDiv = document.getElementById('animate');
let textarea = document.getElementById('textarea');
let contentDiv = document.getElementById('content');
const radioOptions = document.querySelectorAll('input[name="option"]');
textarea.value = radioTexts.option1;//初始化文本框内容为第一个选项的内容
//----以上初始化,以下手动操作----
//单选点击
radioOptions.forEach(radio => {
radio.addEventListener('change', function() {
textarea.value = radioTexts[this.value];
});
});
//按钮点击
showButton.addEventListener('click', function() {
contentDiv.innerHTML = textarea.value.replace(/\n/g, '<br>');
const all = getImg();
const back = document.getElementById('back');
const right = document.getElementById('right');
const mask = document.getElementById('mask');
back.style.background = all.back;
right.style.background = all.right;
right.style.backgroundSize = 'contain';
animateElements(right, mask); //启动动画
animateDiv.style.display = 'block';
});
//定义动画
function animateElements(right, mask) {
if (animationInterval) clearInterval(animationInterval);
//设置初始位置
right.style.left = '54px';
mask.style.left = '90px';
//创建新定时器
animationInterval = setInterval(() => {
const rightLeft = parseFloat(getComputedStyle(right).left);
if (rightLeft >= config.endPosition) {
clearInterval(animationInterval); //停止动画
animationInterval = null;
return;
}
//更新位置
right.style.left = (rightLeft + config.step) + 'px';
mask.style.left = (parseFloat(mask.style.left) + config.step) + 'px';
}, config.duration);
}
function getImg() {
return {
back: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkwAAAFbCAIAAACoPUYqAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nOy927MmuXEn9ssEquq7nHO6+3Sz58YZiZIlkVpHrO2IffGrw+Hw/qmOcMSGH/xoO+yH1a4YlCiR1JCjubNnpu99Lt+lCshMPwCoqu9yunvImSGHqpxvqutUoRJZAAo/ZCITIDPDRBNNNNFEE31P6SYQIwDw30m29K3lMtFEE0000UQFcw7Q5muB3NfS+V6SmF7Ja0LFiSaaaKLvI71e335DqhuA6lWZ0cDP9h9/Ncj19kx6Sd59BmQHl8a087xhX9+j0a0J5yaaaKKJvl90E8K9GrzGE2f2crw5yMxehhgvA7mD6To7boPcfy3buTrcJVASxQxkuy8FgAxGfdIJ5yaaaKKJvk/0EhXH7BC27OB0D2Bew3Y4qGA3IsYByNlITsOuVHuvsMtx0Mss3xnkppw+gRjRUeAdtMEJ4SaaaKKJvp+0o+X0yo6NbXUGs311CHt6D42ON2cDwHrEMBDlW6PnRiBnJUvLRzqGxyMFbpQ+SZxYE0AEpqyzqUAERnAOxDkFsYEyLzoCozRB3EQTTTTR95N6tBrNSdlOv04GU5jBNKdIOGLFXkg0/FCOPacCUgDALiczgyoAMI1RroBcEqpH15xZjzkYnYzMlCmNKlSzxERwDs4BDBAoQkJcb9Ssns3hvBkMbOyM2IgBzoos7UL2hHYTTTTRRN83GntaDHNSZugnozJcEcigESIwzalVIQlNAGYww3mwAzOIC5JhAB3VkqaofRphBvJj5NjT5Ho1rge5HvxKGiJ4BwAiCJ1ut23bhtCpCBN55tp77xy8A8EkRhUxY++hFZjIoDATGANMRma2g28DjObSmlBuookmmuh7QkW/yooZ0E97menIoURhAgnYbkO7DV0XQpAoEsVUoUbJ7kdcVfVsNq+aGeoavgJ7EEFt4KuabYQJLA8Uo0PHExupkLuWU1HEAGbwHAR0bbi6fPrkycWL59fX1xJjVfna+do7x0wEhUWV2XJ+7/792exW1k+JnFk0MQVlabif+6Me3l4dZTDRRBNNNNEfI409NIABUFSVTQkCKAgI3XZ19eLZ06ePH19dXYUuqAgUqqohxhhjF2az+b1798/vnJ+d3To9OeXFAr4GAO9R1yBC1+XZOGZUFZj3PFpGINc7s9DIdEljtFOYog1Yb8J2c/HixbPnz548fnx5edFuNwDm81lTV7V3BKhKVBHT+XIRus3J2W1fN81icXJ2m+o5JfdK4jxJB05Cku1KMtFEE0000feNKGl0GeeUzAhKpmRqGjQG6TbtZnV9efH86ZMXT5+8ePZss16rKIEq7wmkUUIX2rZ17NfXV08fPWya2cny5Nat27fObp2e3fKnp3AMeMSQTYwJ4bCPIH4s1Mg0mBRNzcAGo+Ry4h1Wq68+/+2DBw8ePHjw/NnT9WZtqnVTLeZzliXPZqicqbbdNkgQ0xcv7MGDT11V1/PlG2++/dc/+dvTuxUpEQHGxTHGsrEVVqCOJjvlRBNNNNH3jChPb1E5AQaEIyhUJLbPnz355MMPvvj8s6ePHrabdeW48lXtq3kyTTYzx05Ftm23Xq1fPH382ccfXV5cMbu753fffffPfvyTn7z9w3crJjQzqGY17phutKPJjeMNLANPslUqoAST9ebq8dNHn/72o9988Nlnnz1+/Gi73dR1vVwuGj6rl/NF5RdNVVVONKoghBDa9np9/fzioo1S1bPHD7/abjfvvPeju2+8NT+9TQnkKJkmy7SkGSgh3oRyE0000UTfLxqHkBmlY8I5KJmuVpdffP7p5x9/+NG//ubhFw+uL1+w2e2z09tntxanp8umurWcLxYL73yMsl6v43YbtuuLZ08fPXrcdeHpo4eXL1507fby8uKdd9+7ffcez+doGjCBCCpgBwWQV0GxY3NyZICqZaVqUPDsyeOH//X/+X9//Q//9MWnn11cvFDT09PTH77z9vnZ8vzO2fn5nbv3zk9OllXlQugur+rnF3gatmG7unz+9PJ6FRWff/bpL37xz//N3/zt//S//Me/+KuT7DBjKeYgox2hx7mJJppooom+Z1SWvbIy1aVsSpaMgvL00cP/7//+v97/1T+vry6kayum5byBzCq2W8v5vdunt2+fzWYzGLbbbbtWRqwdlrPqztny+nq1XV998uFvHvz2s3c+eO+/+x/+w1//+G/fevc9N1+gquEYIQICdiA2ImOA4AuGZRdMSjqVUYrdUzMV2W5WqxfPP3z/X37+s59+8PN/unr2TCQuFouTuWcLFUnF2jjMPM0rrmsfnWmothvvoZBA0sV2s960q832etNeX1/fvXtXRN54+4ent865AhxUCUREDObX0OG+vSm7bxZbv/upxUn+MU3yf12a5B/Tn4b836m+UKbDUhicQgWa3Uw21y8efPbpP/3spz/7+7/77OMPK0fLWX379KR2s9pR7ahiVIzGU+PYzAIUsbPQQlqHOKuoc7YO66urq+vV9vnz54ALEeD6HV/TbQ8wQgAIFcExYGnWzaPoatlGmObDQDBSVYmx3W6+/PLL9//55x/8w88+/vA315dPa6fNYnZ6ujydVxY3m+vn6wrXFc0b9og2n5kpJLBG0lgzThezGDqT0LXqLH714LP/8//4T5988un//L/+xx//5L9tHIPJohqxr2qiHCR+sy73rba8b9BM+gdxnpnkH7P67mmSf8zqu6dJ/jGrb5znKygvOkJ5hRCTqDGoBE9ws+rRFw/+0//+v/307/7zs0dfamjPlvNqUS9n9dlidrpoGk9hu9pcV928qWAGSLuN7Tpsrtv1VdhcaehIW7aOtDPZPn3y8Gc//enFZQtqjN075Ph0qTEosXcezvoYtCPmSgIzOYWZynbTPnv67JOPPvn5z/7xo1/804uHX9L2ej6rZ1Uzr1A70W69XfHKofF0MvO1M0hn0M1m3a6u4naN2FVkNcOZkEbScH2xfvLkSRR5990fniwWb7/7Z/Oz26RG7CkV0cuqxEbHb4O+qTXFvm05b6JJ/kST/L8bTfIn+lOS/ztdJ7HYBVP0tzIUJu1mvXl89Zt/+eUvfv4P//rrX7HFRe2tcazRQRwJW7TYxZa2K7eqvbZbANvNNmxW0m2020i3kXYbu5WGtemWEdvt+qvVl4b57Tv3m/lieXrrfD4nMLNDv1oXmdnRBZqJ2REBKnG9Wn/+2ee/fv/X7//Lr7765JOqWy0hpBESNLbSucjoNliRNp43J/OmcohdjPHF5cXF5cX66rJdr7vNOmw30rUWOkgkjax68fTxz/7+v5jZ/1hV784adnUJJ9hrWNPc3EQTTTTR94hyH85McOzIP/3q+U//69/948/+vl1fny7msV07GGnU0IXtZruq1gSv6pfaMp5LvHSOQDFK13YmgUwgod1cb1dX281KQ1t5p+bjBhcvLn75i19V8/kP//zPzt98g+Yz8j6LkMHd/IFgSToiQQjhxYsXn3zy8Qcf/Oazzz+9fvr47sxzRTBViTGE0LUEMOCI1/X1i6fPYttWdSUiq9XqenW9Wq8269V2s+k229B2EqJG0RBDG54/e/rBr9+fLxZ/9qM/v31+5/TOXVQOjNcYPU0xdBNNNNFEf8xkMDNRUgXs+ury/V/98v1f/vLq4oJhjohhEJGua9frDRPHiBA0hLjZbnzFzgFQ0Rjiar3eXF+323XsOo2RVBnGZgQ4x23Xfv7gt2d373z11VdvvvvOSeVRVXu79hzV5ADA1LabzdMnjz/88IOPPvrg+dOn2qrVQuQLyHUtwUQYmDXNdr35qv3SOfbOMTMzt6G7Xl2t1utNu91utmHbxq7TEEPbrq5UV5dR7M7du5998vH9N944vX0brgIAKMDHSm1na4OJJppooon++KhfA1K7roWEirFerb768ssHv/1tu7pCbGsmVzFUY9duV8QS4mbdrq7XzeViNl8ul1VVA+hCWK/W16vV9dV117UAau+1qU1l2waJXFVzFb66un748OFnn39+/523flhXC+/BDq5fo9lu3E8uxri6vn7y5MlvP//80cOHarFp4B0TAFNTiaEjM5PIRG1dm0iMYqpE5J2r6kpU15v1pt1su65ru9h20kWNEWqOoILtevX44Ve/ef9f7tw9v//2W6en570x90CcaRGUiSaaaKI/ctqZy2SiTds+u3j+288/e/TVV5fPn5OEis057wBLmpwpdW30rqvr0MzCbNNtNs57gGKMm+12s9luNmsRcc6pGVTIjMxgKiIhxi50F5cXn3766f2337x97+7i1q3sol8WyrwB5Axd215dXj5/+uTJo0eb1fXt09MTXjaxIw1mpiJCBDMVR0ZMXFX1zkYJMDETkSChCzF0XeyiRjWxyvnbZxyMgtnFxcXPf/6P1Xz2o7/+69N7b8A3oOpmPJvm5yaaaKKJvg/kXDWfXzx/+qtf/fLn//jzJ48fS4zzys88+zQxpSrBggiYApE20YMgur5ead59jphZVWFQ0a7rYpQYo6hU3nWK9fpyEyviug2bTz756N6b9/7qx39TNnQbyB9xvDHAbLNef/Xll18+eHD5/HnYbt1s6YlF4jZ0CnOOfYiOHRO1bWi7wOxUlADHDLMQopkRs8FClE6kExERExCY2BFIJF5fr9sHX7zx4MHl1RViBHs4D+jOhj7fOraN+dtIa3xpvjcmsYOTl6T5RmiS//AGJvlfmyb5D2/gT0j+Mc+b8j3G4PWS35jYDKpXV9cff/zpRx9/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EYgq5apmX5FzIDZmJTZ25hy8JyLt2g02a/gGVQP2cEyAFpS1hA/HttoBDFABjGYNQtD1tYWNoyAS2u06hLaqeDZDVTtibbvNenO13iyuV5dX1y9mDbumQcMO7GtjL+BO0Spao87Xdno2X540It16fb3YrE8WS8zmMNNtECNXNeTcYTGajbQ8GtWrHaucfP9YVRyvSzvezl5nfER9fuOTvpDHyfor9mrmNzWjSf4jGU3yH2V7g6THr07y409XfgOObV/2Ovz3ZDz6IO0nTPgCgnPExMQOaoAgbNebqxC2i2VzerZkiYrQhU3Upp752aImZ4YAErDCeapd0/jZrGrmvpm5qnZVIDB5D1+xmVxdX7x49mQRrT7xOF1iNqfADrTreDLsDL4rNDPYAYptfP7s6dWLh2F79dWDTx49+mq1viLS2QyLRbNYzpYns/mi9jUTa9QuSOuMQDBrFR1X4hurGvO1URvJiatMtH367NHJV3eoqrlqFvMFXMUgBciGQqKdhtUXLFHfGmznxlDc1gPhQT0d/5NubGevJNvPeOdL2GlzKdWh0DewfWWjnOSf5J/kn+R/tfypt3wNnsNr3nD36K19XE4AawQCO2KDCtqo66tnj7749KMPPvv8483mKiEZMbEnX3E980lrUouiwWuAA0icR924k5P56elis7kOstVtVItd2Dx99vj99//lcr0+O3/j/pt/8cM/b3BrAe8Bt1dVNzieEAEeErarq88+++Tjf/3FF59/9OThg6sXj68unorFZk6ntxY/uH/nnbffPL9792S5PD2b140zihI2pnG7Wbdx7Sqbn/hlV29idd1Ct13Xdc+eP/noow9asU4BX797esbNAk3jjWGwYpu2vfLL5Z+mFPvGdzCKuGm4sXf1a41i9uklzcWONbJx5q9t1t9rcDd+Ib8DTfJP8r+awc00yf/9lP8lD415fh2Q3XskHTLCgYAKALiN3frxoy8+fP+XP/sv//nBxx+G1bXTuGzqk3p5cjY/OVtUjSNnYFWEEDc+MFBBVC1UNd+6fXL33q02rLu4abv1pg3buL3arD7/8ouz83s/eOu9v/rxf/8faPbejxa0vIPKJZNl//43mCsJgKYiM40htOv1Vdetq4rObi9mMzRV9YO7d+794Pa9+3fu3LnVNM1i2fjK1EIXO4lx223EumrGJ2cz41NUhIrrRTNf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") no-repeat',
right: 'url(data:image/png;base64,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) no-repeat ',
}
}
</script>
十一、“几”字形选项卡
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width:612px;
border:2px red solid;
margin: 0 auto;
}
ul{
overflow: hidden;
}
li{
list-style: none;
background:red;
float: left;
width: 200px;
height: 30px;
line-height: 30px;
text-align: center;
border: 2px solid orange;
}
li.on{
background: green;
border-bottom: none;/*让该卡头的下边框为“none”*/
height: 32px;/*卡头的内容高度设置为:原内容的高度+卡头下边框的宽度。*/
}
.box div{
background:green;
display: none;
width:612px;
height:200px;
font-size: 30px;
border-top: none;/*在开始写样式时,就把展示区上边框设置成“none”*/
}
.box div.on{
display: block;
}
</style>
</head>
<body>
<div class="box" id="box">
<ul>
<li>中国</li>
<li class="on">日本</li>
<li>韩国</li>
</ul>
<div>中国是老大</div>
<div class="on">日本是老二</div>
<div>韩国是老三</div>
</div>
<script>
var box = document.getElementById('box');
var ul = document.getElementsByTagName('ul')[0];
var lis = box.getElementsByTagName('li');
var divs = box.getElementsByTagName('div');
for(var i=0;i<lis.length;i++){
lis[i].qiancheng = i;
lis[i].onmouseover = function(){
for(var j=0;j<lis.length;j++){
lis[j].className = '';
divs[j].className = '';
}
this.className = 'on';
divs[this.qiancheng].className = 'on';
}
}
ul.onmouseout=function () {
for(var j=0;j<lis.length;j++){
if(j===1){
lis[j].className = 'on';
divs[lis[j].qiancheng].className = 'on';
continue;
}
lis[j].className = '';
divs[j].className = '';
}
}
</script>
</body>
</html>
十二、胶卷式动画放映
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>胶卷式动画放映</title>
<style type="text/css" id="style1">
* {
margin: 0;
padding: 0;
font-family:"楷体"
}
body{
background: black;
}
#wrap {
width: 150px;
height: 120px;
margin: 200px auto;
perspective: 2000px;
}
#wrap ul {
width: 100%;
height: 100%;
transform-style: preserve-3d;
animation: move 12s 3.2s infinite ;
}
#wrap ul li {
top: 0;
left: 0;
position: absolute;
width: 148px;
height: 118px;
line-height: 118px;
text-align: center;
font-size: 118px;
background: grey;
border: 1px solid #ccc;
box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2);
border-radius: 5px;
overflow: hidden;
}
.shadow{
width: 1200px;
height: 1200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -600px;
margin-top: -600px;
background: radial-gradient(600px 600px at center,rgba(50,50,50,0.8),rgba(0,0,0,0));
transform: rotateX(90deg) translateZ(-150px);
}
</style>
</head>
<body>
<div id="wrap">
<ul>
<li>!</li>
<li>师</li>
<li>程</li>
<li>工</li>
<li>端</li>
<li>前</li>
<li>的</li>
<li>秀</li>
<li>优</li>
<li>最</li>
<li>上</li>
<li>史</li>
<li>历</li>
<li>类</li>
<li>人</li>
<li>是</li>
<li>成</li>
<li>钱</li>
</ul>
<div class="shadow"></div>
</div>
</body>
</html>
<script>
var isFlag = true;
//querySelector,返回与指定CSS选择器相匹配的第一个元素
//querySelectorAll,返回与指定CSS选择器匹配的所有元素
if(isFlag){
var oLis = document.querySelectorAll("#wrap li");
var oStyle = document.querySelector("#style1");
var len = oLis.length;
var aaa = null;
//以下,定义过渡,插入到style标签里,只使用1次
for (var i = 1; i <= len; i++) {
(function (i) {
window.setTimeout(function () {
oStyle.innerHTML +=
"#wrap ul li:nth-child(" + i + "){" +
"transform: rotateY(" + (len-i)*(360/len) + "deg) translateZ(500px);" +
"transition: 0.7s;" +
"transition-delay:" + i*0.1 + "s" +
"}"
}, 100);
})(i);
}
//以下,定义动画帧,插入到style标签里,循环使用无数次
for (i = 0; i <= len; i++) {
aaa += (100/len)*i + "%{transform: rotateY(" + (-360/len)*i + "deg);}";
}
oStyle.innerHTML += "@keyframes move {" + aaa + "}";
}else{
var oLis = document.querySelectorAll("#wrap li");
var oStyle = document.getElementsByTagName("style")[0];
var len = oLis.length;
var aaa = null;
//以下,定义过渡,插入到style标签里,只使用1次
for (var i = 1; i <= len; i++) {
(function (i) {
window.setTimeout(function () {
document.styleSheets[0].insertRule(
"#wrap ul li:nth-child(" + i + "){" +
"transform: rotateY(" + (len-i)*(360/len) + "deg) translateZ(500px);" +
"transition: 0.7s;" +
"transition-delay:" + i*0.1 + "s" +
"}"
)
}, 100);
})(i);
}
//以下,定义动画帧,插入到style标签里,循环使用无数次
for (i = 0; i <= len; i++) {
aaa += (100/len)*i + "%{transform: rotateY(" + (-360/len)*i + "deg);}";
}
oStyle.innerHTML += "@keyframes move {" + aaa + "}";
}
</script>
十三、放大镜
原理:左边阴影在左边图片上从左到右移动的时候,右边大框也在右边大图片上从左到右移动(尽管在视觉、原理和代码上是相反的);所谓放大,其实就是一张原本就很小的图对应一张原本就很大的图。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
}
.small{
width: 400px;
height: 400px;
position: relative;
background: url(https://www.skywalking.pro/download/images/animal-platform/WX20220812-094850@2x.png) no-repeat center;
border: 1px solid #ccc;
background-size: contain;
}
.small .inner{
width: 100px;
height: 100px;
background: yellow;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
left:0;
top:0;
display: none;
}
.big{
width: 400px;
height: 400px;
position: absolute;
left:410px;
top:0;
overflow: hidden;
border: 1px solid #ccc;
display: none;
}
.big img{
width: 200%;
height: 200%;
position: absolute;
left:0;
top:0;
}
</style>
</head>
<body>
<div id="small" class="small">
<div class="inner"></div>
</div>
<div id="big" class="big">
<img src="https://www.skywalking.pro/download/images/animal-platform/WX20220812-094850@2x.png" alt=""/>
</div>
<script>
var small = document.getElementById("small");
var inner = small.getElementsByTagName("div")[0];
var big = document.getElementById("big");
var img = big.getElementsByTagName("img")[0];
//当鼠标移入small的时候,inner和big显示
small.onmouseover = function () {
big.style.display = "block";
inner.style.display = "block";
};
//当鼠标在small移动的时候:1)鼠标在inner的中间 2)inner跟随鼠标移动
small.onmousemove = function (e) {
e = e || window.event;
var left = e.clientX - this.offsetLeft - inner.offsetWidth / 2;
var top = e.clientY - this.offsetTop - inner.offsetHeight / 2;
if (left <= 0) {
left = 0;
} else if (left >= this.offsetWidth - inner.offsetWidth) {
left = this.offsetWidth - inner.offsetWidth;
}
if (top <= 0) {
top = 0;
} else if (top >= this.offsetHeight - inner.offsetHeight) {
top = this.offsetHeight - inner.offsetHeight;
}
inner.style.left = left + "px";
inner.style.top = top + "px";
//当inner移动的时候,大图跟着一起移动,并且,大图和inner移动的方向相反;
//或者理解为:左边阴影在图片上从左到右移动的时候,右边大框也在大图片上从左到右移动(尽管视觉上是相反的)。
img.style.left =
(left / (small.offsetWidth - inner.offsetWidth)) *
(big.offsetWidth - img.offsetWidth) +
"px";
img.style.top =
(top / (small.offsetHeight - inner.offsetHeight)) *
(big.offsetHeight - img.offsetHeight) +
"px";
};
//当鼠标移出的时候,inner和big隐藏;
small.onmouseout = function () {
big.style.display = "none";
inner.style.display = "none";
};
</script>
</body>
</html>