伶俐兔教育平台
项目描述:
专注于教育行业,提供教育行业相关的工具及服务.
技术描述:
项目基于Vue-CLI + Vuex + Vue Router + Vue + TypeScript + Element开发
封装Element的文件上传组件, 加入图片裁剪功能
引入第三方富文本编辑器tinymce
封装管理端table模块的组件库
组件包含: 搜索组件, 过滤器组件, 分页组件, 排序组件
公用方法包含: 搜索, 过滤, 跳转页面, 排序, 刷新
打包优化方案包含:
将首屏必需加载的第三方依赖包排除,使用cdn方式加载; 如: Vue, Vuex, Element, Vue Router, axios
将不影响首屏加载的第三方依赖包在首屏加载完成后,使用异步加载; 如: 富文本编辑器tinymce
Vue路由中引组件时使用ES6提供的懒加载
使用UglifyJsPlugin进行代码压缩
使用CompressionWebpackPlugin将文件进行gzip压缩, 部署时服务端需要开启gizp压缩功能