熟練vue的使用,能完美使用router、vuex、axios等插件
能熟練設(shè)計(jì)一套后端管理框架,開發(fā)各類用過UI組件和業(yè)務(wù)組件
了解 Node.js 的開發(fā),掌握koa框架
熟悉 Webpack 、Gulp、git 等前端工具
熟悉linux工具,能獨(dú)立部署前端工程
Vela框架
項(xiàng)目描述:Vela框架 是一個(gè)可直接上手的前端后臺(tái)管理框架,主要具有動(dòng)態(tài)路由、動(dòng)態(tài)緩存、國際化、excel導(dǎo)入和導(dǎo)出、全屏、拖拽和變化主題等功能,并提供了大量的UI組件和業(yè)務(wù)組件;
使用vue技術(shù)快速搭建開發(fā)環(huán)境,以及vue-router實(shí)現(xiàn)動(dòng)態(tài)路由;
引入element-ui進(jìn)行布局
引入xlsx庫實(shí)現(xiàn)Excel功能;vue-il8n實(shí)現(xiàn)國際化等
使用mock數(shù)據(jù);防止xss攻擊
開發(fā)JSON展示組件、全屏組件、拖拽組件、動(dòng)畫組件等
浦發(fā)銀行OMS運(yùn)維平臺(tái)
項(xiàng)目描述:oms主要是一個(gè)運(yùn)維管理系統(tǒng),主要模塊有首頁、redis、主機(jī)、服務(wù)治理、zipkin調(diào)用鏈、代理、告警、日志、zookeeper、應(yīng)用管理等
vue等框架進(jìn)行頁面布局;
引入element-ui快速進(jìn)行布局,修改部分組件源碼已符合業(yè)務(wù)場(chǎng)景
采取axios拉去數(shù)據(jù),以及攔截請(qǐng)求,提示信息;
整合開源框架zipkin到oms系統(tǒng)(處理大量的計(jì)算)
使用echarts實(shí)現(xiàn)大數(shù)據(jù)平臺(tái)展示
公司后臺(tái)管理系統(tǒng)
項(xiàng)目描述:為了方便公司內(nèi)部管理,公司決定搭建更好的系統(tǒng),主要模塊有:權(quán)限管理、報(bào)銷管理、工資管理、人事管理等;
使用echarts實(shí)現(xiàn)可視化數(shù)據(jù)展示;
利用H5本地存儲(chǔ),css3陰影,選擇器等技術(shù)設(shè)計(jì)制作web頁面;
使用webpack和sass等工具;
使用JQuery實(shí)現(xiàn)邏輯代碼,Ajax進(jìn)行前后端交互;
利用bootstrap3制作響應(yīng)式網(wǎng)站;
可視化監(jiān)控系統(tǒng)Monitor
項(xiàng)目描述:選取開源項(xiàng)目grafana進(jìn)行二次改造,主要用于大規(guī)模指標(biāo)數(shù)據(jù)的可視化展示,改項(xiàng)目支持大部分的時(shí)序數(shù)據(jù)庫,主要模塊有創(chuàng)建、設(shè)置、展示等
集成SSO單點(diǎn)登錄功能;
實(shí)時(shí)編輯圖表及保存功能;
支持大數(shù)據(jù)展示,
Vue-grid-layout、sql-formatter等插件的使用
系統(tǒng)的國際化