divine-plus
v1.1.34
Published
vue3-ui
Downloads
25
Maintainers
woow_wu7Readme
Divine-Plus
基于 vue3 + webpack5 + ts + vuepress2 构建的组件库
包含了 组件 指令 hooks 等效率工具
Homepage
Usage
// install
npm install divine-plus -S// main.ts
import DivinePlus from "divine-plus";
import "divine-plus/css/index.css";
const app = createApp(App);
app.use(DivinePlus);
app.mount("#app");注意: 不要使用 cnpm 安装，vuepress 依赖 vite 很容易出错
Test
1
Download
git clone [email protected]:woow-wu7/8-divine-plus.git
2
Local Testing
npm run dev // or npm run test:dev
3
Document
npm run docs:devDiscussions
Contributors
Blog
[封装 01-设计模式] 设计原则 和 工厂模式(简单抽象方法) 适配器模式 装饰器模式
[封装 02-设计模式] 命令模式 享元模式 组合模式 代理模式
[封装 03-设计模式] Decorator 装饰器模式在前端的应用
[封装 04-设计模式] Publish Subscribe 发布订阅模式在前端的应用
[封装 05-ElementUI 源码 01] Row Col Container Header Aside MainFooter
[封装 06-Divine-plus] 从 0 开始封装一个 VUE3-UI 组件库
Source Code Analysis
(1) element-ui 源码分析 [element-ui^2]
(2) element-plus 源码分析 [element-plus^2.26]
Other Source Code Analysis
(1) redux 和 react-redux 源码分析 [redux^4.0.5]
(2) 手写 webpack Compiler 源码 [webpack^4.42.0]
(3) axios 源码分析 [axios^0.20.0]
(4) vue 源码分析 [vue^2.6.12]
(5) vuex 源码分析 [v2.6.10]
(6) react 源码分析 [react^17.0.3]
- react 源码分析-仓库
- react 源码分析-我的掘金文章
- js 实现单向链表 - 源码
- 手写 hook 调度-useState 实现 - 源码仓库
- 手写 hook 调度-useState 实现 - 思维导图
(7) a-hooks2.0 源码分析 [a-hooks^2.10.9]
(8) a-hooks3.0 源码分析 [a-hooks^2.10.9]
(9) koa 源码分析 [koa^2.13.1]
- koa 源码分析 - 仓库
- koa 源码调试 - 仓库
- 注意分析：( axios 拦截器 + redux 中间件 + koa 中间件 ) 三者的相同点和区别