-
首先使用现代浏览器直接打开HTML5应用，若资源加载异常则检查控制台报错；其次可搭建本地服务器环境，通过Node.js安装http-server并运行服务访问localhost:8080；还可利用VSCode等编辑器的LiveServer插件实现热更新预览；对于移动端需求，能用Cordova或Capacitor将应用打包为APK或IPA文件后部署到设备运行。
-
WebSocket是浏览器原生全双工协议，Socket.io是其上层封装库；前者轻量低延迟但需手动处理连接与错误，后者支持自动降级、重连和房间管理，适合复杂业务场景。
-
首先配置Web3环境并连接以太坊节点，通过npm安装web3库并使用Infura或MetaMask注入提供者；接着利用合约ABI和地址创建实例；随后调用只读方法.call()获取数据，或使用.send()发送交易修改状态；最后通过.contract.events监听合约事件，实现DApp与区块链的完整交互。
-
不该用display:table时：布局需响应式、语义清晰、可访问性强，且不模拟表格数据结构；它强制表格渲染逻辑，限制margin、vertical-align，无法优雅折行，误用于导航栏等场景。
-
React中应使用DOMParser解析XML字符串再递归生成JSX元素，以安全保留结构、属性和命名空间；需捕获parsererror错误，并区分ELEMENT_NODE与TEXT_NODE处理。
-
HTML中引入CSS有内联、内部（<style>）和外部（<link>）三种方式，推荐外链；CSS变量以--开头，在:root或选择器中声明，用var()函数调用并可设回退值，JS需用setProperty修改。
-
使用代码编辑器自动格式化、在线工具处理、规范书写习惯、Prettier统一风格、手动优化关键结构，可提升HTML代码可读性与维护效率。
-
图标只抖一下就停了是因为默认animation只执行一次，需加infinite循环；单向rotate不是摇晃，应使用非对称关键帧如-5deg→3deg→-5deg；位置偏移是因旋转中心不稳或行内元素基线影响，须设display:block/inline-block、transform-origin:center、vertical-align:middle；生硬问题靠cubic-bezier(0.36,0.07,0.19,0.97)和0.4s~0.6s时长优化。
-
根本原因是transform、opacity等属性触发合成并创建新层叠上下文，使子元素z-index仅在内部生效；修复方式是给父容器添加transform:translateZ(0)或will-change:transform以创建更高阶层叠上下文。
-
必须先解决跨域限制、设备像素比适配和加载时机问题，再通过加权聚类分析像素，跳过低alpha及灰阶色，最后用CSS变量或动态style标签更新主题色。
-
order在媒体查询中没生效，是因为父容器未设置display:flex或grid；Flex/Grid的order属性仅对直接子项有效，且需显式声明order值，否则默认为0导致排序异常。
-
JavaScript性能优化需从代码拆分、内存管理、DOM操作等多维度入手，通过按需加载、减少回流重绘、避免内存泄漏、使用节流防抖及WebWorkers等手段，结合工具分析与细节调优，持续提升应用响应速度与用户体验。
-
Promise构造函数必须调用resolve或reject，否则永远pending且无提示；async/await是Promise语法糖，await会自动包装非Promise值；构造函数内同步错误需try/catch手动reject，.catch无法捕获；Promise核心是统一状态管理与错误传递。
-
HTML文件必须以<!DOCTYPEhtml>开头且顶格书写，否则触发怪异模式；完整结构需含lang、charset、viewport和title四要素；推荐VSCode+LiveServer开发，文件名用小写短横线并避免本地file://协议。
-
JavaScript变量声明方式决定作用域与生命周期：var为函数作用域且存在提升，let/const为块级作用域并受暂时性死区限制；块级作用域仅由let/const在if、for等块中创建；var提升导致undefined，let/const提升但访问报错；闭包与作用域链叠加声明差异易引发错误。
