-
float布局已过时，易致父容器塌陷和错位，仅限IE8及以下兼容；现代推荐flex（两行代码实现两栏）或grid（适合复杂嵌套）。
-
实时通信可通过WebSocket、Socket.IO、SSE和长轮询实现；WebSocket提供全双工通信，Socket.IO增强兼容与功能，SSE支持服务端单向推送，长轮询用于低兼容环境，按需选择可构建高效交互应用。
-
怎么组织CSS文件结构才不会后期乱成一锅粥靠目录层级硬分base和component不够，关键在引用顺序和作用域控制。很多人把文件夹建好了，结果button.css里又写了个.header，或者base.css里偷偷加了媒体查询，最后样式打架、覆盖难查。base只放重置、变量、工具类（如.sr-only、.visually-hidden）、基础排版规则（h1–h6、p、ul默认间距）component每个文件只负责一个UI单元，文件名和最外层选择器必须一致，比如
-
HTML列表关键在语义与嵌套规则：ul用于无序内容（如导航），ol用于有序内容（如步骤）；li不可省略且须正确嵌套；嵌套建议≤3层，避免语义错误与可访问性问题。
-
使用HTML5的<dialog>元素可创建模态框，原生支持showModal()和close()方法。2.结构包含标题、内容与按钮，通过JavaScript控制显示隐藏。3.可自定义CSS优化样式，现代浏览器推荐使用。
-
通过统一设置body与目标子元素（如.clock）相同的渐变背景，并确保背景不重复、高度撑满视口，即可实现视觉上无缝延续的渐变效果，避免因嵌套导致的断层或错位。
-
HTML5转APP真能不写代码吗能，但有前提：你只做最基础的壳型封装（WebView容器），且接受功能受限、审核风险高、体验差等现实问题。真正可用的HTML5转APP方案，几乎都绕不开配置调整、调试和少量原生对接——哪怕用现成工具，也得懂基本的构建流程和错误排查逻辑。主流“无代码”工具的实际门槛在哪里像Cordova、Capacitor、PhoneGap或国内的APICloud、DCloudHBuilderX，表面点几下就能打包，实际运行时常见报错：Pluginnotinstalled
-
答案：HTML无法高强度加密，但可通过JavaScript混淆、密码保护、动态加载等方式增加查看难度。1.使用JS混淆工具隐藏逻辑；2.简单密码验证防无意访问；3.敏感内容通过后端接口动态加载，结合身份校验；4.工具打包多为Base64编码，效果有限。真正保护需依赖后端权限控制。
-
position不该用于整体页面结构布局，因其导致组件脱离文档流、响应式失效、z-index失控、可访问性下降及维护成本剧增；应使用Grid/Flex等现代布局方案。
-
使用@mediaprint可控制网页打印样式，通过隐藏非必要元素、调整字体与颜色、设置分页等方式优化打印效果，提升用户体验。
-
JavaScript正则引擎为回溯型NFA，执行test/exec/match时逐字符匹配并回退，易因嵌套量词或.引发灾难性回溯；应优先用字面量预编译、否定字符类替代.、避免动态构造及嵌套量词。
-
使用transition与height或max-height结合可实现CSS高度平滑过渡。1.基础设置：通过transition声明height变化，配合overflow:hidden实现固定高度展开收起；2.动态内容：用max-height替代height:auto，设置足够大的值以适应不定高内容；3.应用场景：常用于折叠面板，通过JavaScript切换类名触发过渡；4.优化建议：避免height:auto，可添加will-change提升性能，适当调整过渡时间增强自然感，注意减少重流影响。合理运用原
-
动态元素CSS不生效的主因是class未正确添加或伪类前提条件缺失，而非选择器失效；需检查class拼写、tabindex设置、pointer-events、ShadowDOM隔离及样式层叠顺序。
-
不能；padding-bottom和margin-bottom无法实现视觉等高，因不改变盒模型高度计算，且在flex/grid中失效，仅在旧float布局中偶然有效。
-
height:auto无法过渡导致跳动，因浏览器无法计算具体像素值；应改用max-height过渡，设为0→足够大值（如500px）并配合overflow:hidden；动态高度可用JS读取scrollHeight实现自动适配。
