-
HTML文件双击以file://协议打开时hover可能不生效，主因是本地协议限制、样式未加载或写法错误；应改用本地服务器（如LiveServer）、检查开发者工具中hover计算样式、确认选择器语法及pointer-events设置，并注意移动端hover不可靠。
-
处理韩文与西文混排时，应使用word-break:break-all确保韩文在任意字符处断行，避免溢出；2.对西文部分需用word-break:normal覆盖，以保持单词完整性；3.overflow-wrap:break-word作为兜底策略，防止超长无空格字符串溢出；4.word-break用于语言级断行规则，overflow-wrap解决极端情况下的溢出问题，二者互补协同，确保多语言文本在不同容器中正确换行并保持排版整洁。
-
虎牙直播可通过网页端、PC客户端、浏览器及移动端四步实现HTML5播放：网页端在设置中开启“优先使用HTML5”；PC端在播放设置中选择HTML5并勾选“始终使用”；浏览器需禁用Flash并启用HTML5优先实验选项；移动端访问m.huya.com自动启用HTML5。
-
闭包实现策略模式的核心在于其能封装私有状态并返回可复用的函数，使策略具有独立上下文；2.其优势包括极致的封装性、灵活的参数化、避免this指向问题及便于测试；3.实际挑战包括调试困难、潜在内存泄漏和团队理解成本，可通过保持策略简洁、管理引用和加强文档来规避；4.闭包还可应用于模块模式、单例模式、装饰器模式以及函数柯里化等场景，是JavaScript中实现封装与复用的关键机制。
-
使用Flexbox可让元素自动填充剩余空间，.container设置display:flex，.sidebar固定宽度，.main-content设置flex-grow:1即可占满剩余区域。
-
JavaScript类型判断需组合使用：先用typeof区分6种原始类型（null除外），再用===null单独处理，其余统一用Object.prototype.toString.call()获取内部标签；跨iframe时instanceof失效，应优先用Array.isArray()等专用方法。
-
闭包是函数与其词法作用域的组合，当内部函数访问外部函数变量时形成，即使外部函数执行完毕，变量仍保留在内存中。例如，functionouter(){letname="Alice";returnfunctioninner(){console.log(name);};}中，inner函数被返回后仍能访问name，体现了闭包机制。闭包常用于数据私有化、函数工厂、事件回调等场景，如实现计数器：functioncreateCounter(){letcount=0;returnfunction(){
-
Cookie超4KB易被截断或丢弃且拖慢响应，应改用localStorage（持久，5–10MB）、sessionStorage（标签页级，5–10MB）或IndexedDB（结构化/大容量/异步，GB级）；身份凭证须用HttpOnlyCookie，禁存localStorage。
-
border-width设为0不能解决不占空间问题，因声明border-style仍会预留渲染空间；正确做法是移除边框声明，或用outline、box-shadow、伪元素等不占位方案替代。
-
document.getElementById最快但仅支持ID；批量选元素用querySelectorAll而非getElementsByClassName；修改文本优先用textContent防XSS和重排；事件绑定推荐事件委托提升性能。
-
JavaScript模板字符串用反引号包裹，支持${}变量插值和原生多行，外层非反引号则插值失效；${}内仅限表达式，禁用语句；缩进空格被保留，可用trim()处理；标签函数如html...`可实现转义等高级功能。
-
JavaScript剪贴板API需在HTTPS或localhost安全上下文中，由用户手势触发；writeText()和readText()均返回Promise，支持文本读写，Chrome115+实验性支持图片写入，Safari读取受限，建议检查权限并兼容降级。
-
拖拽跨浏览器可靠需三要素：dragstart中必须调用setData('text/plain','')初始化dataTransfer；dragover和drop事件均需preventDefault()允许放置；移动端须用touch事件模拟而非原生API。
-
Flex布局通过设置容器的display:flex，利用主轴与交叉轴控制子元素排列，使用justify-content、align-items等属性实现对齐，flex属性分配空间，轻松完成响应式布局。
-
使用transition属性设置按钮悬停动画，推荐指定具体属性如background-color和transform以优化性能；2.通过:hover伪类定义悬停样式，实现颜色变化和translateY上移效果；3.添加box-shadow过渡增强立体感，从默认浅阴影变为悬停时深阴影；4.避免在:hover中定义transition，优先使用transform和opacity减少重排，确保动画流畅并适配移动端交互。
