-
1、通过修改HTML标签和属性可调整按钮文本及标识；2、利用CSS设置颜色、尺寸、边框、圆角及悬停效果以优化外观；3、使用JavaScript绑定点击事件实现交互功能；4、内联样式适用于快速调试但不利于维护；5、通过JavaScript操作classList实现动态样式切换，如激活或禁用状态。
-
TypeScript是JavaScript的超集，所有合法JS代码都是合法TS代码，其核心价值在于类型系统与编译时检查，而非运行时能力；真正使用TS需主动定义interface/type、利用泛型、字面量类型等实现接口契约。
-
通过PerformanceAPI和埋点机制采集JS加载、执行耗时、内存、长任务及错误，结合navigator.sendBeacon上报，实现前端性能监控闭环。
-
可通过HTML与CSS组合实现图文叠加：一、绝对定位使文字覆盖图片；二、CSS背景图配合伪元素添加文字；三、figure/figcaption语义化结构（文字在图下）；四、canvas动态绘制文字。
-
MutationObserver是现代浏览器用于监听DOM变化的API，性能优于废弃的MutationEvents。通过构造函数创建实例并传入回调函数，可捕获节点增删、属性修改等变动。回调接收MutationRecord数组和观察器实例，每项记录包含变动类型、新增/删除节点、属性名及旧值等信息。调用observe()方法指定目标元素和配置项（如childList、subtree、attributes等）启动监听。适用于动态内容场景，如自动绑定事件、监控第三方脚本插入或单页应用内容更新。使用disconne
-
HTML5表单数据提交有五种方法：一、原生formsubmit；二、JavaScript调用submit()；三、FormData配合fetch；四、监听submit事件并序列化；五、禁用默认提交用AJAX模拟。
-
使用Flexbox的flex-grow或Grid的fr单位可实现子元素宽度自适应父元素，前者适用于一维布局按比例伸缩，后者适合二维布局精确划分空间。
-
JavaScript事件循环是单线程下协调同步代码、宏任务与微任务执行顺序的规则：callstack清空后一次性执行所有微任务，再取下一个宏任务。
-
一、使用style属性可直接为HTML元素设置内联CSS，如style="color:red;font-size:16px;"；二、多个元素可通过分别添加style属性实现独立样式；三、结合JavaScript可动态修改内联样式，如通过document.getElementById("demo").style.color="blue"实时改变颜色。
-
使用文本编辑器保存为HTM需手动添加.htm扩展名并选择“所有文件”类型；2.Word可直接另存为网页格式，注意选择“网页(*.htm;*.html)”并处理附加资源文件夹；3.浏览器中通过Ctrl+S将网页保存为仅HTML格式的.htm文件。关键在于正确设置扩展名与保存类型。
-
将HTML文件放入PhpStudy的www目录并启动Apache服务后，通过浏览器访问对应地址即可运行静态页面，适合测试包含JS、CSS或AJAX的网页，操作简单且无需配置PHP。
-
JavaScript执行上下文与变量提升是同一机制的两面：引擎在创建执行上下文时预处理声明（var/function），将其注入变量对象（VO）并初始化，而let/const仅声明不初始化（TDZ）。
-
透明文字效果可通过rgba()或hsla()设置颜色透明度，适用于整体变淡；若需文字透出背景图，则使用background-clip:text配合-webkit-text-fill-color:transparent实现镂空效果，常用于标题设计，注意添加-webkit-前缀以兼容旧版浏览器。
-
用match()提取数字需用/\d+/g匹配多位数，/\d+/g可提取"299"和"249"；带小数点数字用/\d+(?:.\d+)?/g提取"3.14"等；parseInt/parseFloat仅适用于开头为数字的字符串，且有进制和格式陷阱。
-
实现HTML页面内容居中显示的核心方法有三种：margin:auto、Flexbox和CSSGrid；2.margin:auto适用于块级元素的水平居中，需设置元素宽度且仅支持水平方向；3.Flexbox通过在父容器设置display:flex、justify-content:center和align-items:center，可同时实现水平和垂直居中，适合一维布局；4.CSSGrid通过display:grid和place-items:center属性，简洁实现二维居中，更适合复杂多维布局；5.对于同时
