前端技术文章
-
手风琴边框由CSS控制，非HTML或属性开关决定；需对容器如.accordion-item设border及overflow:hidden配对border-radius；无边框应通过间距、背景色、阴影等替代，避免粘连。386 收藏 -
JavaScript的解构赋值基于结构相似性实现数据提取，非真正模式匹配。它通过语法糖按索引或键名直接映射：数组按位置、对象按属性名逐层提取，支持嵌套与默认值，但无回溯、守卫或多分支机制。341 收藏 -
加controls属性即可启用浏览器原生控制条；常见错误是误写为controls="true"，正确写法是直接写controls；若不显示，需检查资源路径、MIME类型、autoplay/muted冲突、CSS隐藏及元数据加载时机。150 收藏 -
video的object-fit:cover未生效是因为它只控制内容在已分配空间内的填充方式，不负责分配空间；需确保父容器和video自身均设置宽高（如width:100%;height:100%），并添加display:block和mutedautoplay（iOS必需）。152 收藏 -
必须用TextDecoder('utf-8')还原atob解码结果，因为atob返回Latin-1字符串，直接JSON.parse会因UTF-8多字节被错误拆解而报错。470 收藏 -
position:relative不脱离文档流，仅在原位偏移；它本身不提供锚点，需配合子元素absolute才形成定位参考系。445 收藏 -
ref初始化为null是设计使然，因DOM未生成时无对象可指；其赋值严格发生在onMounted钩子中，v-if、异步组件等场景下需额外监听条件或使用ref数组。443 收藏 -
核心思路是避免主线程阻塞：通过流式解析、分片处理+让权、后台线程执行、前置校验四大策略，确保耗时操作不连续占用超16ms，保障渲染流畅。134 收藏 -
根本原因是事件数据在序列化、传输、反序列化全链路中编码不一致，须确保字符串源头→序列化→传递→反序列化→使用全程统一UTF-8，禁用隐式转换与双重编码。403 收藏 -
proxy_read_timeout仅控制Nginx从后端读数据的空闲上限，非连接总时长；须设为业务心跳间隔2–3倍（如90–120s），并同步配置proxy_send_timeout、upstreamkeepalive及系统TCP参数。476 收藏 -
优先用overflow-wrap:break-word，同时双写word-wrap:break-word以兼容旧浏览器；word-break:break-all会无差别切分字符，破坏语义与可读性，仅适用于哈希、UUID等纯技术字符串。232 收藏 -
局部同构更新不能实现“不重刷页面却更新SEO”，SEO内容必须由服务端直出并存在于初始HTML中；局部刷新仅能安全更新与服务端输出严格匹配的子树，不得破坏已有SEO结构。357 收藏 -
需遵循由浅入深的学习路径：一、分阶段夯实HTML/CSS/JS基础与HTML5新API；二、通过待办列表、Canvas画板等微型项目整合技能；三、参与开源或复刻经典界面提升工程素养；四、用Vite等工具实践构建流程；五、打造可展示的全栈作品集。401 收藏 -
最佳位置是<head>中配合defer或async，或<body>底部；内联脚本永远阻塞，外部脚本用defer保序、async不保序，二者不可混用。133 收藏 -
移动端H5横竖屏闪屏主因是浏览器重排/重绘，应监听resize而非orientationchange，配合防抖、CSS硬件加速（如transform:translateZ(0)）、避免读写交替及iOS滚动修复。398 收藏