-
-
CSS全屏视频淡入效果实现方法
-
video元素不能直接transitionopacity，因其会强制退出GPU合成层，导致解码中断、黑屏、音画不同步；必须用双实例+visibility+opacity分层控制，并确保loadeddata触发、帧同步及移动端兼容处理。
-
文章 ·
前端
| 1天前 |
166浏览
收藏
-
-
CSS变量控制按钮水波纹扩散位置详解
-
必须用getBoundingClientRect()计算坐标，因为e.clientX是相对于视口的，而伪元素定位需相对于按钮自身；需用rect.left/rect.top做偏移换算，并为CSS变量显式添加'px'单位，配合transform:translate()和will-change:transform避免重排，且每次点击前须清除旧变量防止动画错乱。
-
文章 ·
前端
| 5天前 |
165浏览
收藏
-
-
手机QQ发送index.html文件方法
-
手机QQ发不了index.html是因Android系统拦截、路径权限受限及浏览器不支持file://协议所致；需改名发送、压缩打包、放至Download目录并开启全部文件权限，接收方用Chrome等浏览器通过file://路径打开。
-
文章 ·
前端
| 4天前 |
165浏览
收藏
-
-
闭包捕获 setTimeout 实现精准定时器清理
-
实现“精确清理”定时器的关键是用闭包封装timeoutId，确保每次start前自动清除前一个定时器，防止幽灵回调；闭包隔离状态、保障私有性与一致性，并支持防抖、生命周期同步清理及幂等取消。
-
文章 ·
前端
| 1天前 |
165浏览
收藏
-
-
CSS只读输入框样式失效解决方法
-
:read-only伪类仅对原生支持只读的表单元素（如input、textarea）且显式设置readonly属性时生效，不匹配disabled元素或contenteditable=false的非表单元素；需检查选择器优先级、属性是否被JS动态移除，并推荐用自定义class作为兼容性替代方案。
-
文章 ·
前端
| 1天前 |
164浏览
收藏
-
-
HTML表格标题放底部怎么设置？
-
caption-side:bottom有时无效，主因是caption未作为table的第一个子元素、旧版IE及PDF生成器兼容性差、CSS权重或继承干扰导致标题未被正确识别或错位。
-
文章 ·
前端
| 16小时前 |
164浏览
收藏
-
-
Electron开发：构建高效桌面应用
-
Electron使用HTML、CSS、JavaScript构建跨平台桌面应用，结合Chromium与Node.js，支持主渲染进程通信，通过electron-builder打包，适合前端开发者快速开发工具类应用。
-
文章 ·
前端
| 9小时前 |
164浏览
收藏
-
