组件封装技巧
4篇文章 · 0订阅
  • 史诗级 ⚡ 宇宙最强 🏆 vue3 函数式弹窗 🚀
    使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。
    前端 Vue.js
    史诗级 ⚡ 宇宙最强 🏆 vue3 函数式弹窗 🚀
  • 你以为你在封装组件，其实你在引入混乱
    封装组件不是终点，错误的封装反而会引入混乱。本文结合真实项目经验，剖析中后台开发中常见的“伪封装”陷阱，强调职责边界、组合思维与配置驱动的重要性，帮助前端工程师从“写完页面”走向“构建系统”。
    前端 架构
  • 聊聊组件设计
    1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…
    设计模式
  • React组件设计实践总结02 - 组件的组织
    一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…
    React.js
    React组件设计实践总结02 - 组件的组织