-
-
CSS固定弹窗不滚动的实现方法
-
用position:fixed可解决弹出框随滚动偏移问题，因其相对于视口定位、不随滚动移动；而absolute相对于最近已定位祖先，易受父容器滚动影响。
-
文章 ·
前端
| 4星期前 |
275浏览
收藏
-
-
垂直分隔线占满视口的实现方法
-
当页面内容高度动态变化时，使用position:fixed可使元素相对于浏览器视口（viewport）拉伸至100%高度，从而实现从顶部到底部的全高垂直线效果。
-
文章 ·
前端
| 3星期前 |
275浏览
收藏
-
-
不可变数据与纯函数使用指南
-
纯函数指相同输入始终返回相同输出且无副作用，如add(a,b)；依赖外部变量的函数非纯。不可变数据要求不修改原始对象或数组，而是通过展开运算符等创建新数据，避免状态混乱。例如更新用户年龄时，应使用map和解构生成新数组而非修改原数组。结合二者可提升代码可读性、可维护性与可测试性，尤其适用于React等框架的状态管理。
-
文章 ·
前端
| 3星期前 |
不可变数据
275浏览
收藏
-
-
jQueryUISortable禁用排序项技巧
-
本文详解jQueryUISortable中动态控制列表项可拖拽状态的核心问题：当通过addClass/removeClass切换.non-sortable-item类后，"option","items"更新失效，必须通过destroy+重新初始化才能生效。
-
文章 ·
前端
| 3星期前 |
275浏览
收藏
-
-
CSSGrid元素重叠解决技巧
-
Grid元素自动重叠是因为显式设置相同grid-row/column范围或grid-area，浏览器按DOM顺序层叠显示；需用position+z-index精细控制层级，避免误配轨道或响应式断裂。
-
文章 ·
前端
| 3星期前 |
275浏览
收藏
-
-
Safari输入HTML5链接自动打开技巧
-
Safari中正确渲染HTML5内容需采用file://协议、禁用本地限制、启用HTTP服务器或更新版本并开启实验性功能。具体包括：一、用file:///绝对路径打开本地HTML文件；二、勾选高级设置中的“显示开发菜单”并禁用本地文件限制；三、用Python启动本地HTTP服务，通过http://localhost访问；四、升级Safari至16.0+并启用开发菜单中的HTML5实验特性。
-
文章 ·
前端
| 3星期前 |
HTML5
275浏览
收藏
-
-
Highcharts气泡图图例文字居中显示方法
-
本文介绍一种通过Highcharts插件机制，在堆积气泡图（packedbubble）中将分类标签（如“Asia”“Europe”）精准定位并居中渲染于对应气泡中心的实用方案，无需依赖legend配置，而是动态注入SVG文本元素。
-
文章 ·
前端
| 3星期前 |
275浏览
收藏
-
-
Webpack配置与插件开发全解析
-
Webpack是现代JavaScript项目的核心构建工具，通过配置入口、输出、加载器和插件实现资源打包。entry定义入口文件，支持单入口或多页面应用；output配置输出路径与文件名；module.rules使用loader处理CSS、图片等资源；plugins扩展功能，如HtmlWebpackPlugin生成HTML、CleanWebpackPlugin清理输出目录。常用优化策略包括设置mode为production以启用压缩、splitChunks拆分代码、MiniCssExtractPlugin
-
文章 ·
前端
| 3星期前 |
Webpack
275浏览
收藏
-
