-
- CSS导航栏点击反馈技巧分享
- :active无法实现导航栏“点击后保持展开”，因其仅为瞬时伪类，不记录状态、不触发重排、不能配合display或max-height过渡；正确做法是用JS切换.active类并结合CSS过渡与可访问性支持。
- 文章 · 前端 | 2天前 | 116浏览 收藏
-
- HTML入门指南\_零基础学习路线图推荐
- HTML是标记语言而非编程语言，应聚焦文档结构；需手写基础标签、用LiveServer预览、厘清class/id用途差异、阻止表单默认提交，并通过DevTools实时调试。
- 文章 · 前端 | 3星期前 | 115浏览 收藏
-
- HTML创建成就徽章墙布局
- 用CSSGrid实现徽章墙需使用grid-template-columns:repeat(auto-fill,minmax(120px,1fr)))实现等宽自适应，配合gap控制间距；SVG图标用vertical-align:middle和em单位确保居中与缩放；状态通过badge--earned/badge--locked类控制，焦点交互兼顾:hover与:focus-visible，并设置min-width防止过度压缩。
- 文章 · 前端 | 3星期前 | 115浏览 收藏
-
- JavaScript调整浏览器窗口大小方法
- JavaScript无法自由改变主浏览器窗口大小，仅能通过resizeTo()或resizeBy()调整由window.open()创建的同源弹出窗口；现代浏览器出于安全与用户体验限制此操作。主要应用是响应窗口变化：通过监听resize事件、结合innerWidth/innerHeight获取视口尺寸，并利用window.matchMedia()实现与CSS媒体查询同步的动态布局调整，用于响应式设计中的内容适配、资源加载和组件行为控制。
- 文章 · 前端 | 3星期前 | 浏览器窗口 115浏览 收藏
-
- CSS防盗链与同源限制怎么设置
- 最有效方案是使用Cross-Origin-Resource-Policy:same-origin响应头，现代浏览器会静默拦截跨站CSS加载；需配合Referer检查兜底旧浏览器，并清除缓存确保新策略生效。
- 文章 · 前端 | 3星期前 | 115浏览 收藏
-
- 作用域链形成原理详解
- 作用域链在函数创建时就确定了，通过[[Environment]]静态绑定外层词法环境；with和非严格eval会动态插入环境；闭包捕获整个词法环境而非变量值；模块、函数、块级作用域对应不同环境类型。
- 文章 · 前端 | 3星期前 | 115浏览 收藏
-
- CSS伪元素content不显示怎么解决
- 伪元素不渲染的首要原因是content属性为空或缺失，此时浏览器直接跳过渲染；即使写了::before/::after，若content为none、空字符串""（显式设置时合法）或未声明，则均不生成盒模型。
- 文章 · 前端 | 3星期前 | 115浏览 收藏
-
- CSS弹性盒子实现左右自适应布局
- flex-direction在RTL下不会自动翻转，需手动用[dir="rtl"]设置row-reverse；justify-content:start随dir自动映射，而flex-start始终固定主轴起点；writing-mode影响align-items语义；flex-wrap折行起点在RTL下为右下角。
- 文章 · 前端 | 2星期前 | 115浏览 收藏
-
- HTML5警告弹窗实现方法
- HTML5警告提示有四种实现方式：一是用alert()同步弹窗；二是自定义div层实现非阻塞式提示；三是用dialog元素创建语义化模态框；四是封装支持多类型的轻量级警告函数。
- 文章 · 前端 | 1星期前 | 115浏览 收藏
-
- 组合式API中watch逻辑如何分离？高内聚模块实战解析
- 应将watch与副作用整体封装为useXxx组合函数，如useFormValidation、useSearchSuggestion；优先用watchEffect自动追踪依赖；按业务域限定监听边界，避免跨域耦合；内部配合onBeforeUnmount自动清理，确保内存安全。
- 文章 · 前端 | 5天前 | 115浏览 收藏
-
- This的绑定规则有哪些？
- JavaScript中的this在函数执行时根据调用方式动态决定：默认绑定（非严格模式指向全局，严格模式为undefined）、隐式绑定（obj.method()中this指向obj）、显式绑定（call/apply/bind手动指定）、new绑定（优先级最高，指向新实例）。
- 文章 · 前端 | 2天前 | 115浏览 收藏
-
说明：user-select: none; 是 CSS 属性，用于控制用户是否可以选中文本。添加此属性后，用户无法通过鼠标或键盘选中该">
这里是滚动文字内容
这里是滚动文字内容
说明：user-select: none; 是 CSS 属性，用于控制用户是否可以选中文本。添加此属性后，用户无法通过鼠标或键盘选中该
