国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

WEB前端開發(fā)之我的網(wǎng)站重構(gòu)初體驗

2018-01-22 1602 0
4個月前我得到了人生中的第一份職位——“重構(gòu)工程師”。那時就經(jīng)常有人問我:“這份職位是做什么?”“重構(gòu)需要什么技術(shù)?”,當(dāng)時我的回答是:“重構(gòu)就是前端咯。”然而經(jīng)過這個4個月的工作之后,我發(fā)現(xiàn)當(dāng)時我的回答可能不那么的正確。那么,作為一位仍然還是“新人”的重構(gòu)工程師,說一下關(guān)于這份職位現(xiàn)在我的理解和學(xué)習(xí)到的東西吧。當(dāng)然,有錯誤或不當(dāng)?shù)牡胤竭€請各位前輩多多指教。 重構(gòu)工程師是做什么的?需要什么樣的素質(zhì)? 對于重構(gòu)工程師這個職位,比較官方的回答是:“以網(wǎng)頁為載體,將網(wǎng)站的視覺與交互反饋以更優(yōu)的方式在終端中實(shí)現(xiàn);勇于挑戰(zhàn)現(xiàn)有的不合理規(guī)則,追求標(biāo)準(zhǔn)化;設(shè)計師中的程序員、程序員中的設(shè)計師。” 看到以上的解釋,你是不是覺得說的再好聽重構(gòu)工程師不就是做網(wǎng)頁嗎,重構(gòu)工程師=切圖+HTML+CSS,多么簡單的一份工作!其實(shí)不然,切圖也好、HTML和CSS代碼也罷,這些只不過是我們使用的“道具”,更重要的是我們追求的目標(biāo)是什么?我們要實(shí)現(xiàn)的是什么?我認(rèn)為,所謂重構(gòu)工程師所做的恰恰是項目中最基礎(chǔ)也是最關(guān)鍵的工作,我們在切圖,但考慮的是怎樣切才能使布局最合理化、加載速度最快、及易實(shí)現(xiàn)性;我們在寫代碼,但考慮的是怎樣以代碼量最少、JS調(diào)用最合適、最符合規(guī)范、性能最好、可維護(hù)性最佳的情況下來實(shí)現(xiàn)各瀏覽器上最小差別甚至無差別的UI展現(xiàn)和用戶體驗。 一句話總結(jié)一下,用戶之所以能在各平臺上無差別的瀏覽頁面并擁有良好的用戶體驗,很大程度上,正是重構(gòu)工程師們的工作所帶來的。 剛開始工作的時候,我也是想:“不就是寫寫HTML+CSS代碼嗎,隨便一個計算機(jī)專業(yè)的人都行咯,這份工作會不會太簡單。”經(jīng)過這4個月的工作之后,才發(fā)現(xiàn)當(dāng)時自己的淺薄和無知。列個表寫一下當(dāng)時和現(xiàn)在對這份工作的做法和理解的不同吧。
tenpay-web-rebuild-1 從上表我們不難總結(jié)出,一個合格的重構(gòu)工程師應(yīng)該具備的幾點(diǎn)素質(zhì): (一)   良好的溝通能力 溝通,是任何工作中都不能缺少的,重構(gòu)也一樣。在一個需求正式開始寫代碼之前,我們首先要要做的就是和上游產(chǎn)品經(jīng)理、視覺設(shè)計師、以及下游前端工程師的溝通。在和上游的溝通中,我們要明確這個需求的背景(為什么要做這個需求、這個需求的必要性)、目的、內(nèi)容、需要實(shí)現(xiàn)的功能,然后確認(rèn)視覺稿,對其中有疑問、發(fā)現(xiàn)有缺失的地方也及時進(jìn)行溝通。和上游溝通結(jié)束之后,就可以確定這個需求的優(yōu)先級和工作量了。然后再和下游進(jìn)行溝通,進(jìn)一步的確定重構(gòu)的工作范圍和實(shí)現(xiàn)方式。
(二)   對自己的產(chǎn)品負(fù)責(zé)的心態(tài) 對自己的產(chǎn)品負(fù)責(zé)不是說在規(guī)定的時間內(nèi)做完就好了,更應(yīng)該考慮的是我們產(chǎn)出的性能以及可維護(hù)性。比如說最基礎(chǔ)的:你制作的某個頁面加載速度如何?頁面中是不是總會有溢出的問題?前端工程師是不是認(rèn)為你的代碼難以閱讀或為他們的工作帶來了其他不便?你制作的頁面是不是讓其他同事難以維護(hù)?等等。另外,經(jīng)常去瀏覽自己的頁面,檢查是否出現(xiàn)了什么問題也是必要的。發(fā)現(xiàn)自己的產(chǎn)品有任何問題,都應(yīng)該主動的去及時修復(fù),而不是等著產(chǎn)品經(jīng)理發(fā)現(xiàn)、提出、再去修復(fù)。
(三)   追求細(xì)節(jié)完美的精神 一個合格的重構(gòu)工程師不僅僅是要完美的還原視覺稿,在制作的過程中,還要善于發(fā)現(xiàn)視覺稿中都沒有注意到的問題,比如行距、按鈕顏色的統(tǒng)一性、字體的統(tǒng)一性等問題。另外,各瀏覽器上的展現(xiàn)是否有較大的差異、代碼是否有冗余、其性能的優(yōu)劣和可維護(hù)性等專業(yè)度上的細(xì)節(jié)也是我們必須要重點(diǎn)注意到的。 就像是從最初的“目測”視覺稿到現(xiàn)在1px、1px的去量、去檢查視覺稿的還原度,從拿到視覺稿馬上去實(shí)現(xiàn)到現(xiàn)在拿到稿先分析的這種轉(zhuǎn)變,這四個月中,我學(xué)到的更多的是一種注重細(xì)節(jié)的態(tài)度和思考的方法。一名合格的重構(gòu)工程師追求的就是這種細(xì)節(jié)上的完美和置身處地的思考。今天我學(xué)到了很多,之后能學(xué)的更多,也許再過4個月,又會和今天不同的理解。
我的重構(gòu)初體驗 

