-
HTML本身不支持学习提醒设置，必须由JavaScript配合浏览器API实现；HTML仅提供结构（如语义化select菜单），需通过requestPermission、setInterval/setTimeout及localStorage（需JSON序列化）等完成权限、定时与持久化逻辑。
-
color:transparent可实现文字视觉隐藏但内容仍存在，适用于创意设计如结合text-shadow或background-clip制作文字特效，但需注意可访问性与SEO影响，完全隐藏推荐使用display:none等替代方案。
-
配置JavaScript源映射需在构建工具中启用devtool选项，如Webpack的'eval-source-map'用于开发，'hidden-source-map'用于生产；生成的.map文件通过sourceMappingURL被浏览器加载，使开发者能在DevTools中调试原始代码；不同devtool类型在速度与精度间权衡，生产环境推荐将.map文件上传至Sentry等监控平台以保障安全。
-
直接清除浏览器默认边框并用border重绘，配合:focus和:hover实现状态反馈：先设outline:none、border:1pxsolid#ccc、background-color:#fff、box-sizing:border-box；聚焦时改border-color为#409eff并加box-shadow光晕，加transition动画；兼顾可访问性需设:focus-visible；微调border-radius:4px、padding:8px12px、font-size:14px/16px、
-
z-index不生效的主因是元素未设置定位属性（position为relative/absolute/fixed/sticky），且受层叠上下文限制；需确保目标元素定位、避免祖先意外创建层叠上下文，并按功能分层管理数值。
-
BOM检测操作系统最常用方法是解析navigator.userAgent字符串。1.使用正则表达式匹配userAgent中的关键字，如"Windows"、"Mac"、"Android"等；2.优先判断更具体的关键词以避免误判，如先判断iPad再判断Mac；3.结合navigator.platform获取平台信息作为辅助；4.利用新兴的navigator.userAgentDataAPI获取结构化数据，兼容性不足时回退userAgent。此外，navigator对象还可提供语言、网络状态、设备内存、地理位置
-
Vue.js中<component>配合is属性实现动态组件切换，支持绑定注册组件名字符串或组件定义对象，并可结合v-if控制渲染、<keep-alive>缓存状态，推荐用计算属性封装映射逻辑。
-
TypeScript通过类型注解和类型推断实现静态类型检查。开发者可显式标注变量、函数参数及返回值类型，如constage:number=25；同时编译器能根据初始值自动推断类型，如constcount=42被推断为number。两者结合提升代码安全与可维护性。
-
优酷收藏夹视频强制使用HTML5播放器且无法关闭，因自2021年起已全量下线Flash；可通过浏览器设置禁用自动播放，或排查网络、插件、MSE兼容性等问题解决加载异常。
-
浮动元素末尾塌陷的根源是父容器高度塌陷，而非单纯外边距问题；应优先用clearfix、overflow:hidden或改用flex/grid布局来治本，calc()和:nth-child仅属临时补救。
-
Materialize组件交互异常的最常见原因是JavaScript初始化未执行或资源未正确加载；需确保jQuery在MaterializeJS前加载、CSS在JS前引入，DOM就绪后调用M.AutoInit()或按需初始化，并验证HTML结构符合官方规范。
-
本文详解响应式字体适配的核心问题：未设置viewport元标签会导致移动设备强制缩放，使rem基准失真；通过添加正确的viewport声明并结合现代CSS技术（如clamp()、vw单位或媒体查询），可实现跨设备一致且优雅的字体缩放。
-
:active不生效主因是移动端300ms延迟、元素不可聚焦或样式被覆盖；应加touch-action:manipulation、tabindex，将:active置于:hover后，用transform替代颜色变化，并兼顾键盘操作。
-
background-clip是控制元素背景绘制区域边界的CSS属性，决定background-color和background-image在border-box、padding-box、content-box或text范围内渲染，仅影响背景显示范围，不改变盒模型或子元素样式。
-
CSS盒模型只有标准盒模型和IE盒模型两种，标准模型中width/height仅指内容区，总宽=content+padding+border；IE模型中width/height包含content、padding和border，内容区自动收缩；通过box-sizing属性切换：content-box为标准模型，border-box为IE模型。
