前端技术文章
-
- CSS侧边栏滑入动画实现方法
- 侧边栏滑入效果可通过CSS@keyframes和transform:translateX()实现。1.定义@keyframesslideIn，从translateX(-300px)到translateX(0)；2.将动画应用到.sidebar，设置animation:slideIn0.5sease-outforwards，初始隐藏；3.可通过JS添加.show类触发动画；4.扩展slideOut动画实现滑出。该方案流畅高效，无需JS即可实现基础动效。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- hidden与display:none隐藏元素区别
- hidden属性与display:none本质不同：前者是HTML5语义化布尔属性，影响DOM可访问性、表单提交和SEO，且可被CSS覆盖；后者是CSS渲染控制，彻底移除元素于渲染树。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- 精准替换术语：正则\\b应用技巧解析
- \b是匹配单词边界的零宽断言，位于\w与非\w字符之间，不消耗字符；正确用法为\b目标词\b，确保只替换完整单词。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- HTML框架有哪些\_前端CSS框架对比推荐
- Bootstrap5值得用，定位是实用优先的组件化CSS+JS库：默认无jQuery依赖、内置Popper、需手动初始化JS组件，适合管理后台等快速交付项目。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- HTML中BOM对象操作浏览器窗口方法
- window.open()用于打开新窗口或查找已命名窗口，语法为window.open(URL,name,specs,replace)，其中URL、name、specs均为可选参数，replace已弃用且Chrome中会抛异常。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- Vue3 响应式如何处理嵌套 Map 和 Set？
- Vue3响应式不自动穿透Map/Set嵌套：仅结构变更（add/delete）可响应，内部对象属性修改需显式reactive包裹+模板读取触发依赖；WeakMap/WeakSet不支持响应式。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- Web Workers处理计算，避免页面卡顿
- WebWorkers是浏览器的多线程API，可将耗时任务移至后台线程执行，避免阻塞主线程。通过创建独立JS文件并用newWorker()实例化，主程序与Worker间以postMessage通信，实现如斐波那契计算等密集任务，提升页面响应性。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- CSS设置border-collapse避免边框加粗方法
- 直接加border-collapse:collapse可解决边框重叠变粗问题，但必须作用于<table>元素，且需确保无border-style:hidden等覆盖样式，并通过computed样式验证生效；合并后应拆分控制border-width/border-color/border-style以精确调整。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- grid-template-columns: 200px 1fr;
- grid-template-columns混用固定值和1fr是标准且推荐的做法；例如三列布局可写为200px120px1fr，其中1fr分配容器宽度减去固定列后的可用自由空间，多fr按比例分配，需确保父容器设display:grid且有明确宽度。
- 文章 · 前端 | 2个月前 | 402浏览 收藏
-
- WeakRef优化原型链内存使用方法
- 真正有效的优化不是“给prototype加WeakRef”，而是识别并切断原型链上下游之间不该存在的强引用依赖，如用WeakKeyDictionary替代类级强注册表、在Proxy/Descriptor中用WeakRef封装目标对象、规避对不可弱引用类型的误用，并按内存水位降级类级别缓存。
- 文章 · 前端 | 2个月前 | 401浏览 收藏
-
作为锚点。JavaScript 也可用于平滑滚动效果。代码示例：返回顶部
CSS（可选平滑">
