StriveLiu

无需任何动画库，仅用原生 Web API 实现滚动时丝滑的淡入滑入效果，兼顾性能与体验。你是否见过这样的交互动效：用户滚动页面时，一组卡片像被“唤醒”一样，依次从下方滑入并...

📖 故事的开始：一个让浏览器崩溃的需求 某天，产品经理兴冲冲地跑过来："我们的后台需要展示用户的操作日志，大概有一万条，要支持左右滚动，还要固定前两列方便对照。" 你心想...

Canvas 高性能表格组件技术详解 前言 在前端开发中，当需要渲染大量数据的表格时，传统的 DOM 渲染方案会遇到严重的性能瓶颈。每个单元格都是一个 DOM 节点，当数据...

前端工程化基石：构建工具，构建工具家族图谱🛠️ 前言 为什么市面上已经有这么多构建工具了，有 esbuild 、webpack 、rollup 等等等，还有源源不断的构建...

如果 CSS 能像 JavaScript 一样进行条件判断会怎样？ 你可能会想，只是个条件判断，能有什么用？ 那你就太小瞧这个功能了！ 这篇文章带你展示它的强大。 PS：目...

这款酷炫的蛇形时间轴组件，用Canvas实现波浪布局+动态动画，支持亮暗主题、交互悬停、参数实时调节，源码完整，拿来即用！告别枯燥时间线，让数据展示更生动。...

还在为每个列表页写重复的分页代码而烦恼吗？ 还在复制粘贴 currentPage、pageSize、loading 等状态吗？ 一个 Hook 帮你解决所有分页痛点，减少9...

基于Element Plus的el-table组件，开发功能强大的通用可编辑表格，支持单元格编辑、右键菜单操作、多种输入类型和汇总行计算，提升开发效率和用户体验。...

告别臃肿的第三方库！只需几百行简洁代码，就能让你的列表拥有丝滑流畅的拖拽体验，像被施了“魔法手指”一样灵动。无需担心体积臃肿或依赖过多，轻松实现自定义，开发体验和用户体验都...

# monorepo入门 [带你了解更全面的 Monorepo - 优劣、踩坑、选型](https://juejin.cn/post/7215886869199896637...

带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~...

最近在使用 NestJs 和 NextJs 在做一个协同文档 DocFlow，如果感兴趣，欢迎 star，有任何疑问，欢迎加我微信进行咨询 yunmz777 在现代前端开发...

效果图 原理 根据传入字符串，生成 svg 头像。 小案例 应用 这个功能主要是应用在了我的聊天室里面，根据不同的昵称，随机生成个人头像。 聊天室地址...

基于 `pnpm` 的 `monorepo` ，并针对 `vite` 的构建进行了一些优化，这是基于我过往经验的 “最佳实践”...

实现效果 实现代码 功能描述 1.组件管理 2.画布系统 3.标尺和参考线 4.组件编辑 5.对齐辅助 6.历史记录 7.数据管理 8.交互体验 9.响应式设计 10.技术...

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五...

她不变的微笑仿佛在嘲弄那些信以为真的主顾，他们真的把只在想象中的一切当作了实在，因为这里可触可感的物品也同属虚假：家具坐上去便散架，唱机的空膛里藏了一只抱窝的母鸡，花园里全...

在开始 readonly 之前，我们先补充一下 Proxy 的知识： Proxy Proxy 是实现 reactive、readonly 等功能的核心。它会在目标对象前架设...

🎯 用 Vue + SVG 实现一个「蛇形时间轴」组件，打造高颜值事件流程图 在数据可视化或大屏项目中，我们常常需要展示一系列的事件流程，比如飞行轨迹、操作日志、任务执行...