-
WebSocket是一种基于TCP的全双工通信协议，只需一次握手即可建立持久连接，实现客户端与服务器间的实时数据交换。相比HTTP的无状态、短连接机制，WebSocket通过浏览器原生支持的API，使用newWebSocket('ws://...')创建连接，支持onopen、onmessage、onerror、onclose事件监听，可实时收发字符串、Blob等数据，并通过send()方法传输消息，close()关闭连接。实际应用中需添加心跳检测与自动重连机制，广泛用于聊天、协作、通知和游戏等场景。
-
响应式网页设计通过CSS实现多设备适配，首先设置viewport元标签确保正确缩放；接着使用媒体查询按屏幕宽度应用不同样式，推荐移动优先策略；采用相对单位（如%、rem、vw）替代固定像素值以增强弹性；通过max-width:100%确保图片不溢出容器；结合Flexbox和Grid布局实现动态排列，如导航栏垂直堆叠与卡片自动换行；最终构建流畅跨设备体验。
-
CSS多状态按钮应采用分层设计、明确优先级与状态解耦：用自定义属性统一管理各状态样式，合理使用:hover:active组合伪类，并通过JSclass（如.is-pressed）增强跨端可控性。
-
答案：在VisualStudio中编写HTML需通过浏览器预览效果。方法一：右键文件选择“在浏览器中查看”，用默认浏览器打开；方法二：手动将HTML文件拖入浏览器窗口，适合频繁调试；方法三：使用VSCode的LiveServer插件实现热重载，保存后自动刷新。注意F5不适用于纯HTML项目，避免路径含中文或空格，确保引用资源路径正确。
-
剩余参数将多个参数收集成数组，简化可变参处理；展开运算符则用于展开数组或对象，两者结合提升JS函数与数据操作灵活性。
-
background-color默认填充内容区和内边距区，受background-clip控制；默认情况下，背景色覆盖content和padding区域，如设置background-clip:content-box，则padding透明。
-
HTML中空格被合并时，可用 、<pre>标签、white-space属性、letter-spacing/word-spacing或<span>加margin-left五种方法精确控制空格显示。
-
函数式编程强调纯函数与不可变性，通过高阶函数和函数组合提升代码可读性与可维护性，建议在JavaScript中逐步应用其核心思想以减少副作用并增强测试性。
-
ES6的class是基于原型的语法糖，需用new实例化且不提升；支持static静态成员、extends继承及super调用父类。
-
本文针对CSS媒体查询中display:none;属性在不同浏览器（如Chrome/Edge）表现不一致的问题，深入探讨了常见原因及其解决方案。重点指出当代码逻辑正确但效果不符时，浏览器缓存是首要排查对象，并提供了清除缓存和强制刷新的具体步骤，以确保响应式设计在所有主流浏览器中正确渲染。
-
控制Referrer信息的原因是保护用户隐私和防止安全风险。1.Referer头部可能泄露敏感信息，如用户来源页面的URL参数；2.恶意网站可伪造Referer进行钓鱼或CSRF攻击；3.合理设置ReferrerPolicy可在安全与可用性之间取得平衡。选择策略时应遵循：1.最小权限原则，使用限制性强的策略；2.HTTPS优先使用strict-origin-when-cross-origin；3.同源请求使用same-origin；4.特殊场景如统计使用origin。可通过HTML标签属性、<met
-
JavaScript正则表达式用字面量（如/abc/g）或RegExp构造函数创建，用于匹配、提取、替换或验证字符串；支持g、i、m等标志，需注意元字符转义和贪婪/懒惰匹配。
-
答案：减少重绘与回流是提升移动端流畅度的核心策略。通过批量处理DOM操作、优先使用CSS的transform和opacity、分离读写操作、合理利用will-change属性，并借助Chrome开发者工具识别性能瓶颈，可有效降低浏览器渲染开销，提升低端设备体验。
-
需用支持HTML5的现代浏览器，通过file://协议双击打开、浏览器菜单打开、本地HTTP服务器（Python/Node.js）、VSCodeLiveServer插件或VisualStudio内置功能加载页面。
-
答案：使用HTML5和CSS3结合JavaScript可创建响应式悬浮按钮。首先用button或a标签构建结构，通过CSS的fixed定位、圆角、阴影等实现悬浮视觉效果，并添加hover交互；再用JavaScript控制滚动显示逻辑，适配移动端触摸操作，优化可访问性与性能。
