技術(shù)能力

1、具備良好的代碼編程習(xí)慣及自學(xué)能力，熟練掌握J(rèn)S、TS編程進(jìn)行開發(fā)應(yīng)用。
2、熟練使用react，react-native，redux等構(gòu)建react技術(shù)棧的應(yīng)用。
3、熟練使用vue2, vue3，vuex，vue-router以及nuxt.js服務(wù)端渲染構(gòu)建vue技術(shù)棧的應(yīng)用。
4、熟悉掌握bootstrap，echarts，element-ui， antd， vant、wepy等前端主流UI框架的定制開發(fā)。
5、熟練掌握異步的處理方案promise，async/await的原理及使用（具備實(shí)現(xiàn)原生promise的能力）
6、熟悉AJAX、fetch、JSON數(shù)據(jù)處理機(jī)制以及JSONP的跨域請(qǐng)求，熟悉掌握前后端的交互和前后臺(tái)分離的開發(fā)模式。
7、理解MVC/MVVM設(shè)計(jì)模式，了解HTTP網(wǎng)絡(luò)通信協(xié)議，具有oop、FP編程思想 。
8、具備工程化的開發(fā)思想，自己構(gòu)建npm包的能力，搭建前端公共組件庫(kù)等。
9、掌握webpack工作原理和核心概念，具備自己構(gòu)建需要的開發(fā)環(huán)境及上線環(huán)境等。
10、有Git、npm，gitlab, sourcetree等包和代碼管理工具的使用經(jīng)驗(yàn)。
11、具有后端開發(fā)思想，掌握使用mysql數(shù)據(jù)庫(kù)，具有使用Node.js作為項(xiàng)目中間層，以及node作為web后臺(tái)的實(shí)戰(zhàn)經(jīng)驗(yàn)。掌握其常用模塊和理解事件驅(qū)動(dòng)的原理

項(xiàng)目經(jīng)驗(yàn)

