-
attr$="value"是CSS后缀匹配属性选择器，仅匹配属性完整值以指定字符串结尾的元素，不支持子串、正则，且默认不区分大小写。
-
使用CSS动画结合filter:blur()可实现流畅视觉过渡，如悬停清晰化或淡入效果。通过transition或@keyframes定义模糊到清晰的变化过程，常用于卡片悬停、内容浮现等场景。配合will-change和硬件加速优化性能，避免高值blur在大面积元素滥用，提升交互质感而不影响体验。
-
hosts文件是Windows系统中用于域名映射的无扩展名文件，位于C:\Windows\System32\drivers\etc\目录，通过管理员权限编辑可将自定义域名如mywebsite.local指向127.0.0.1，实现本地网站测试；需配合HTTP服务（如Python启动的本地服务器）在指定端口运行，确保CSS等资源正常加载，最终在浏览器通过http://mywebsite.local:8000访问验证，完成前端调试环境模拟。
-
border属于盒模型，增加元素尺寸并影响布局，而outline不占空间且不影响排列；2.border位于背景与外边距之间，outline绘制在边框外侧；3.border可单独设置四边样式，outline只能统一设置；4.outline具有可访问性功能，浏览器默认为聚焦元素添加outline以提示键盘用户，而border无此作用。两者应根据布局需求和用户体验合理选用。
-
contenteditable的优势包括浏览器原生支持、上手快、适合简单编辑场景；局限性包括跨浏览器行为不一致、复杂操作支持差、安全风险高。具体来说，1.优势：无需第三方库，快速实现基础编辑功能；2.局限：输出HTML不可控、难以处理撤销/重做等高级功能、易引入XSS攻击。针对常见挑战的解决方案包括：1.使用DOMPurify清理HTML；2.手动操作DOM以获得更高控制力；3.自建历史栈实现撤销/重做；4.拦截paste事件并规范化粘贴内容；5.管理光标选区提升交互体验。构建富文本编辑器还需考虑UI设计
-
WeakMap通过弱引用键解决内存泄漏问题，适用于关联对象私有数据、缓存和DOM状态管理，其键必须为对象且不可遍历，与Map的强引用和通用性形成对比，适合需生命周期同步的场景。
-
HTML5中实现对齐需正确使用CSS属性：text-align控制块内行内内容水平对齐；margin:0auto使定宽块级元素水平居中；Flexbox通过justify-content和align-items实现多维对齐；vertical-align用于行内/表格单元格垂直对齐；writing-mode结合text-align可处理垂直文本对齐。
-
JavaScript异步是解决单线程阻塞的关键机制，通过将耗时任务交由浏览器底层处理，主线程继续执行后续代码，并借助回调、Promise或await返回结果，确保页面响应性与并发能力。
-
HTML导航跳转主要通过a标签实现，1.页面间跳转使用href属性指定目标路径；2.页面内锚点跳转通过#加id定位；3.外部链接可添加target="_blank"在新窗口打开；4.返回顶部利用锚点指向页面顶部id，配合正确路径和id设置即可实现各类跳转。
-
JavaScript中this在函数调用时动态确定，指向执行上下文的“所有者”对象；普通调用非严格模式下指向全局对象，严格模式下为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层普通函数作用域的this；构造函数和class中this指向新实例。
-
Grid布局与浮动混用必然出问题，因Grid容器内float无效，而兄弟或嵌套浮动会干扰文档流，导致错位、塌陷；应分离职责：Grid管整体结构，浮动仅限隔离的局部上下文。
-
浏览器无法直接加载SCSS，必须先编译为CSS再通过link标签引入；推荐使用sass--watch实时编译，并确保HTML中href路径与输出CSS位置一致，构建工具如Vite可自动处理无需手动写link。
-
JavaScriptmock核心是拦截真实请求而非造假对象，分三类：全局重写fetch/XMLHttpRequest（开发调试）、msw基于ServiceWorker（推荐测试+开发）、axiosadapter（仅限axios项目），关键要保持mock与真实接口同步。
-
可通过浏览器开发者工具审查元素获取HTML结构，提取外部资源链接重建依赖，识别UI框架特征还原组件，分析媒体查询与弹性布局实现响应式设计。
-
<p>选择合适的测试框架并集成到CI流程中能显著提升前端代码质量与开发效率。首先根据项目类型选用Jest、Cypress、Playwright或Vitest等工具，如Jest适用于React/Vue的单元测试，Cypress和Playwright用于E2E测试。编写可维护的测试用例需合理组织目录结构，将测试文件置于tests目录或使用.test.js后缀，按功能模块划分，并用describe分组。通过Jest的--coverage生成覆盖率报告，确保逻辑覆盖。在GitHubActions等CI
