-
HTML表单无法直接通过WebSocket提交，必须借助JavaScript拦截提交行为，获取表单数据并转为JSON，再通过已建立的WebSocket连接发送；相比AJAX的请求-响应模式，WebSocket具备全双工、低延迟、双向通信优势，适用于实时交互场景；实现时需监听submit事件、阻止默认行为、使用FormData收集数据、序列化为JSON并通过send()发送，同时监听onmessage处理服务器响应，并做好错误与重连管理。
-
JavaScript错误处理需分三层：同步错误用try...catch，Promise拒绝用unhandledrejection监听，全局异常用window.onerror；须区分任务类型、避免静默吞错、正确配置跨域，并重视第三方异步错误的特殊处理。
-
background-clip用于控制背景绘制范围，默认border-box使背景覆盖边框易显乱，padding-box最常用可避免覆盖边框，content-box仅渲染内容区；配合background-origin可精确定位背景起始点。
-
用flex做布局，float仅用于图文混排；flex自动撑高、双向对齐、响应灵活、语义正确，float易塌陷、单向贴边、维护困难、已过时。
-
JavaScript中Object常用方法分三类：获取属性键/值/键值对、判断属性存在性、控制对象可变性；核心方法如Object.keys()、Object.values()、Object.entries()返回自身可枚举属性，Object.hasOwn()安全判断属性存在，遍历时需按需选择方法避免原型链和不可枚举属性干扰。
-
background-clip:text非HTML5特性，需color:transparent与-webkit-background-clip:text（Chrome/Safari）配合，Firefox不支持，须用@supports回退或SVG替代。
-
优先使用标准CSS属性，结合PostCSS与autoprefixer自动处理兼容性，通过normalize.css或reset.css统一默认样式，并利用@supports实现渐进增强，有效减少浏览器渲染差异。
-
算法复杂度分析代码运行时时间与空间消耗随输入规模增长的趋势，用大O记号描述最坏情况下的增长上界，直接影响大数据量下的性能表现。
-
不会。CSS渐变本身静态，不触发重绘；性能瓶颈源于动画中图层合成开销、低端WebView兼容性、大量复用组件及fixed背景等场景，需结合DevTools实测判断并谨慎替换为纯色。
-
直接操作style属性可动态设置内联样式，如element.style.color="red"；2.推荐使用classList增删类名以切换预定义样式，利于维护；3.可动态创建style标签并插入CSS规则，适用于批量样式控制。
-
答案：使用HTML5的input[type=color]可快速实现颜色选择，通过监听input事件实时更新预览；也可自定义HSV/RGB调色板，结合CSS渐变与鼠标事件获取坐标并计算颜色值；还能利用canvas绘制图像，通过getImageData实现图像取色；最后可将颜色转换为十六进制、RGB或HSL格式输出，核心在于颜色模型与DOM事件的结合。
-
构建可访问的HTML树状视图需遵循以下步骤：首先，使用语义化HTML结构（<ul>、<li>）作为基础；其次，添加ARIA角色如role="tree"、role="treeitem"和role="group"以明确结构与层级；第三，通过aria-expanded、aria-selected、aria-level、aria-setsize和aria-posinset等属性管理节点状态与位置信息；第四，实现完整的键盘导航支持，包括上下箭头切换节点、左右箭头展开/折叠及移动焦点、Home
-
使用HTML5video标签可创建自定义皮肤播放器，通过移除controls属性并结合CSS与JavaScript实现统一美观的UI。首先隐藏默认控件，构建包含播放、音量、全屏按钮及进度条的自定义界面；再通过JavaScript监听事件控制播放状态、更新进度、调节音量及进入全屏。核心步骤包括：用CSS定位自定义控件，JS绑定play/pause、timeupdate、click等事件，并调用videoAPI实现交互，最终达成跨平台一致的播放器外观与行为。
-
使用Notepad++批量替换HTML标签，先打开替换窗口（Ctrl+H），在查找目标中输入正则表达式如<strong>(.*?)</strong>，替换为<b>$1</b>，勾选“正则表达式”模式，最后点击“全部替换”完成操作。
-
复选框的:indeterminate状态只能通过JavaScript设置indeterminate属性实现，无法通过HTML属性或CSS触发；其样式需针对不同浏览器伪元素定制，父子联动需动态计算并避免事件循环；无障碍需用aria-checked="mixed"补充语义。
