-
transition-duration用于定义CSS过渡效果的持续时间，单位为秒（s）或毫秒（ms），如0.5s；可单独设置或与transition属性结合使用，例如transition:background-color0.3sease；支持为多个属性分别指定时间，如opacity0.2s、transform0.6s，数值越大过渡越慢，使界面变化更流畅自然。
-
正确使用:hover和cursor能明确元素可交互性。.button添加cursor:pointer提示可点击，:hover改变背景色提供视觉反馈；结合not-allowed、move、zoom-in等光标类型，可直观表达禁用、拖拽、放大等状态；对div按钮设pointer，图片卡片配合缩放增强互动，避免滥用以防误导，提升用户体验。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
HTML项目部署本质是将文件放入Web服务器可访问目录，需确认Nginx/Apache已运行、文件放对路径（如/var/www/html）、权限正确、静态资源路径合理，并配置try_files支持前端路由，HTTPS和域名需同步处理DNS与证书续期。
-
HTML5不提供表单加密功能，安全传输必须依赖HTTPS协议；合理使用type、autocomplete、required等属性可提升输入安全性，但前端校验不可替代后端验证与HTTPS加密。
-
应更新Chrome浏览器、确认DOCTYPE声明、禁用IE模式、启用网站权限并使用HTTP服务器运行HTML5文件。具体包括：一、通过“帮助>关于GoogleChrome”更新；二、首行设为<!DOCTYPEhtml>且<metacharset="UTF-8">；三、禁用组策略中IE模式；四、允许声音等权限并在chrome://media-internals验证播放状态；五、用python-mhttp.server启动本地服务访问。
-
JSP可通过生成静态HTML文件提升访问速度与SEO，利用RequestDispatcher捕获输出并保存为.html文件；2.定时任务可定期或触发式生成静态页，适用于内容更新少的页面；3.混合使用时，HTML结合Ajax调用JSP接口获取数据，保持结构静态；4.URL重写技术使.html链接映射到JSP处理，存在静态文件则直接返回，提升性能与搜索引擎友好性。需根据业务选择策略，兼顾效率与维护性。
-
Canvas绘图需先用getElementById获取元素再调用getContext('2d')获取上下文，否则报错；drawRect仅描边、fillRect仅填充、clearRect清空区域；drawImage需等图片load后调用；requestAnimationFrame比setTimeout更适合动画因其与屏幕刷新同步。
-
使用flex-wrap和gap可实现Flex布局中子元素的自动换行与均匀间距。1.设置flex-wrap:wrap;允许子元素在空间不足时换行，避免溢出；2.使用gap属性（如gap:16px）统一控制主轴与交叉轴间距，消除传统margin带来的对齐问题；3.结合flex:11200px使子元素最小宽度为200px并可伸缩，实现响应式多行布局；4.容器无需固定高度，内容自动撑开，适用于卡片、图库等场景；5.注意gap在旧浏览器兼容性有限，可降级使用margin。该组合提升布局效率与维护性。
-
JavaScript调试核心靠浏览器开发者工具，需熟练使用断点（含条件、日志、XHR、事件监听器）、console高级用法、sourcemap、VSCode联调及Performance/Memory面板分析。
-
答案：CSS中position属性用于控制元素定位方式，包含static（默认，按文档流排列）、relative（相对自身原位置偏移，保留原有空间）、absolute（脱离文档流，相对于最近已定位祖先元素定位）、fixed（脱离文档流，相对于视口固定位置，滚动不变）、sticky（滚动时在relative与fixed间切换，需指定阈值）。掌握各类型特点可灵活实现页面布局。
-
JavaScript无法完全防破解，但可通过代码混淆、调试防护、关键逻辑后端化、SRI与CSP策略、环境检测等手段提升安全，核心是纵深防御以增加攻击成本。
-
ES6的class本质是构造函数的语法糖，底层仍基于原型机制；它用class关键字声明，含constructor、实例方法和静态方法，不提升、默认严格模式，必须new调用，方法不可枚举，继承通过extends+super实现。
-
<footer>标签语义上表示父容器的页脚内容，不限于页面底部；可嵌套在<article><section>等元素内，多个<footer>合法且互不影响；其语义与视觉位置无关，应通过CSS布局而非HTML顺序控制显示位置。
-
核心Web指标（LCP、FID、CLS）是衡量用户体验的关键，通过JavaScript使用web-vitals库采集，结合PerformanceAPI，在页面生命周期中监听并上报数据；针对SPA需注意路由变化时的重新监听，利用navigator.sendBeacon确保卸载前可靠发送；后端接收后存储于时序数据库，按百分位数（如P75）、维度（设备、页面等）聚合分析，通过Grafana等工具可视化趋势与分布，设置警报机制，驱动性能优化闭环。
