-
WebRTC视频通话需先调用MediaDevices.getUserMedia()获取摄像头权限并显示本地流，再通过RTCPeerConnection建立连接、交换SDP与ICE候选者实现信令，最后绑定远程流到video元素播放；需注意HTTPS、STUN/TURN配置、autoplay/muted设置及浏览器兼容性。
-
优先使用MP4（H.264）格式并控制分辨率为720p以下，结合WebM备用；通过CSS设置max-width:100%和viewport标签实现响应式布局；利用preload="metadata"、poster缩略图和懒加载优化性能；采用hls.js支持自适应码率；启用playsinline确保内嵌播放，配合controls与触摸事件提升交互体验，平衡画质、性能与用户需求。
-
盒模型定义元素尺寸，浮动控制排列方向。元素实际宽度包含content、padding、border和margin，浮动时依据该总宽度向左或右排列，多个同向浮动元素依次贴靠，超出则换行；通过margin设置间距，需注意总宽度避免意外换行；父容器需清除浮动防止高度塌陷，常用clear属性或clearfix技巧解决；结合box-sizing:border-box更易控制尺寸。此组合实现传统横向布局与文本环绕，虽有Flex/Grid等新方案，但在旧项目中仍实用。
-
掌握CSS的transformrotate与animation结合使用，可实现加载图标匀速旋转、悬停交互及摆动等动态效果，提升网页视觉体验。
-
浮动在不同浏览器中存在兼容性问题，尤其体现在IE6/7的双倍margin、父容器高度塌陷、清除浮动不一致等方面。现代浏览器虽已统一基本行为，但在边缘场景仍可能出现布局偏差。建议使用CSSReset、触发BFC、采用clearfix等方法提升兼容性，并优先选用Flexbox或Grid布局以规避风险。
-
border会占位因默认box-sizing:content-box下宽度不包含边框；可用box-shadow模拟视觉边框以避免撑大布局，如box-shadow:0002px#333实现不占位边框；但box-shadow无法响应交互且不支持虚线，推荐优先使用box-sizing:border-box使border包含在宽高中，结合两者可灵活控制布局与视觉效果。
-
应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。
-
使用CSSGrid可通过grid-template-columns和1fr单位实现三栏布局。1.基本三等分：1fr1fr1fr平均分配宽度；2.固定-弹性-固定：200px1fr200px设置侧边栏固定、主区自适应；3.不等比分布：1fr2fr1fr形成窄-宽-窄结构；4.响应式布局：1frminmax(300px,2fr)1fr确保中间列最小300px且弹性扩展。组合fr、固定值与minmax可灵活适配多种需求，展现Grid的精确布局能力。
-
HTML表单安全加固需五步：一、客户端JS验证（正则校验、长度限制、preventDefault）；二、服务端双重验证与清理（类型转换、HTML编码、白名单、文件上传防护）；三、CSRF令牌嵌入与校验（session存储、隐藏字段、一次性使用）；四、HTTP头部强化（HSTS、X-Content-Type-Options等）；五、输入属性级防护（type、min/max、pattern、spellcheck）。
-
可通过iframe嵌套、代码合并或JavaScript动态加载实现两个HTML功能集成：1.使用iframe分别加载page1.html和page2.html；2.合并两页面结构与资源，避免ID和脚本冲突；3.用fetch请求外部HTML并插入容器，确保脚本执行。
-
JavaScript无法直接读写本地Excel文件，但可通过SheetJS库实现前端导入解析（如XLSX.read）和导出生成（如XLSX.writeFile），支持.xlsx/.xls/.csv格式，无需后端参与。
-
使用position:absolute结合@mediaquery可灵活实现响应式侧边栏。1.先设置.sidebar为绝对定位，脱离文档流并固定在左侧，主内容通过margin留出空间；2.在屏幕宽度小于768px时，通过媒体查询将侧边栏宽度设为100%并移出屏幕（left:-100%），添加.open类时滑入显示，实现移动端折叠效果；3.将父容器设为position:relative，可使侧边栏相对其定位，提升布局控制精度；4.设置多断点优化不同设备体验，如576px以下占满视口，769px~1024px间
-
严格模式是JavaScript中启用更规范、安全执行环境的显式声明机制，需在脚本或函数顶部用"usestrict"字符串启用，禁用静默失败、未声明变量、with语句、重复参数等不安全行为，提升错误暴露率与代码可维护性。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
标准HTML文件需以<!DOCTYPEhtml>声明开头，嵌套<htmllang="zh-CN">根元素，内含<head>（含<metacharset="UTF-8">、<title>等）和<body>（含<h1>、<p>等），保存为.html后缀并用浏览器打开验证。
