-
HTML本身没有函数，它是标记语言而非编程语言；所谓“HTML函数”实为JavaScript操作DOM的API方法，触控板适合结构编辑但无法高效处理JS逻辑、符号输入和快捷键操作。
-
HTML5项目经验需聚焦真实问题：如用<picture>+srcset实现多分辨率图片适配，设viewport解决iOS双击缩放并权衡可访问性，ServiceWorker+CacheAPI实现离线策略，Canvas/WebAudio性能优化及兼容性取舍。
-
JavaScript事件是交互的触发机制，需用addEventListener绑定并确保DOM就绪；阻止默认行为用e.preventDefault()；重复触发常因监听器重复添加，可用once选项或事件委托解决。
-
HTML中的“组件化”是开发者通过语义化标签、CSS作用域隔离和JS逻辑封装，人为构建可复用、可替换的结构单元；需遵循边界约束、命名规范与配置契约，以降低维护成本。
-
通过为数据属性定义setter，在赋值时自动触发图表重绘，实现响应式更新；需避免递归赋值，对深层变更可用Proxy或封装方法处理，纯JS场景下此方案轻量可控。
-
history.scrollRestoration='manual'仅禁用浏览器自动恢复滚动位置，不触发置顶；刷新后仍可能保留旧位置，需配合beforeunload和pageshow事件手动调用scrollTo(0,0)才能稳定回顶。
-
:where()可将选择器权重归零（0-0-0），是唯一原生降低CSS优先级的方案，适用于重置、默认样式及第三方库兼容场景，但需外层提权、避开伪元素与!important，且不兼容IE及旧版Safari。
-
hover:rotate-180不生效主因是inline元素不支持transform，需设inline-block或block；旋转中心偏移应配合origin-*类；动画卡顿需加transition-transform和will-change-transform；动态控制应改用条件class而非仅hover。
-
rem在浏览器缩放时表现“异常”是设计行为而非bug，因其基于根元素font-size计算，而缩放会直接放大整个渲染树，导致rem值同比例放大；推荐用clamp()或媒体查询动态设置htmlfont-size以提升可控性。
-
tabindex="-1"使元素可编程聚焦但不参与Tab顺序，不能替代disabled；disabled则彻底禁用交互、提交和焦点。
-
使用浏览器直接打开本地HTML文件，输入file:///路径即可运行JavaScript；2.推荐安装HTMLViewer等专用App进行实时预览和调试；3.对于AJAX等需同源策略的功能，应通过KSWEB等本地服务器运行；4.注意文件路径正确、语法无误，并避免file://协议加载外部资源。
-
按钮禁用状态加:disabled没反应，主因是目标元素非原生可禁用控件（如div/span），仅button/input/select/textarea支持disabled属性和:disabled伪类；应优先使用语义化原生按钮并正确设置disabled布尔属性。
-
grunt-contrib-cssmin仅压缩不合并，需搭配grunt-contrib-concat显式分离合并与压缩；其files写法会分别压缩再写入，不处理@import、顺序错乱及兼容性问题，易致线上样式异常。
-
download属性在IE和Safari中完全不支持，因WebKit/Trident内核未实现该特性；Chrome/Firefox仅支持同源URL且受MIME类型影响；跨域或预览型资源会失效；推荐fetch+Blob+createObjectURL方案并配合服务端Content-Disposition响应头。
-
HTML不是编程语言而是标记语言，核心是用语义化标签合理组织内容结构，需通过实操理解标签使用时机，而非死记语法；属性书写须规范，表单校验有边界，脚本加载策略影响DOM操作与性能。
