作用域

web components是一套浏览器原生的技术规范，用于创建可复用、封装良好的自定义html标签。它由三个核心规范组成：1. custom elements（自定义元素），允许开发者定义新的html标签并赋予其行为和生命周期回调；2. shadow dom（影子dom），提供独立的dom子树与样…

service worker实现离线缓存的核心在于理解其生命周期和fetch事件。1. 创建sw.js文件并注册：将service worker文件放在网站根目录，并在主页面中通过javascript注册；2. 监听install事件预缓存核心资源：安装时打开缓存空间并缓存html、css、js、图…

css变量通过var()函数定义和使用，提升样式维护效率与一致性。1. 定义变量：在:root或特定元素中使用–变量名语法定义；2. 引用变量：通过var(–变量名)在任意css值中引用；3. 设置回退值：var(–变量名, 默认值)用于应对未定义情况；4. 动态…

this在javascript中的指向取决于函数的调用方式，其动态性源于绑定规则。1.默认绑定：独立调用时，非严格模式下this指向全局对象，严格模式为undefined；2.隐式绑定：作为对象方法调用时指向该对象；3.显式绑定：通过call、apply或bind指定this；4.new绑定：构造函…

typeof 用于判断基本数据类型，返回字符串表示的类型；instanceof 用于判断对象是否是某个构造函数的实例，通过原型链查找。1. typeof 可识别基本类型如 “string”、”number”、”boolean”、…

module和nomodule属性用于实现javascript模块化与向后兼容。1. type=”module”脚本为现代浏览器提供es modules支持，默认异步加载并启用严格模式；2. nomodule属性确保旧浏览器加载兼容代码，避免语法错误；3. 实际开发中，mod…

javascript闭包是指内部函数能访问并记住其创建时的词法作用域，即使外部函数已执行完毕。1. 闭包通过保持对外部变量的引用，防止这些变量被垃圾回收，从而实现数据持久化；2. 它在内存管理上有潜在风险，如频繁创建或未及时释放可能导致内存泄漏，但现代引擎会优化仅保留必要变量；3. 常见应用场景包括…

html5的标签用于定义惰性html模板，其内容不会在页面加载时渲染或执行资源。使用它需要两步：1. 在html中定义模板结构；2. 用javascript克隆并插入dom实现激活。相比字符串拼接和隐藏元素方式，提升了性能和安全性。动态数据绑定通过javascript手动实现，常用于列表渲染等场景。…

z-index不生效的常见原因包括元素未定位、层叠上下文限制及z-index值相同。1. 元素必须设置position为relative、absolute、fixed或sticky，否则z-index无效；2. 不同层叠上下文中的元素，其堆叠顺序由各自上下文在父级中的层级决定，子级z-index再高…

事件绑定有两种主要方式：html内联绑定和addeventlistener添加监听器。1.使用onclick属性直接在html标签中绑定函数，适合小型项目但结构混乱；2.addeventlistener可添加多个同类型事件且分离结构与行为，推荐用于复杂项目。此外，onload或window.adde…