-
使用HTML构建菜单结构，CSS设置样式并隐藏子菜单，JavaScript通过事件监听实现点击展开与收起功能，结合classList和过渡效果可提升交互体验。
-
内联样式优先级最高（权值1000），会覆盖其他CSS规则；可通过开发者工具识别element.style，用CSS变量或class替代实现安全覆盖。
-
color+@keyframes可行但需注意兼容性、颜色格式统一及正确触发；推荐用rgb()/hsl()、避免中文/缩写色值，加animation-fill-mode和will-change优化，移动端慎用无限动画。
-
使用border-radius可实现元素圆角效果，基础语法为设置统一半径，如.box{border-radius:10px;}，也可用%创建圆形头像；支持分别控制四个角，按顺时针顺序赋值或使用命名属性；通过斜杠/分隔可设置椭圆圆角，如20px/10px；实用技巧包括与overflow:hidden配合裁剪内容、用transition实现悬停动画，且值过大时浏览器会自动限制。
-
JavaScript自动完成需优化匹配逻辑与交互节奏：避免全量遍历和频繁请求；中文场景须支持拼音、模糊音等，推荐js-pinyin或flexsearch；用防抖、索引缓存、AbortController提升性能；match()适合高亮，search()适合存在性判断；移动端需用fixed+transform避遮挡；输入法状态机处理composition事件是关键。
-
MomentJS解析日期字符串时推荐使用ISO格式或显式指定格式，避免自动解析歧义。1.可自动解析常见格式如ISO8601（moment("2024-01-15")）；2.建议用moment(string,format)明确格式以防止错误；3.总是调用isValid()检查解析结果有效性，确保数据准确。
-
网页主体内容由<body>标签定义，所有用户可见和可交互的内容都必须放在该标签内；1.它是网页内容的直接载体，浏览器从这里开始渲染页面；2.最佳实践包括使用HTML5语义化标签（如<header>、<nav>、<main>等）和结构化内容层级；3.它能承载CSS样式布局、JavaScript交互控制以及现代前端框架的动态渲染，是实现响应式设计、动画效果和单页应用的核心容器，没有它网页将无法呈现任何实际内容。
-
图片浮动时下方出现间隙的本质是其作为行内元素默认对齐基线。解决方法有三：一是设display:block;使其变为块级元素；二是用vertical-align:top/middle/bottom调整对齐方式；三是检查并调整父容器line-height或font-size。
-
使用typeof可判断基本类型，但null会误判为"object"；Object.prototype.toString能精确识别所有内置类型；instanceof适用于检测自定义对象和继承关系；综合策略是先用typeof处理原始类型，再用toString细分对象类型，结合instanceof和null的特殊判断实现精准类型检测。
-
HTML中使用<a>标签创建超链接：1.基础文本链接通过href指定URL；2.图片链接将<img>嵌入<a>内；3.页面内锚点用id与#组合；4.新标签页打开需加target="_blank"及rel="noopenernoreferrer"；5.用CSS移除下划线并自定义样式。
-
防范XSS需实施输入验证、输出编码并启用CSP；抵御CSRF应使用Anti-CSRFToken、校验Referer/Origin头及设置SameSiteCookie属性，结合多层防护与定期测试可有效提升Web应用安全性。
-
真正可控且可比较的排序方法是传入比较函数的Array.prototype.sort()；不传参则按字符串Unicode排序，数值场景错误；(a,b)=>a-b用于数字升序，(a,b)=>b.localeCompare(a)用于多语言字符串降序，避免漏掉相等分支。
-
新手学CSS应先掌握布局和文本两大核心：布局聚焦盒子模型（display、width/height、margin/padding、position、flex）、文本侧重可读性控制（color、font-family、font-size/line-height、text-align等），配合实用技巧与动手实践。
-
Webpack是通用模块打包器，需手动配置loader/plugin构建bundle；Vite基于原生ESM按需编译，开箱即用、启动快、HMR精准，生产默认Rollup分包，二者核心思维与适用场景根本不同。
-
原生input[type="range"]不适合五星评分，应使用radio+label配合CSS:checked和兄弟选择器实现可点击选星；需添加ARIA语义、JS处理hover预览/值同步/移动端热区放大，并确保无障碍与跨端兼容。
