组件库
11篇文章 · 0订阅
  • React组件设计实践总结02 - 组件的组织
    一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…
    React.js
    React组件设计实践总结02 - 组件的组织
  • Element Plus 组件库相关技术揭秘：2. 组件库工程化实战之 Monorepo 架构搭建
    工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。
    前端 JavaScript Vue.js
  • Element Plus 组件库相关技术揭秘：6. CSS 架构模式之 BEM 在组件库中的实践
    本文通过 OOCSS、BEM、ITCSS等CSS 架构思想进行剖析 Element Plus 中的 CSS 架构思想，并且学习了 SCSS 的高级用法。
    前端 JavaScript Vue.js
  • ant-design-vue+vite主题切换详细步骤（简单案例）
    在这，我们要实现两个例子，主题切换与夜间模式！适用所有使用less和sass的项目！不仅仅是ant-design-vue！
    前端
    ant-design-vue+vite主题切换详细步骤（简单案例）
  • Vue 使用技巧：优雅的进行二次封装 UI 库组件
    这篇文章就简单的介绍怎么分别来优雅的保留着第三方 UI 库组件原提供的属性（Attributes）、插槽（Slots）和自定义事件（Events），提高生产力效率和代码质量！
    前端框架 Vue.js 前端
    Vue 使用技巧：优雅的进行二次封装 UI 库组件
  • Vue 3的UI组件库二次封装技巧
    关于Vue3对Ui组件库的二次封装，关注四个方面：属性、事件、插槽和方法。以ElementPlus的Input组件举例说明。
    前端 Vue.js
    Vue 3的UI组件库二次封装技巧
  • useTable表格hooks封装和使用(Vue3)
    表格是中后台频繁使用的组件，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是一个基于arco design vue组件库封装的表格hooks：useTable
    前端 Vue.js
    useTable表格hooks封装和使用(Vue3)
  • Form表单组件封装和使用(Vue3)
    表单Form是中后台频繁使用的组件，以下是一个基于arco design vue组件库封装的表单组件。 所有配置都是直接继承组件库组件的props，无需其他文档 可配置展开折叠 支持响应式布局 表单项
    Vue.js 前端 低代码
    Form表单组件封装和使用(Vue3)
  • 作为面试官，为什么我推荐组件库作为前端面试的亮点？
    在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了
    前端 JavaScript Vue.js
    作为面试官，为什么我推荐组件库作为前端面试的亮点？
  • Vue3组件库工程化实战 --Element3
    随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…
    Vue.js
    Vue3组件库工程化实战 --Element3