一、樂(lè)享泊車(uni-app 項(xiàng)目涉及小程序、公眾號(hào)、生活號(hào)、android)
項(xiàng)目描述: 因?yàn)?90%的頁(yè)面表現(xiàn)一致，部分授權(quán)的流程不一樣，還有部分 pda(android 應(yīng)用)開發(fā)的 需求，所以技術(shù)上選用了 uni-app 進(jìn)行開發(fā)，該跨平臺(tái)框架 uni-app 開發(fā)支持打包為微信小程序、
公眾號(hào)和支付寶生活號(hào)，節(jié)省了人員開發(fā)成本，便于后期維護(hù)和管理。
功能描述: 按照 tabbar 分類有首頁(yè)、咨詢、停車、訂單、我的這五個(gè)模塊目前包涵車牌繳費(fèi)、優(yōu) 惠購(gòu)車、車位預(yù)約、錯(cuò)峰共享、車輛管理、車輛導(dǎo)航等功能。
主要技術(shù): uni-app，uview-ui ，vuex，vue，極光推送等。
心得體會(huì): 這個(gè)是我入職后重構(gòu)的項(xiàng)目，原來(lái)的小程序和公眾號(hào)分別是有兩套代碼維護(hù)開發(fā)，而且 頁(yè)面表現(xiàn)只有小部分不一致。由于公司技術(shù)棧是以 vue 為主，所以就采用了 uni-app 來(lái)重構(gòu)兩個(gè)項(xiàng) 目，遇到不同環(huán)境下需要執(zhí)行不同的代碼時(shí)，uniapp 提供了條件編譯的方式實(shí)現(xiàn)所謂的兼容性， 對(duì)于開發(fā)人員上手難度比較低，這樣就實(shí)現(xiàn)了一套代碼多端復(fù)用，提高了開發(fā)的效率。
二、低代碼平臺(tái)
項(xiàng)目描述: 低代碼編輯器項(xiàng)目的技術(shù)棧采用 vue+koa+mongodb 開發(fā)， 部署在公司內(nèi)網(wǎng)，通過(guò)點(diǎn)擊 加載組件然后進(jìn)行拖拽拼湊出不同頁(yè)面，這樣的頁(yè)面開發(fā)方式即使公司的運(yùn)營(yíng)人員也可以配置活動(dòng)
頁(yè)面，宣傳頁(yè)面等;提高了效率，降低了人力開發(fā)成本。
功能描述: 該產(chǎn)品主要有登錄模塊、組件庫(kù)、頁(yè)面管理、模版庫(kù)、畫板、屬性編輯面板組成。 主要技術(shù): vue、koa、mongodb、vuex、element-ui、loadsh
心得體會(huì): 這個(gè)是由我負(fù)責(zé)前后端的項(xiàng)目，低代碼編輯器的實(shí)現(xiàn)思路是:編輯器生成頁(yè)面 JSON 數(shù) 據(jù)，服務(wù)端負(fù)責(zé)存取 JSON 數(shù)據(jù)，渲染時(shí)從服務(wù)端取數(shù)據(jù) JSON 交給前端模板處理。確認(rèn)了實(shí)現(xiàn)邏 輯，數(shù)據(jù)結(jié)構(gòu)也是非常重要的，把一個(gè)頁(yè)面定義成一個(gè) JSON 數(shù)據(jù)，主要?jiǎng)澐秩齻€(gè)維度頁(yè)面工程數(shù)
據(jù)(pages: [])、多頁(yè)頁(yè)面 pages 其中一頁(yè)數(shù)據(jù)結(jié)構(gòu)(elements: [])、元素?cái)?shù)據(jù)結(jié)構(gòu)。編輯畫板 只需要循環(huán)遍歷 pages[i].elements 數(shù)組，將里面的元素組件 JSON 數(shù)據(jù)取出，通過(guò)動(dòng)態(tài)組件渲染 出各個(gè)組件，支持拖拽改變位置尺寸。
三、商業(yè)停車場(chǎng)運(yùn)營(yíng)管理平臺(tái)(SaaS、微前端技術(shù)架構(gòu)重構(gòu))
項(xiàng)目描述: 商業(yè)停車場(chǎng)運(yùn)營(yíng)管理平臺(tái)主要是收集、分析、管理路內(nèi)和路外的停車數(shù)據(jù)，為運(yùn)營(yíng)商提 供一站式操作平臺(tái)，用微前端技術(shù)架構(gòu)重構(gòu)十大模塊每個(gè)模塊都可以使用不同的技術(shù)棧，滿足了技 術(shù)先進(jìn)性的同時(shí)也兼顧了老項(xiàng)目技術(shù)的兼容性。
主要技術(shù): react，vue，axios，webpack，ts、vuex、redux 等
功能描述: 十大模塊分別是路內(nèi)停車管理系統(tǒng)、路外停車管理系統(tǒng)、新能源充電系統(tǒng)、停車誘導(dǎo)、 數(shù)據(jù)分析與預(yù)測(cè)、車場(chǎng)備案、商戶管理系統(tǒng)、運(yùn)營(yíng)中心、財(cái)務(wù)管理、系統(tǒng)管理。
心得體會(huì): 該項(xiàng)目是商業(yè)停車場(chǎng)運(yùn)營(yíng)管理平臺(tái)，是由微前端重構(gòu)的項(xiàng)目，支持使用不同的技術(shù)棧來(lái) 滿足不同的需求，保證老項(xiàng)目穩(wěn)定運(yùn)行的同時(shí)還支持新項(xiàng)目開發(fā)和迭代。當(dāng)一個(gè)項(xiàng)目業(yè)務(wù)越來(lái)越臃
腫，組件庫(kù)里的內(nèi)容也是越來(lái)越多時(shí)，技術(shù)更新的成本也就越來(lái)越高，為了用戶的體驗(yàn)更好，技術(shù) 更新也要及時(shí)，這時(shí)微前端的架構(gòu)就很有必要，它解決了一個(gè)大型的項(xiàng)目可以使用不同的技術(shù)棧來(lái) 解決不同的業(yè)務(wù)需求，比如說(shuō)同一個(gè)項(xiàng)目它的主應(yīng)用可以是 react，子應(yīng)用可以是 vue 等。
四、結(jié)合業(yè)務(wù)需求建設(shè)內(nèi)部 ui 組件庫(kù)
項(xiàng)目描述: 搭建了 pc 端業(yè)務(wù)組件庫(kù)，可以在所有業(yè)務(wù)之間使用，避免重復(fù)勞動(dòng)。目前針對(duì)不同的業(yè)務(wù) 擁有不同的業(yè)務(wù)組件庫(kù)。
主要技術(shù): npm，Nexus3 等
功能描述: 使用 Nexus3 搭建公司內(nèi)部組件庫(kù)，可以通過(guò) npm 安裝使用。
心得體會(huì): 為了適應(yīng)市場(chǎng)，產(chǎn)品需要快速迭代開發(fā)，這時(shí)搭建一套便于維護(hù)和開發(fā)的組件庫(kù)就很有 必要，Nexus 3 是一款強(qiáng)大的倉(cāng)庫(kù)管理器，可用于管理各種軟件包和依賴項(xiàng)。借助 Nexus 3 我搭建了 公司內(nèi)部的 npm 的組件庫(kù)，可以通過(guò) npm 安裝使用;pc 端業(yè)務(wù)組件庫(kù)通過(guò)修改 element-ui 源碼的 方式，使一些常用的組件和業(yè)務(wù)結(jié)合度提高，便于快速的開發(fā)迭代項(xiàng)目。

團(tuán)隊(duì)情況