2021-11-01

个人作品展示平台

这是个人作品展示平台，其中包括个人博客/ 组件库(完善中)/ 拖拽可视化low-code平台(完善中)/ 脚手架/ 个人插件/ 学习记录。。。等 如果有人能看到请star下，如果能帮助到大家最好了

个人博客

个人博客PC端

1. 个人博客网站，记录自己看过的文章以及笔记等，一方面进行汇总，另一方面方便以后更快的查找

个人组件库

viewer-design个人组件库
Viewer Design是一款基于 Vue3.0 + typescript开发的中后台UI组件库, 组件的高配置性 + 传统的UI组件库的特性 + 更好的交互体验,为用户的使用提供了很大的便利

图形拖拽low-code平台

图形拖拽low-code平台
主要是通过图形组件的拖拽，迅速完成页面。第一阶段目的主要是针对简单活动页。 代码开发中，敬请期待…

脚手架

auto-eslint-cli 自动部署eslint脚手架
实现了eslint + prettier + commitlint + husky 一键部署。支持多维度部署 以及版本锁定 使用工程化来完成避免手动实现

1. 自动安装eslint等插件
2. 自动实现git hook等钩子注册
3. 支持vue，react，commonJs工具等部署
4. 提供了js/ json等多种配置方式

脚手架

hot-refresh 文件更新通知脚手架
实现了前端静态服务，以及监听当前索引html的所有引用文件，一旦文件发生变化，通知浏览器自动更新

1. 支持强大静态服务
2. 强大的log体系，可以通过参数自由控制打印
3. 支持静态服务缓存（强制缓存，以及协商缓存）
4. 能够监听html中引入所有的文件变化，而从通知浏览器更新
5. 引入或是删除外部链接时，能够做颗粒程度的差异化比较，减少监听文件对性能消耗
6. 能够做到时时保存，时时刷新浏览器，结束了手动刷新浏览器的时代

个人插件

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地址