-
动态验证能根据用户输入实时调整规则，提升用户体验与数据质量。通过JavaScript监听事件，结合条件判断动态切换验证逻辑，适用于条件性字段、联动选择等复杂场景，但简单表单无需使用。
-
文字“上浮”是因line-height撑开行框并基线对齐，与padding叠加导致错位；应设line-height等于height实现单行居中，或改用flex布局align-items:center彻底解决。
-
怎么用background-image实现渐变边框效果纯CSS没有border-gradient这种属性，但可以用背景图+padding+background-clip模拟出视觉上“带渐变边框”的容器。核心思路是：把渐变画在容器背景上，再用background-clip:padding-box把背景裁剪到内边距边缘，留出透明border区域——这样渐变就只出现在padding区域，看起来像边框。常见错误是直接给border设渐变（无效），或忘了设backgro
-
规范的HTML注释对团队协作至关重要，它能提升代码可读性、维护性，减少沟通成本。1.文件头部注释应包含文件名、描述、作者等信息；2.代码块功能描述用于说明复杂模块的作用；3.重要变量/参数需解释用途；4.特殊情况或问题应提前提示；5.TODO注释标记待办事项。此外，注释应避免过度使用，保持风格一致并及时更新，其他常见写法还包括浏览器兼容性处理和调试信息标注。
-
轮播图通过CSS的transform和transition实现图片滑动切换，利用flex布局将多张图片水平排列在容器内，通过translateX控制偏移量，配合定时器自动更新位移值，实现平滑过渡效果。
-
使用CSS属性选择器可直接根据元素属性设置样式，无需添加类名或ID。例如，[title]为含title属性的元素添加边框；input[type="submit"]精确匹配type为submit的按钮并设置背景色；[class~="btn"]匹配class中包含"btn"的元素实现圆角；a[href*="example.com"]使链接地址含指定字符的文字变红；a[href^="https://"]和a[href$=".pdf"]分别匹配链接开头与结尾，用于标识外部链接或文件类型。这些选择器灵活强大，适合在
-
通过设置相对定位容器和绝对定位的::after伪元素，创建默认透明的覆盖层，利用:hover触发其opacity变化实现遮罩显现。1.容器设position:relative；2.::after创建背景遮罩，默认opacity:0；3.:hover时opacity变为1；4.可配合img的opacity过渡增强视觉效果。关键在于定位与transition配合。
-
函数沙箱是一种隔离代码执行的技术，通过限制代码对全局环境的访问来防止污染和安全风险。它利用newFunction创建独立作用域，并可结合Proxy控制属性访问权限，适用于在线编辑器、插件系统等场景。尽管存在原型链逃逸、异步攻击等局限性，仍需配合CSP、AST分析等手段增强安全，但其为动态代码提供了必要的缓冲层，在灵活性与安全性间取得平衡。
-
WebSocket是一种基于TCP的全双工通信协议，只需一次握手即可建立持久连接，实现客户端与服务器间的实时数据交换。相比HTTP的无状态、短连接机制，WebSocket通过浏览器原生支持的API，使用newWebSocket('ws://...')创建连接，支持onopen、onmessage、onerror、onclose事件监听，可实时收发字符串、Blob等数据，并通过send()方法传输消息，close()关闭连接。实际应用中需添加心跳检测与自动重连机制，广泛用于聊天、协作、通知和游戏等场景。
-
响应式网页设计通过CSS实现多设备适配，首先设置viewport元标签确保正确缩放；接着使用媒体查询按屏幕宽度应用不同样式，推荐移动优先策略；采用相对单位（如%、rem、vw）替代固定像素值以增强弹性；通过max-width:100%确保图片不溢出容器；结合Flexbox和Grid布局实现动态排列，如导航栏垂直堆叠与卡片自动换行；最终构建流畅跨设备体验。
-
CSP通过限制资源加载来源有效防止XSS攻击，核心是配置script-src禁止内联脚本与动态执行，推荐使用nonce或哈希值允许安全脚本，避免unsafe-inline等宽松策略。
-
可通过五种方法查看网页HTML源代码：一、快捷键Ctrl+U（Win/Linux）或Command+Option+U（Mac）；二、右键选择“查看网页源代码”；三、F12打开开发者工具并切换到“Elements”面板；四、地址栏输入view-source:前缀；五、终端用curl命令获取。
-
绝对定位元素不参与文档流，导致父容器高度塌陷；解决方法包括显式设置父元素高度、改用flex/grid布局、添加占位元素或伪元素，以及避免滥用absolute定位。
-
用flexbox的align-items:stretch替代浮动是实现等高列最简洁可靠的方案，因浮动脱离文档流导致父容器无法包裹子项高度，各列高度互不影响，而flex布局下子项默认拉伸至最高列高度，天然支持响应式与多端兼容。
-
函数声明会将整个函数定义（含名称和函数体）提升至作用域顶部，可先调用后声明；函数表达式仅提升变量声明（var），不提升赋值，let/const声明则无提升且存在暂时性死区。
