个人作品展示平台
这是个人作品展示平台,其中包括个人博客/ 组件库(完善中)/ 拖拽可视化low-code平台(完善中)/ 脚手架/ 个人插件/ 学习记录。。。等 如果有人能看到请star下,如果能帮助到大家最好了
个人博客
- 个人博客网站,记录自己看过的文章以及笔记等,一方面进行汇总,另一方面方便以后更快的查找
个人组件库
viewer-design个人组件库
Viewer Design是一款基于 Vue3.0 + typescript开发的中后台UI组件库, 组件的高配置性 + 传统的UI组件库的特性 + 更好的交互体验,为用户的使用提供了很大的便利
图形拖拽low-code平台
图形拖拽low-code平台
主要是通过图形组件的拖拽,迅速完成页面。第一阶段目的主要是针对简单活动页。 代码开发中,敬请期待…
脚手架
auto-eslint-cli 自动部署eslint脚手架
实现了eslint + prettier + commitlint + husky 一键部署。支持多维度部署 以及版本锁定 使用工程化来完成避免手动实现
- 自动安装eslint等插件
- 自动实现git hook等钩子注册
- 支持vue,react,commonJs工具等部署
- 提供了js/ json等多种配置方式
脚手架
hot-refresh 文件更新通知脚手架
实现了前端静态服务,以及监听当前索引html的所有引用文件,一旦文件发生变化,通知浏览器自动更新
- 支持强大静态服务
- 强大的log体系,可以通过参数自由控制打印
- 支持静态服务缓存(强制缓存,以及协商缓存)
- 能够监听html中引入所有的文件变化,而从通知浏览器更新
- 引入或是删除外部链接时,能够做颗粒程度的差异化比较,减少监听文件对性能消耗
- 能够做到时时保存,时时刷新浏览器,结束了手动刷新浏览器的时代
个人插件
postcss-transform-unit
可以通过配置,在编译的时候会单位进行转换,rem/ rpx/ px 任意转换
condition-filter-loader
为一些webpack loader增加筛选条件,例如:图片压缩,webpack config中配置该loader,该loader配置image-loader,就可以开启条件筛选
where-type
可以判断不同的数据类型,例如: isNumber。以及获取不同类型,getTypes()
single-merge
将两个对象的数据进行深度合并,如果遇到值为数组,可以通过options来配置是合并还是覆盖
single-cookies
封装了一些关于cookie的增删改查的操作
single-throttle
该插件封装了节流功能,可以将节流单独拿出来使用
github
更多的学习资料以及开源项目可以看个人github个人GitHub地址