这个项目起名为 howuse,谐音为好用,首先给自己好用
GitHub 地址:github.com/biancangmin…
NPM 地址: www.npmjs.com/package/how…
参考文档:biancangming.github.io/howuse
备选文档节点(流量有限):howuse.netlify.app
前端开发有多苦逼。
- 表单 一个接着一个
- 页面一个接着一个
- charts 写了一个又有一个
- 接口掉完一个又有新的
- .....
最近感觉身体又每况日下了,为了早点下班,早点休息,想尽办法写一些轮子,想一些代码固定模式,结构模式。在去年的时候已经思考做一些事情了,但是很多时候都发觉自己在重复造轮子,gitbub上大神很多,应有的尽有。
最初开发的时候,准备是一个第三方的关于vue3的composition-api,后来发现vueuse这个项目已经足够优秀,想要的应有尽有。
前端的页面大致也分为皮相和骨相,骨相组织的再好,也扛不住UI在皮相上到处动刀子整容,整容整的太多,难免刮刀骨头。对于前端开发人员来说,也只有这骨相可以在自己的掌舵之中了,那么怎么提高骨相的开发速度,是重中之重了。
经过一段时间思考,准备做一个关于脚手架项目,但是考察之后关于element-plus 和 ant-design-vue的优秀中后台系统多如牛毛。原因也不仅仅是多,大多数项目也不一定是后台那种布局结构,毕竟前端的框架布局,很容易被UI左右。正所谓是想要的骨相千篇一律,需要的皮相缺是独一无二。我把自己开发的这些功能称之为碎骨头,无论什么表象的项目,这些碎骨头总能塞进去。
项目停滞好久之后,准备把项目做成一个vue功能增强项目,什么是增强。增强并不追求造轮子,而是在已有的优秀js或者ui库之上做一些加强功能。
HOWUSE 诞生了
这个项目诞生之后,也会陆续加入形形色色的功能,虽然提供了npm包的安装方式,我也同样赞成将这个项目直接下载,复制到自己项目的某个文件夹,这样一来,对于不同的项目进行不同的修改,也会灵活许多。
功能解读
功能上目前分为扩展区、增删改查、组件。源码路径:github.com/biancangmin…
- 扩展区: 是在热门js库的基础上,结合vue语法,易于代码中使用
- 增删改查: 是在常用UI库的基础上建立快速的CRUD
- 组件: 开发一些小众的组件、但大多UI不直接支持,在项目有时会用到
已开发功能
- axios vue3 响应式增强,支持响应中断、自响应、默认节流
- echarts vue3 组件
- pdf 插件,方便将网页元素下载为图片和 pdf
- 基于ant-design-vue 的crud
- 额外vue组件,(常用的UI组件,但主流UI框架一般不集成的组件)
- 蒙版
- 图片预览,命令模式、组件模式
- json 数据预览
- 可拖拽弹窗、且可以操作弹窗底部数据
- 虚拟滚动组件
- 水印组件