![](https://img-blog.csdnimg.cn/20190819102723723.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
那些年写过的企业级中后台vue,react组件
文章平均质量分 81
vue-element,react-antd企业级中后台常用组件,表格,图标,富文本,图片裁剪,上传图片,上传视频等
xiaofei0627
前端开发者 + linux 爱好者。热衷于前端开发技术, 熟悉 Vue,React,微信小程序,webpack,vite,babel,node,linux,nginx 等。
展开
-
create-react-app 开发环境编译太慢的解决方案
create-react-app 开发环境编译太慢的解决方案react 开发环境编译太慢的解决方案原创 2019-06-25 14:21:23 · 14861 阅读 · 1 评论 -
react 中使用 video.js 播放 hls(m3u8)格式的视频
react 中使用 video.js 播放 hls(m3u8)格式的视频简介:公司业务需求,由于后端把 mp4 视频转码成 m3u8 视频供手机端播放,导致后台系统播放不了 m3u8 格式的视频(原来是直接用的原生 video 标签播放)。项目主要依赖:(先安装,步骤略)create-react-app:3.0.0{ "react": "^16.11.0", "react-rout...原创 2019-12-25 18:24:37 · 13956 阅读 · 7 评论 -
vue图片裁剪组件
vue图片裁剪组件简介图片裁剪组件同上传图片组件一样,用的较多,这里主要用的是vue-cropper这个包,功能支持裁剪图片文件类型检验,图片大小检验,图片分辨率校验以及图片比列校验等功能。主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", ...原创 2019-08-21 15:34:52 · 10331 阅读 · 2 评论 -
vue上传图片组件
上传图片组件简介上传图片组件也是后台管理系统的最重要的基础组件之一,这里功能支持图片文件类型检验,图片大小检验,图片分辨率校验以及图片比列校验等功能。主要依赖说明 { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }正文1.组件src/components/Upload...原创 2019-08-21 15:03:34 · 8456 阅读 · 2 评论 -
vue 项目中添加git hooks以及添加eslint和stylelint
vue 项目中添加git hooks以及添加eslint和stylelintvue 项目中添加 git hooksVue-hooks(钩子) 给vue项目添加ESLint优雅的 git commit 以及 eslint 自动修复代码如何为你的 Vue 项目添加配置 StylelintStylelint自动修复样式css,scss,sass原创 2019-07-16 17:26:11 · 6320 阅读 · 0 评论 -
vue结合 element-ui实现强大的后台管理系统表格组件
vue结合 element-ui实现强大的后台管理系统表格组件简介表格作为后台管理系统的最重要的基础组件之一,功能越强大,后续所做的开发量就越小,这里把常见的提炼出来,分享给大家。基础功能支持loading,分页,按钮操作,数据格式化,数据选择等。主要依赖说明 { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-ro...原创 2019-08-20 16:43:19 · 6978 阅读 · 0 评论 -
react 项目结合 antd 实现强大的后台管理系统表格组件
react 项目结合 antd 实现强大的后台管理系统表格组件简介: antd 本身的表格组件十分强大,十分灵活,这里基于 antd 的 Table 组件做业务封装,支持功能:表格索引,loading,分页,按钮操作,数据格式化,数据选择等。项目主要依赖:(先安装,步骤略)create-react-app:3.0.0{ "react": "16.8.6", "react-route...原创 2019-09-04 09:44:12 · 5012 阅读 · 0 评论 -
vue结合videojs实现视频播放组件
vue结合videojs实现视频播放组件简介业务需求,视频播放组件往往结合视频上传组件一块使用。视频上传组件主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vue-video-player": "^5.0.2" }正文1...原创 2019-08-29 12:29:09 · 9048 阅读 · 0 评论 -
vue后台管理系统富文本组件(三)quill
vue后台管理系统富文本组件(三)quill简介quill也是相当不错的富文本。优点:美观,现代,功能强大。缺点:兼容性不好,国际化语言支持缺失。主要依赖说明 (先安装,步骤略) { "axios": "^0.18.0", "element-ui": "2.11.1", "vue": "^2.6.10", "vue-quill-editor": "...原创 2019-09-03 13:03:14 · 5933 阅读 · 0 评论 -
react项目结合braft-editor实现精致的富文本组件
react项目结合braft-editor实现精致的富文本组件简介: 基于react的富文本组件本来就不多,braft-editor是react里人气相当高富文本,这里基于他打造一个精致的富文本。项目主要依赖:(先安装,步骤略)create-react-app:3.0.0{ "react":"16.8.6" , "react-router-dom":"5.0.0", ...原创 2019-08-24 11:52:56 · 6647 阅读 · 0 评论