iamjoel / fe-solution

前端业务场景 & 解决方案

前端场景 & 解决方案

代码质量

• 全局样式污染解决方案。关键字: CSS Modules，CSS in JS，Scoped CSS。
• 前端测试。 关键字: 单元测试，UI 测试，测试覆盖率，Jest。

性能优化

• 长列表优化。关键字: 分页。 虚拟列表，react window。

开发效率

• 快速生成代码。关键字: Create React App，Vue CLI，Plop。
• 快速找到组件对应的源代码。关键字: React Dev Inspector，React Developer Tools，Vue.js devtools。
• 用工具 CSS 来快速写样式。关键字: tailwind CSS。

业务场景

• 时间操作
• 较复杂的状态管理场景
  • 有条件的联动变化
• 拖放
  • 拖放排序。关键字: react-beautiful-dnd，react DnD。
  • 拖放调整元素宽度的详细介绍
  • 拖放上传文件。关键字: Drag & Drop API。
• 修改元素的位置，大小，旋转角度 关键字: React Moveable。
• 列表滚动无限加载。关键字: scrollHeight，clientHeight，scrollTop。
• 异步同时获取数据，按指定顺序渲染元素。关键字: 异步控制。
• 布局
  • 自适应卡片布局。
  • CSS 表格布局
  • 表格滚动，表头固定的实现
• 酷绚效果
  • 粒子效果
• 管理后台
  • Vue3 的实现。

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建：

• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 增加新的解决方案代码或修改 bug。

参与贡献前请先阅读 CONTRIBUTING。