2024 年 11月 27 日随笔档案 - joken1310

前端this的几种指向示例

摘要： // 1. 普通函数中的this function normalFunction() { console.log('普通函数this指向:', this); } // 在非严格模式下，this指向window normalFunction(); // window // 严格模式下，this指向un 阅读全文

posted @ 2024-11-27 22:39 joken1310 阅读(19) 评论(0) 推荐(0)

前端 MutationObserver api来监听dom变化劫持获取变化信息

摘要： MutationObserver 是一个强大的 API，用于监测 DOM 的变化。它可以监听节点的添加、删除、属性变化等操作，并在这些变化发生时执行指定的回调函数。以下是 MutationObserver 的基本用法和示例。 1. 创建 MutationObserver 首先，创建一个 Mutati 阅读全文

posted @ 2024-11-27 22:25 joken1310 阅读(467) 评论(0) 推荐(0)

前端html img 请求的时候header请求头带token实现参考

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width 阅读全文

posted @ 2024-11-27 22:19 joken1310 阅读(551) 评论(0) 推荐(0)

前端Shadow DOM 使用，Shadow DOM教程，Shadow DOM 作用

摘要： Shadow DOM 是 Web Components 的一部分，允许开发者将一个元素的内部结构和样式封装在一个独立的 DOM 中，从而避免与外部页面的其他样式和脚本发生冲突。以下是 Shadow DOM 的基本概念和用法： 1. 基础概念封装性：Shadow DOM 提供了样式和内容的封装，只有阅读全文

posted @ 2024-11-27 22:09 joken1310 阅读(600) 评论(0) 推荐(0)

前端html自定义元素,拓展元素

摘要：拓展基础元素功能用法 is使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico"> <meta name="viewport" content="wi 阅读全文

posted @ 2024-11-27 22:07 joken1310 阅读(74) 评论(0) 推荐(0)

joken-前端工程师