-
-
纯 CSS 实现封面图视差滚动效果
-
本文详解如何仅用CSS实现封面区域的视差滚动效果：将图片设为background-attachment:fixed的背景图，配合语义化HTML结构与响应式样式，使后续内容自然“滑过”封面，达成流畅视觉层次。
-
文章 ·
前端
| 3星期前 |
283浏览
收藏
-
-
CSS Flex布局中input宽度异常怎么解决
-
input在Flex中被压缩是因默认min-width:auto导致内容宽度极小，解决方法是显式设置min-width（如0、120px或配合flex:1），并建议组合flex-shrink:0或flex:11auto以确保稳定显示与交互。
-
文章 ·
前端
| 3星期前 |
236浏览
收藏
-
-
CSS点阵背景制作教程：radial-gradient重复应用
-
正确做法是用radial-gradient(circleat50%50%,transparent0%,#0000%,#0002px,transparent2px)配合background-size:20px20px实现等距居中点阵，色标需同位置硬切防模糊，CSS变量和响应式单位提升复用性。
-
文章 ·
前端
| 3星期前 |
415浏览
收藏
-
-
三栏布局不对齐？flexbox space-between解决方法
-
三栏结构不对齐的主因是容器或子项默认行为未约束。需设父容器display:flex、justify-content:space-between、align-items:stretch，统一box-sizing:border-box，子项用flex:1而非width百分比，并用flex-column居中内容。
-
文章 ·
前端
| 3星期前 |
470浏览
收藏
-
-
HTML5弹窗实现方法\_dialog标签使用详解
-
HTML5<dialog>标签默认隐藏且需JavaScript控制：show()非模态，showModal()模态并支持::backdrop（Chrome/Edge111+、Safari17.4+），Firefox不渲染遮罩；必须监听close事件统一处理关闭逻辑，表单提交会自动关闭，建议用JS控制流程以保障兼容性。
-
文章 ·
前端
| 3星期前 |
162浏览
收藏
-
-
-
Flex和Margin Auto实现元素居中技巧
-
flex布局中子元素水平垂直居中需父容器设display:flex、min-height:100vh，再用justify-content:center和align-items:center；二者仅作用于直接子元素，且margin:auto在flex容器中不适用传统居中逻辑。
-
文章 ·
前端
| 3星期前 |
160浏览
收藏
-
-
HTML如何实现“恢复上一步”功能
-
HTML无内置重做功能，需JavaScript维护undo/redo栈；document.execCommand已废弃且兼容性差；应记录差异化操作、同步状态、恢复光标等细节。
-
文章 ·
前端
| 3星期前 |
497浏览
收藏
-
-
作用域链形成原理详解
-
作用域链在函数创建时就确定了，通过[[Environment]]静态绑定外层词法环境；with和非严格eval会动态插入环境；闭包捕获整个词法环境而非变量值；模块、函数、块级作用域对应不同环境类型。
-
文章 ·
前端
| 3星期前 |
115浏览
收藏
-
-
Tailwind 自定义字体配置教程
-
本文详解TailwindCSS中自定义字体（如本地.ttf文件）的完整配置流程，涵盖@font-face声明、tailwind.config.js扩展设置、HTML类名调用规范及常见失效原因排查，助你一次性解决字体不生效问题。
-
文章 ·
前端
| 3星期前 |
270浏览
收藏
-
-
CSS颜色值选择：HEX、RGB与HSL区别解析
-
选HEX、RGB还是HSL取决于使用场景：HEX适合静态品牌色与设计师协作；RGB/RGBA适合JS动态控制与透明度；HSL/HSLA适合系统化调色与批量变体生成——三者分工而非替代。
-
文章 ·
前端
| 3星期前 |
217浏览
收藏
-
-
JavaScript Service Worker打造离线应用
-
ServiceWorker是实现Web应用离线运行的核心，通过拦截网络请求、管理缓存和推送通知，在HTTPS或localhost环境下提供离线支持；它独立于主线程运行，注册后可通过install事件预缓存资源，fetch事件实现缓存优先或网络优先的请求策略，并在activate事件中清理旧缓存以完成版本更新，合理配置缓存策略与版本控制可显著提升应用可靠性与用户体验。
-
文章 ·
前端
| 3星期前 |
140浏览
收藏
-
-
