熟練使用Vue全家桶,熟練使用Bootstrap技" />
熟練掌握HTML5、CSS3、JavaScript 、ES5/6 等前端技術(shù)和頁(yè)面布局,熟練運(yùn)用HTML+CSS來制作符合W3C規(guī)范頁(yè)面,掌握DOM的基本知識(shí)點(diǎn),了解git的使用;
熟練使用Vue全家桶,熟練使用Bootstrap技術(shù)快速實(shí)現(xiàn)頁(yè)面的各類交互,注重編寫可復(fù)用的組件,能獨(dú)立完成Web頁(yè)面的開發(fā)、熟練使用常用的debug工具;
熟悉移動(dòng)端設(shè)計(jì),根據(jù)UI稿,使用百分比、rem、flex、vw等相關(guān)技術(shù)實(shí)現(xiàn)自適應(yīng)。了解微信小程序開發(fā)(個(gè)人小程序Demo二維碼附上);
有良好的編程風(fēng)格,具有較好的問題解決能力、理解能力和團(tuán)隊(duì)協(xié)作意識(shí),注重高性能優(yōu)化。
個(gè)人網(wǎng)站:http://limeng.website/ 。
同時(shí)開發(fā)了小程序版,二維碼可聯(lián)系本人。
技術(shù)棧:Bootstrap、Vue.js、Vue-router、Vue-x、Axios、Vue-cli。
網(wǎng)站描述:樂檬電影展示了電影史評(píng)分前90部電影,在這里你可以獲取到電影信息和最新熱評(píng)。
實(shí)現(xiàn)方案:基于Vue-cli3腳手架和Vue全家桶搭建,響應(yīng)式采用Bootstrap。Localstorage模擬注冊(cè)登錄數(shù)據(jù),兩者結(jié)合,實(shí)現(xiàn)注冊(cè)登錄、購(gòu)物車存儲(chǔ)功能,再結(jié)合路由守衛(wèi)實(shí)現(xiàn)登錄狀態(tài)限制。Vuex統(tǒng)一購(gòu)物車增刪狀態(tài)。
項(xiàng)目特點(diǎn):
獨(dú)立進(jìn)行前期設(shè)計(jì)、搭建、功能的實(shí)現(xiàn),實(shí)現(xiàn)了分類,跳轉(zhuǎn),搜索,注冊(cè),登錄,購(gòu)物車功能。
通過組件化的形式開發(fā)復(fù)用對(duì)象,大大提升效率。
對(duì)打包后的js優(yōu)化,主要通過按需加載js,抽離公共方法等,服務(wù)器使用G-zip壓縮。打包后體積從1MB+減小至300KB+。訪問速度從5s提升至2s。
通過精靈圖縮減Http請(qǐng)求,引用地址改為CDN地址,靜態(tài)資源改成網(wǎng)絡(luò)存儲(chǔ),請(qǐng)求減少40%
使用keep-alive強(qiáng)緩存,大幅加快二次訪問體驗(yàn)。閉包實(shí)現(xiàn)搜索頁(yè)面防抖功能,優(yōu)化Axios請(qǐng)求。
通過Vue-X 實(shí)現(xiàn)狀態(tài)管理。使用commit和$store.state實(shí)現(xiàn)了數(shù)據(jù)的一致性,簡(jiǎn)化了整個(gè)數(shù)據(jù)修改流程。
通過router.beforeEach做導(dǎo)航守衛(wèi),不同的登錄狀態(tài)控制訪問權(quán)限,從而實(shí)現(xiàn)注冊(cè)登錄功能。
網(wǎng)址:http://limeng.website/ 技術(shù)棧:Bootstrap、Vue.js、Vue-router、Vue-x、Axios、Vue-cli。 網(wǎng)站描述:樂檬電影展示了電影史評(píng)分前90部電影,在這里你可以獲取到電影信息和最新熱評(píng)。 實(shí)現(xiàn)方案:基于
開發(fā)樂檬電影小程序版。實(shí)現(xiàn)了分類,跳轉(zhuǎn),搜索,注冊(cè),登錄,購(gòu)物車功能,運(yùn)用小程序組件化開發(fā)特點(diǎn),極大提升了開發(fā)效率。 項(xiàng)目特點(diǎn): 基于小程序組件化開發(fā),如:swiper,navigator,loading,tabar實(shí)現(xiàn)。 修改布局,通過tabBar布置導(dǎo)航欄,使用
項(xiàng)目描述:提供攝影拍照服務(wù),跟專職攝影師對(duì)接提供預(yù)約服務(wù)。主要功能有支付,視頻,音頻,圖片,文件處理,社交分享,第三方登錄等 開發(fā)工具: vscode、git、github等技術(shù)和團(tuán)隊(duì)協(xié)作開發(fā)工具; 崗位職責(zé):主要負(fù)責(zé)頁(yè)面的布局和數(shù)據(jù)渲染,并且配合APP完成頁(yè)面的嵌套