技术栈
原生javascript
叫我一声阿雷吧
6 天前
响应式布局
·
节流防抖
·
平滑过渡
·
原生javascript
·
滚动监听
·
滚动导航吸顶
·
导航高亮
原生 JS 实现滚动导航吸顶：智能吸顶 + 高亮联动 + 平滑过渡（附完整源码）
滚动导航吸顶（Sticky Nav）是现代 Web 页面的核心交互组件，核心作用是固定导航栏，解决长页面滚动后导航消失、用户切换页面板块不便的问题。常见应用场景覆盖全行业：
叫我一声阿雷吧
8 天前
无限滚动
·
节流
·
原生javascript
·
下拉加载更多
·
滚动监听
·
长列表优化
·
前端性能
原生 JS 实现无限滚动加载（下拉加载更多 + 无闪烁 + 性能优化），长列表必备组件
无限滚动加载（Infinite Scroll）是现代 Web 应用最主流的列表加载方式，替代传统分页，大幅提升用户浏览体验，常见场景：
叫我一声阿雷吧
21 天前
图片上传
·
canvas
·
文件上传
·
响应式布局
·
拖拽上传
·
原生javascript
·
filereader api
原生 JS 实现图片预览上传组件：多图上传 + 拖拽上传 + 裁剪预览 + 进度显示（附完整源码）
图片上传是前端开发中高频且核心的功能场景，如头像上传、素材管理、表单提交等。本文基于原生 HTML+CSS+JavaScript 实现一套企业级图片预览上传组件，包含多图选择、拖拽上传、实时预览、图片裁剪、上传进度显示、文件大小 / 格式校验等功能，无任何第三方框架依赖，代码模块化封装，可直接集成到各类项目中。
我是有底线的