熟練掌握 Vue2和Vue3,以及生態(tài)組件,能獨立開發(fā)項目,了解一定的 vue 原理。
能運用媒體查詢,Rem 單位,百分比布局,F(xiàn)" />
熟練掌握 HTML、CSS、HTML5、CSS3、JavaScript 等前端開發(fā)技術(shù)。
熟練掌握 Vue2和Vue3,以及生態(tài)組件,能獨立開發(fā)項目,了解一定的 vue 原理。
能運用媒體查詢,Rem 單位,百分比布局,F(xiàn)lex 布局等編寫各種終端自適應(yīng)方案。
熟練掌握常用設(shè)計模式,有良好的技術(shù)架構(gòu)思維和組件拆分設(shè)計思維。
熟練應(yīng)用Git、Nginx、Docker等工具進行代碼管理和項目部署。
熟練應(yīng)用前端編譯、構(gòu)建等常用工具,能用Webpack從零手動搭建Vue開發(fā)環(huán)境(不借助腳手架)。
熟悉 Ajax、Node.js、MySQL 等前后端交互知識。
對前端性能優(yōu)化、前端安全有一定的應(yīng)用思考,能獨立進行 PC端、移動端開發(fā)。具有良好的代碼、文檔編寫習慣。
2023.03-2023.12 浙江賽英MES系統(tǒng) 前端開發(fā)
項目介紹:對公司的智能制造車間,提供一套面向制造車間執(zhí)行層的生產(chǎn)信息化管理系統(tǒng)。提供采購到貨訂單質(zhì)檢、庫存的管理,生產(chǎn)過程中生產(chǎn)工藝路線、計劃、工單、質(zhì)檢、打碼、入庫等一系列過程控制,工單計劃等各類統(tǒng)計看板和車間機器等各類實時監(jiān)控圖,底層數(shù)據(jù)集成統(tǒng)計分析和上層數(shù)據(jù)集成分解等生產(chǎn)一系列模塊。
核心技術(shù)棧: Vue、Vue Router、Vue-CLI、Webpack、Websocket
項目描述:
研發(fā)提效:UI主要在antd的基礎(chǔ)上進行二次封裝,如搜索欄組件、table、Form實現(xiàn)等提高工作效率。
權(quán)限控制:使用localStorage存儲token,配合后臺菜單權(quán)限配置,實現(xiàn)頁面級別權(quán)限控制,通過vue自定義指令實現(xiàn)按鈕級別權(quán)限控制
功能優(yōu)化:
1.luckyexcle在線excle預(yù)覽編輯,方便人員做報表統(tǒng)計。
2.dhtmlx-gantt繪制計劃甘特圖,可以直觀看出各車間機臺工作狀態(tài)以及工作效率。
3.采用websocket進行實時通信,以及對websocket功能采用es6類封裝,實現(xiàn)心跳重連等機制,確保了人員之間推送消息的及時性。
4.平臺多級菜單與路由配置動態(tài)綁定,實現(xiàn)用戶登錄和不同角色路由。
5.布局采用二級路由頁面緩存、tabs標簽頁, 面包屑導(dǎo)航等。根據(jù)實際業(yè)務(wù)情況封裝各類業(yè)務(wù)組件。
Webpack優(yōu)化:
1.通過?cacheDirectory?選項開啟緩存,通過?include、exclude?來減少被處理的文件。
2.啟用Gzip壓縮,減少存儲空間。
3.關(guān)閉sourceMap,減小打包體積。
項目業(yè)績:
1.收集生產(chǎn)部門需求, 設(shè)計項目原型功能,提高了生產(chǎn)部門管理效率和生產(chǎn)效率。 根據(jù)原型功能,設(shè)計前后端接口,完成接口文檔,主導(dǎo)項目順利開展。
2.設(shè)計整個項目架構(gòu),整理業(yè)務(wù)邏輯,封裝組件,復(fù)用邏輯,提高開發(fā)效率,大大減少了開發(fā)時間。對整個平臺界面優(yōu)化, 美化頁面,提高了生產(chǎn)部門用戶體驗,縮減了車間人員的培訓(xùn)時間,并提高了管理層對平臺的滿意度。
本 MES 系統(tǒng)前端項目運用了一系列先進技術(shù),旨在為制造企業(yè)提供高效、智能且用戶體驗出色的生產(chǎn)執(zhí)行管理界面。 項目基于 Vue 框架構(gòu)建,充分利用 Vuex 進行狀態(tài)管理,保證數(shù)據(jù)在組件間的高效共享和同步。通過 Vue Router 實現(xiàn)頁面路由的靈活切換,確保用戶操作的流暢性
1.項目業(yè)務(wù)梳理及模塊劃分,項目框架構(gòu)建,不同業(yè)務(wù)技術(shù)選型,平臺基本搭建,頁面布局和權(quán)限實現(xiàn),業(yè)務(wù)組件封裝,平臺模塊代碼的實現(xiàn)和優(yōu)化。 2.基于 Vue 框架構(gòu)建,運用 Vue Router 確保頁面流暢導(dǎo)航,實現(xiàn)便捷切換。 3.平臺多級菜單與路由配置動態(tài)綁定,實現(xiàn)用戶登錄和