-
纯HTML无法生成可复用短链接，因其无存储、无服务端逻辑、无状态保持；所谓“HTML短链”实为前端界面配合localStorage或外部API的简易方案，仅限单机离线使用。
-
Grid兼容性需按特性分级处理：IE11仅支持-ms-grid旧语法且需手动换算行列索引，Safari9–10.1不支持gap和fr单位；应优先用@supports检测关键能力并外置降级样式，gap失效时用margin负值抵消。
-
HTML中渲染编辑历史应使用语义化<ol><li>结构，含<time>（ISO8601格式）、编辑人、摘要；版本对比入口用带ARIA属性的<button>；diff内容宜用带类名的<div>行块而非<pre><code>；所有交互需JS+API协同实现，并提供服务端降级。
-
最可靠方式是用属性选择器a[target="_blank"]区分内外链，因其明确表达跳转意图；单靠href协议判断易误判javascript:、tel:、//等特殊值，且前端路由下所有路径均为相对形式。
-
优先选用GanttMaster或gantt-elastic等成熟库而非原生Canvas手写甘特图，因其已解决时间映射、缩放适配、拖拽依赖、跨浏览器滚动等隐性难题；Canvas方案需自行处理时区、坐标反查、导出打印等高维护成本问题。
-
使用自定义指令v-focus可在Vue组件挂载后自动聚焦input元素，相比ref+mounted更解耦、可复用且符合Vue声明式设计哲学；支持条件聚焦、SSR兼容及延迟聚焦等进阶场景。
-
因为::before默认inline且基线对齐，易致符号下沉或挤文字；应改用:not(:first-child)::before绝对定位+currentColor适配主题，并响应式置空content。
-
结论：解决长单词溢出必须组合使用容器宽度约束（如max-width）与换行许可（如overflow-wrap:anywhere），单靠word-break或hyphens均不可靠；其中overflow-wrap:anywhere优先于break-word，因其在空间不足时立即断行，不依赖空格或连字符，且不破坏词义完整性。
-
表单无submit按钮时回车仍可提交，前提是存在type="submit"的button或input[type="image"]；textarea默认不响应Enter，需JS监听Ctrl+Enter；禁用回车提交应优先拦截输入框而非全局onsubmit。
-
使用百分比宽度、flex布局和媒体查询可实现输入框自适应；设置max-width防止过宽，并通过@media优化小屏体验，结合flex-wrap实现多列响应式换行，确保表单在不同设备均良好显示。
-
ECharts是成熟开源图表库，支持Canvas渲染、2D/3D、响应式与交互；推荐模块化引入，初始化需四步：准备容器、init实例、配置option、setOption渲染；支持动态更新、事件监听与resize响应。
-
不能。transition仅在起始和结束状态间插值，方向由transform的起始/结束值决定，如translateX(-100px)→translateX(0)为左进；需确保起始态明确且函数类型一致，否则动画失效。
-
应使用CSSfont-family属性指定字体族或@font-face引入外部字体，避免废弃标签和内联font；需提供通用字体兜底，注意中文字体引号、跨平台顺序及加载验证。
-
cubic-bezier()是CSS中通过四个参数定义缓动函数的标准方法，x1/x2∈[0,1]决定时间轴形态，y1/y2可越界实现过冲或回弹；x超界则整个函数失效，y过大易致跳动，需结合属性与设备实测调试。
-
ReactNative是用JavaScript构建原生移动应用的框架，通过桥接机制将JSX映射为iOS/Android原生组件，实现“写一次，两端运行”，适合中后台、内容型App，但不适用于高复杂度动画或图形计算场景。