22
評論區(qū)(0)
正在加載評論...
相關(guān)推薦
主站蜘蛛池模板: 99热这里有免费国产精品 | 久久99精品国产自在现线小黄鸭 | 欧美在线中文 | 欧美日韩亚洲第一页 | 精品在线视频播放 | 日日干夜夜干 | 狠狠色噜噜狠狠狠狠 | 亚洲一区二区三区麻豆 | 思思久热re6这里有精品 | 91日本在线精品高清观看 | 欧美另类黑人巨大videos | 国产精品99久久免费观看 | 伊人网综合在线观看 | 精品久久久久久久免费加勒比 | 国产欧美成人不卡视频 | 亚洲视频中文字幕在线观看 | 97国产成人精品免费视频 | 一区二区三区成人 | 亚洲午夜精品 | 中文一区 | 狠狠色丁香婷婷综合最新地址 | 丁香婷婷成人 | 免费观看美女光子让男人玩 | 久久成人18免费 | 久久精品中文字幕不卡一二区 | 国产精品综合一区二区三区 | 国产精品自拍亚洲 | 亚洲精品国产乱码在线播 | 真人毛片免费拍拍拍aa视频 | 欧美天堂在线视频 | 成人综合婷婷国产精品久久免费 | 2019精品国产品免费观看 | 欧美精品一区二区在线观看 | 高清一区二区三区 | 亚洲日本中文 | 亚洲国产精品久久久久666 | 国产精品手机视频 | 国产深夜福利 | 久久国产精品国产自线拍免费 | 久久se精品一区二区影院 | 亚洲精品乱码一区二区在线观看 |