-
直接使用<inputtype="date">即可唤起系统日期选择器，但需满足两个条件：浏览器支持（Chrome/Firefox/Edge/Opera及Safari14.1+）且value必须为YYYY-MM-DD格式字符串，否则控件失效或降级为文本框。
-
image-set()未生效主因是浏览器支持不足，仅Safari18+和Chrome125+稳定支持；旧版Chrome需fallback至媒体查询方案。
-
最直接有效的方法是使用100vh或100dvh设置内容区高度，配合Flex/Grid布局实现垂直居中与自适应，并通过overflow-y:auto处理内容溢出。
-
用单个<audio>元素配合JavaScript实现播放列表：通过JS切换src或<source>并调用load()和play()，避免多<audio>浪费资源；注意iOS限制（如loop、volume不可JS设置）、preload策略及autoplay策略限制。
-
Axure导出的HTML不是真正可部署的网页，它依赖本地运行环境和Axure自带的JS库，不能直接扔到服务器上当网站用。导出时选错发布类型：误用“生成器”而非“HTML文件”Axure的导出菜单里有两个名字接近的选项：GenerateHTMLFiles和PreviewinBrowser（或某些版本叫GeneratePrototype）。前者才是生成静态HTML文件的正确路径；后者只是本地临时预览，生成的文件夹结构不完整、缺少data.js和axurerp.
-
CSS角度单位包括deg、rad、grad和turn四种：deg以360度为整圈，最常用；rad基于弧度制，适合高精度计算；grad将圆周分为400份，兼容欧洲工程标准；turn以完整旋转圈数为单位，语义清晰便于动画控制。
-
calc()中单位混用需满足量纲一致且上下文有参考基准，如10px+1em合法，而10px+20%在父尺寸未定义时可能失效；推荐用clamp()、媒体查询或em/rem替代复杂calc。
-
Chrome中HTML5问题需通过五步解决：一、更新至v132+确保基础支持；二、在chrome://flags启用WebGPU等实验功能；三、用chrome://gpu、chrome://media-internals及Console命令验证硬件加速与API就绪；四、在网站设置中授权相机、位置等权限；五、用开发者工具Network/Elements/Console排查资源加载与渲染异常。
-
flex-wrap不换行主因是父容器宽度不足或子项尺寸被锁死；gridauto-flow:dense不控制换行，换行由grid-template-columns与wrap配合实现；Flex换行属溢出补救，Grid换行属网格预分配。
-
使用CSS::before伪元素可灵活创建装饰线条。1.必须设置content:""并结合position、width、height和background等属性定义样式；2.示例中通过绝对定位与transform实现标题下居中短横线；3.扩展用渐变背景生成中间实两边透明的装饰线；4.多段线可用竖线框模拟，配合vertical-align确保与文字对齐。
-
手机分页控件挤成一团应改用媒体查询强制flex-direction:column、隐藏中间页码；iOSSafari点击无响应需设touch-action:auto；Chrome120+间距问题须重置gap并用margin-inline-end。
-
HTML5转APP启动页动画常不生效，因打包工具默认仅支持静态启动图，Web层在splash期间被挂起，需通过原生插件（如cordova-plugin-splashscreen）手动控制显隐时机，uni-app等则只能模拟伪动画。
-
能，Less的extend语法在编译时合并CSS规则，不生成额外DOM或class链；需写全选择器并加all才递归继承嵌套规则，不可跨文件未导入类引用，适用于无参样式归并而非动态逻辑。
-
JavaScript的解构赋值是一种语法糖，通过模式匹配机制从数组或对象中提取值并赋给变量。1.它分为数组解构和对象解构两种形式；2.支持跳过元素、设置默认值、结合剩余操作符等特性；3.可用于交换变量、函数参数处理及嵌套结构解析；4.提升代码可读性和简洁性，尤其在处理API响应和配置对象时效果显著；5.使用时需注意默认值仅对undefined生效、避免过度嵌套影响可读性，并合理结合其他ES6特性增强开发效率。
-
合理设置媒体查询断点应以内容驱动为主，参考768px、1024px、1200px等主流视口宽度，优先使用min-width实现移动优先，统一定义断点变量，避免混用max-width，并确保语法正确、viewport标签完备及特性兼容性。
