-
JavaScript学习应从直接编写可运行的HTML+JS代码开始，如用document.body.innerHTML动态修改页面内容，而非陷入环境配置；变量声明优先用const，函数设计需支持灵活参数，DOM操作应面向真实场景。
-
答案：通过CSS的transform和transition属性实现图片悬停缩放。设置transition控制缩放动画时长与效果，hover时应用scale放大图片，推荐使用父容器限制尺寸避免布局抖动，确保视觉流畅。
-
本文介绍如何使用jQuery在向HTML表格动态追加数据行后，准确汇总所有带.table-number类的单元格数值，并将结果实时显示在指定总计单元格中。
-
在Grid布局中结合绝对定位可实现结构与精准控制的统一。1.Grid容器需设置position:relative以创建包含块；2.绝对定位子元素脱离网格流，相对于容器定位；3.适用于标签、角标等需精确放置的场景；4.注意避免覆盖内容并保持响应式适配。
-
本地CSS加载更快但需维护路径和构建流程，远程CSS依赖网络却可复用CDN缓存；生产环境优先本地化第三方样式，仅当资源极稳定、多站共用且配置好CSP与fallback时才考虑远程引入。
-
答案：JavaScript代码“签名”主要通过子资源完整性（SRI）实现，利用哈希值验证脚本完整性。首先为JS文件生成SHA-384等哈希值，命令如catyour-script.js|openssldgst-sha384-binary|opensslbase64-A，得到形如sha384-xxxxxxxx的字符串。然后将其作为integrity属性添加到script标签中，并加入crossorigin="anonymous"属性，确保浏览器加载时自动校验，不匹配则阻止执行。SRI可防御CDN劫持和文件篡改
-
必须用CSS的font-size属性替代废弃的<font>标签；px最稳妥，em/rem需注意继承关系；排查文字异常优先看Computed面板；警惕系统字体缩放与viewport设置；响应式推荐clamp()或媒体查询。
-
垂直时间线移动端错位因flex/grid未配视口断点，需用min-height:100vh、overflow-x:hidden及@media切换padding；滚动追踪应改用IntersectionObserver；IE11需-ms-flex前缀、禁用gap和SVG箭头；嵌套缩放时须重置transform并避免zoom。
-
下拉菜单空间不足时可纯CSS反向展开：将top:100%改为bottom:100%并配合transform:scaleY(-1)翻转菜单及内部元素，父级li需设position:relative，移动端用:focus-within替代:hover并添加tabindex支持触控与键盘导航。
-
应监听mousemove或touchmove（依设备能力探测），将归一化坐标存入:root的CSS变量（如--mouse-x-pct），CSS中用background-position:var(--mouse-x-pct)%var(--mouse-y-pct)%或transform:translate(var(--mouse-x),var(--mouse-y))实现平滑响应，注意单位一致、防抖及移动端preventDefault。
-
CSS动画顺逆时针切换需通过rotate()数值正负控制：0deg→360deg为顺时针，0deg→-360deg为逆时针；animation-direction无法真正实现逆时针，必须用旋转值设计或CSS变量动态控制。
-
ChromeDevTools点不到Sass源文件，主因是sourcemap链断裂：Sass编译未显式启用、构建工具覆盖配置、.map路径解析错误、sourceRoot缺失或@use扁平化导致行号偏移。
-
PSD转HTML5报错需分五步排查：一查HTML5标签与属性合法性；二验图像路径与命名规范；三排CSS引入及作用域冲突；四析工具生成代码兼容性；五定位JS运行时异常。
-
HTML5云桌面无传统卸载，需清除浏览器缓存、Cookie、ServiceWorker、IndexedDB及PWA记录；重点是清空域名级存储，而非仅删网页，并需检查服务端会话续期配置。
-
JSON是字符串而非对象，需用JSON.parse()解析、JSON.stringify()生成；键名必须双引号，不支持单引号、undefined、函数等；格式错误会直接报错。
