-
HTML本身没有函数，它是标记语言而非编程语言；所谓“HTML函数”实为JavaScript操作DOM的API方法，触控板适合结构编辑但无法高效处理JS逻辑、符号输入和快捷键操作。
-
ChromeDevToolsPerformance面板打点分析CRP是定位SPA渲染瓶颈最高效方式，需聚焦用户操作触发的渲染链路，结合手动标记、阶段识别与WebVitals验证优化效果。
-
响应式导航栏断点逻辑应封装在SCSS混合宏中，通过统一变量和@mixinrespond-to($breakpoint)集中管理语义化断点，避免硬编码；配合nav-layout-desktop/nav-layout-mobile状态宏与@content注入定制样式，实现可维护、可扩展的响应式控制。
-
defineEmits用于声明组件自定义事件，需明确事件名及参数类型：数组写法列事件名，对象写法配TS接口确保类型安全；触发时须严格匹配声明的名称与参数；避免与原生事件同名。
-
exec族函数并非创建新进程，而是用指定程序完全替换当前进程的代码段、数据段和堆栈段；调用成功后原进程逻辑立即终止，PID保持不变，新程序从main函数开始执行。
-
在CSSGrid布局中，仅通过display:none隐藏某个子项会导致其余可见项自动重新分配列轨道；本文介绍如何用grid-column:span2结合相邻兄弟选择器，使剩余子项跨占被隐藏项的列空间，从而无需动态修改grid-template-columns。
-
平板端布局混乱主因是响应式设计忽略中等屏幕；2.使用Flexbox的flex-wrap和min-width确保元素弹性与换行；3.采用CSSGrid的minmax()与auto-fit实现自适应列数；4.添加768px–1024px针对性媒体查询调整布局细节；5.配合相对单位如%、rem、fr提升整体适配性。
-
原生<inputtype="color">在Safari≤15.3、EMUI12、MIUI13等环境下静默降级为文本框或黑块；检测需用document.createElement('input').type='color'判断返回值是否仍为"color"。
-
ApplicationCache（manifest）已全面废弃，导致白屏或加载失败；现代离线能力必须依赖ServiceWorker+CacheAPI，需正确实现install、fetch、activate三阶段逻辑，并注意作用域、HTML缓存风险及MIME干扰问题。
-
使用auto、min-content、max-content和minmax()可实现CSSGrid行列自动适应内容。1.grid-template-columns和grid-template-rows设为auto时，行列尺寸由内容决定；2.min-content使列宽适应内容最小需求，max-content按内容最大宽度展开；3.minmax()可设定范围，如minmax(max-content,200px)让列至少容纳内容但不超过200px；4.结合fr单位与auto可实现弹性响应式布局，容器动态分配剩
-
最可靠方案是部署到GitHubPages、Vercel或Netlify获取HTTPS链接；file://仅限本机，HTTP本地服务需同局域网且不支持HTTPS功能，微信/QQ等App会拦截非HTTPS链接。
-
theme_color是PWA启动时浏览器UI栏的提示色，仅manifest.json定义生效（优先级高于meta），AndroidChrome/Edge/Samsung支持，iOSSafari完全忽略，不作用于普通网页标签页。
-
说明：这个脚本会阻止用户右键">
禁用右键菜单仅能隐藏上下文菜单，无法真正禁止查看源码；需在DOM加载后执行contextmenu事件监听并阻止默认行为，但应避免影响富文本编辑器等依赖该事件的组件，且移动端无需处理；前端防护效果有限，关键应加强后端鉴权、数据脱敏与接口权限控制。
-
首先将图像绘制到canvas，通过getImageData获取像素数据，遍历修改RGBA值实现灰度、反色、亮度调节等效果，再用putImageData写回；需注意跨域限制和数组边界处理。
-
纯CSStext-shadow是实现长阴影的首选，需控制偏移步长与颜色衰减（如rgba(0,0,0,0.08)），8–12层、dx/dy递增、blur=0、无衬线粗体为佳；SVGfilter更适合响应式缩放场景；伪元素skewX()方案轻量但SEO不友好且易失真；Web字体加载失败会导致阴影错位，须用font-display:swap和fontloadingAPI兜底。
