-
rotate()需配合transition或@keyframes才能实现动画，单独transform:rotate(45deg)仅为静态效果；须注意单位（deg）、方向（正顺负逆）、原点（transform-origin）、性能（仅用transform过渡）及上下文影响。
-
必须为html和body显式设置height:100%或100vh，否则仅父容器设height:100vh会导致子元素塌陷；全屏布局中优先用flex:1而非height:100%传递高度，移动端建议用100dvh替代100vh。
-
CSS转内联样式有四种方案：一、手动提取并逐元素标注；二、用PostCSS插件自动注入，忽略伪类和媒体查询；三、Python脚本批量解析注入，需处理!important；四、在线工具临时转换，需人工修正失效引用。
-
在HBuilder中开发HTML5Plus应用需启用5+App支持、监听plusready事件后调用plus.barcode.scan扫码、plus.camera.captureImage拍照、plus.gallery.pick选图，所有API仅在真机或5+App环境中生效。
-
用newDate()和循环拼DOM可快速生成可交互HTML日历：先算当月1号星期几和总天数，补上下月/上月占位；为每个<td>添加data-date属性；用事件委托监听父容器点击；IE11需拆分日期字符串传参；推荐CSSGrid布局。
-
JavaScript模块打包工具需按项目类型、环境和依赖选择：Webpack需手动配置loader和resolve；Vite开发用ES模块、构建用Rollup；Esbuild极快但无HMR和代码分割，适合转译和工具链。
-
HTML5表单通过<form>容器、语义化<input>类型（email/date/number等）、<textarea>/<select>/<datalist>等专用控件，结合required/pattern/autocomplete等属性实现结构化、可访问、带原生验证的用户输入收集。
-
Next.js13的RouteHandler本身不提供额外加密能力，其安全性取决于是否启用HTTPS、服务端密码哈希处理、请求验证及传输层防护——敏感数据（如密码）绝不可明文传输或存储，必须在服务端使用强哈希（如Argon2或bcrypt）加盐处理。
-
Proxy的核心用途是拦截对象的get、set、has、deleteProperty、ownKeys、defineProperty和getOwnPropertyDescriptor等内部操作。它不能代理原始值，仅适用于对象，且必须用Reflect转发原操作以避免死循环或行为丢失。
-
WooCommerce配送标签不支持HTML渲染，因wp_kses_post()过滤仅保留极少数标签；应使用woocommerce_after_shipping_rate钩子插入HTML，或覆盖模板文件定制。
-
掌握CSS盒模型及box-sizing属性是实现精确弹窗布局的关键。1.全局设置box-sizing:border-box，使宽高包含padding和border，避免尺寸溢出；2.结合flex布局分配空间，确保内容区域高度可控且滚动正常；3.通过padding或overflow:hidden解决margin折叠与外溢问题；4.使用vw单位配合max-width实现响应式弹窗，保持安全间距。合理运用这些方法可提升弹窗在各场景下的稳定性与一致性。
-
HTML5加载旧版JS插件报错主因是执行时序、作用域隔离、API废弃及隐式依赖；需确保同步加载顺序、避免module作用域污染、替换document.write/eval/with、补全IE事件兼容、配置XHRcredentials，并排查DOM就绪等隐式假设。
-
HTML本身不是JSON格式，二者语法用途不同；常见的是在HTML中嵌入JSON字符串或用JSON描述HTML结构；美化工具是否有效取决于处理对象是纯JSON还是嵌套内容。
-
Grid布局中侧边栏固定宽度+主内容自适应最稳方案是grid-template-columns:240px1fr；头部高度需显式声明grid-template-rows；gap不继承，子容器须单独设置；IE11禁用fr和subgrid。
-
原生HTML规范中不存在专门表示“评论区域”的语义化标签，<comment>是无效标签；应使用<section>包裹评论区，每条评论用独立<article>，回复用<aside>，避免深度嵌套。
