前端技术文章
-
- HTML自动填充技巧分享【推荐】
- autocomplete属性值必须为WHATWG规范定义的标准关键词（如email、tel、given-name、street-address）才有效，写错或自定义（如user_name、mobile）会被浏览器直接忽略。
- 文章 · 前端 | 3星期前 | 497浏览 收藏
-
- Flex布局实现侧边栏动态折叠技巧
- 父容器未启用Flex布局是flex-direction:column无效的主因；须确认display:flex已设置且未被覆盖，子元素为直系、未被position:absolute等排除出flex流程。
- 文章 · 前端 | 4星期前 | 497浏览 收藏
-
- CSS线性渐变背景怎么设置
- 内联样式中linear-gradient失效通常因三方面：未写background-image前缀、颜色值格式错误（如hsl空格或rgba缺a）、方向参数拼写错误（如botton）。
- 文章 · 前端 | 4星期前 | 497浏览 收藏
-
- 函数是什么？JS函数定义与调用详解
- JavaScript函数是function类型，可赋值传参返回；函数声明会提升，表达式和箭头函数不会；剩余参数替代arguments，不能共存；this由调用方式决定，箭头函数继承外层this。
- 文章 · 前端 | 4星期前 | 497浏览 收藏
-
- Atomic CSS如何解决样式覆盖问题
- AtomicCSS并未消除样式覆盖，而是将不可控的权重竞争转为可预测的就近覆盖；所有原子类权重恒为(0,0,1,0)，覆盖仅由HTML中class书写顺序决定，失效主因是拼写错误、响应式未触发、Purge误删或作用域隔离。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- 如何利用 Performance API 识别 JS 脚本解析 (Compile) 与执行耗时的配比
- PerformanceAPI不直接暴露脚本解析/编译耗时，但可通过resourcetiming、performance.now()埋点、longtask监控及DevTools工具间接分析各阶段性能瓶颈。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- HTML怎么做CSS钟摆动画_HTML CSS钟摆摇摆动画效果【代码详解】
- 钟摆动画需用@keyframes配合ease-in-out或cubic-bezier模拟正弦运动，transform-origin设为50%0确保支点在顶部中点，搭配animation-direction:alternate实现自然往复，注意Safari兼容性及响应式角度调整。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- HTML5播放器实现教程
- 原生<video>标签最轻量兼容性好，但iOS强制全屏、Android静音自动播放失败；需加playsinline等属性，用H.264+MP4，有声播放须用户手势触发，自定义控件需监听loadedmetadata和seeked事件。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- Sass生成多分辨率图标CSS教程
- Sass无法直接读取图标文件夹，必须通过构建工具（如Webpack/Vite）扫描生成JSON或Sass变量文件（如$icon-list），再由Sass加载并遍历；@font-face需手动声明woff2/woff等格式，不可自动切换；图标类名需用@mixin结合Unicode生成，DPR适配须依赖构建脚本输出映射表，无法全自动实现。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- CSS Flex布局实现圣杯布局，调整order改变顺序
- HTML源码顺序决定语义和可访问性，order仅调整视觉顺序；主内容必须在HTML中前置，再用order配合flex-grow实现左中右布局。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- JavaScript数组方法thisArg用法详解
- 支持thisArg的数组方法有：1.forEach、2.map、3.filter、4.find、5.findIndex、6.some、7.every；sort、reduce等不支持，需用bind或箭头函数处理。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
-
- HTML5Worker线程使用方法与卡顿解决教程
- HTML5Worker线程无法操作DOM，只能通过postMessage与主线程通信；传大数据应使用transferableobjects实现零拷贝；Worker脚本需同源HTTP服务加载；复用Worker实例更高效，异常时需主动close。
- 文章 · 前端 | 1个月前 | 497浏览 收藏
