pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

我的重構初體驗

   4個月前我得到了人生中的第一份職位——“重構工程師”。那時就經常有人問我:“這份職位是做什么?”“重構需要什么技術?”,當時我的回答是:“重構就是前端咯。”然而經過這個4個月的工作之后,我發現當時我的回答可能不那么的正確。那么,作為一位仍然還是“新人”的重構工程師,說一下關于這份職位現在我的理解和學習到的東西吧。當然,有錯誤或不當的地方還請各位前輩多多指教。

  重構工程師是做什么的?需要什么樣的素質?

  對于重構工程師這個職位,比較官方的回答是:“以網頁為載體,將網站的視覺與交互反饋以更優的方式在終端中實現;勇于挑戰現有的不合理規則,追求標準化;設計師中的程序員、程序員中的設計師。”

  看到以上的解釋,你是不是覺得說的再好聽重構工程師不就是做網頁嗎,重構工程師=切圖+HTML+CSS,多么簡單的一份工作!其實不然,切圖也好、HTML和CSS代碼也罷,這些只不過是我們使用的“道具”,更重要的是我們追求的目標是什么?我們要實現的是什么?我認為,所謂重構工程師所做的恰恰是項目中最基礎也是最關鍵的工作,我們在切圖,但考慮的是怎樣切才能使布局最合理化、加載速度最快、及易實現性;我們在寫代碼,但考慮的是怎樣以代碼量最少、JS調用最合適、最符合規范、性能最好、可維護性最佳的情況下來實現各瀏覽器上最小差別甚至無差別的UI展現和用戶體驗。

  一句話總結一下,用戶之所以能在各平臺上無差別的瀏覽頁面并擁有良好的用戶體驗,很大程度上,正是重構工程師們的工作所帶來的。

  剛開始工作的時候,我也是想:“不就是寫寫HTML+CSS代碼嗎,隨便一個計算機專業的人都行咯,這份工作會不會太簡單。”經過這4個月的工作之后,才發現當時自己的淺薄和無知。列個表寫一下當時和現在對這份工作的做法和理解的不同吧。

我的重構初體驗 三聯

  從上表我們不難總結出,一個合格的重構工程師應該具備的幾點素質:

  (一) 良好的溝通能力

  溝通,是任何工作中都不能缺少的,重構也一樣。在一個需求正式開始寫代碼之前,我們首先要要做的就是和上游產品經理、視覺設計師、以及下游前端工程師的溝通。在和上游的溝通中,我們要明確這個需求的背景(為什么要做這個需求、這個需求的必要性)、目的、內容、需要實現的功能,然后確認視覺稿,對其中有疑問、發現有缺失的地方也及時進行溝通。和上游溝通結束之后,就可以確定這個需求的優先級和工作量了。然后再和下游進行溝通,進一步的確定重構的工作范圍和實現方式。

  (二) 對自己的產品負責的心態

  對自己的產品負責不是說在規定的時間內做完就好了,更應該考慮的是我們產出的性能以及可維護性。比如說最基礎的:你制作的某個頁面加載速度如何?頁面中是不是總會有溢出的問題?前端工程師是不是認為你的代碼難以閱讀或為他們的工作帶來了其他不便?你制作的頁面是不是讓其他同事難以維護?等等。另外,經常去瀏覽自己的頁面,檢查是否出現了什么問題也是必要的。發現自己的產品有任何問題,都應該主動的去及時修復,而不是等著產品經理發現、提出、再去修復。

  (三) 追求細節完美的精神

  一個合格的重構工程師不僅僅是要完美的還原視覺稿,在制作的過程中,還要善于發現視覺稿中都沒有注意到的問題,比如行距、按鈕顏色的統一性、字體的統一性等問題。另外,各瀏覽器上的展現是否有較大的差異、代碼是否有冗余、其性能的優劣和可維護性等專業度上的細節也是我們必須要重點注意到的。

  就像是從最初的“目測”視覺稿到現在1px、1px的去量、去檢查視覺稿的還原度,從拿到視覺稿馬上去實現到現在拿到稿先分析的這種轉變,這四個月中,我學到的更多的是一種注重細節的態度和思考的方法。一名合格的重構工程師追求的就是這種細節上的完美和置身處地的思考。今天我學到了很多,之后能學的更多,也許再過4個月,又會和今天不同的理解。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 金属清洗剂,防锈油,切削液,磨削液-青岛朗力防锈材料有限公司 | 气象监测系统_气象传感器_微型气象仪_气象环境监测仪-山东风途物联网 | 皮带输送机-大倾角皮带输送机-皮带输送机厂家-河南坤威机械 | 德国EA可编程直流电源_电子负载,中国台湾固纬直流电源_交流电源-苏州展文电子科技有限公司 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-北京罗伦过滤技术集团有限公司 | RTO换向阀_VOC高温阀门_加热炉切断阀_双偏心软密封蝶阀_煤气蝶阀_提升阀-湖北霍科德阀门有限公司 | 网架支座@球铰支座@钢结构支座@成品支座厂家@万向滑动支座_桥兴工程橡胶有限公司 | 广东泵阀展|阀门展-广东国际泵管阀展览会 | 无缝钢管-聊城无缝钢管-小口径无缝钢管-大口径无缝钢管 - 聊城宽达钢管有限公司 | 仿清水混凝土_清水混凝土装修_施工_修饰_保护剂_修补_清水混凝土修复-德州忠岭建筑装饰工程 | 防爆正压柜厂家_防爆配电箱_防爆控制箱_防爆空调_-盛通防爆 | 抖音短视频运营_企业网站建设_网络推广_全网自媒体营销-东莞市凌天信息科技有限公司 | 包装盒厂家_纸盒印刷_礼品盒定制-济南恒印包装有限公司 | 陕西安玻璃自动感应门-自动重叠门-磁悬浮平开门厂家【捷申达门业】 | 砂磨机_立式纳米砂磨机_实验室砂磨机-广州儒佳化工设备厂家 | RS系列电阻器,RK_RJ启动调整电阻器,RQ_RZ电阻器-上海永上电器有限公司 | 沥青灌缝机_路面灌缝机_道路灌缝机_沥青灌缝机厂家_济宁萨奥机械有限公司 | ALC墙板_ALC轻质隔墙板_隔音防火墙板_轻质隔墙材料-湖北博悦佳 | 展厅设计公司,展厅公司,展厅设计,展厅施工,展厅装修,企业展厅,展馆设计公司-深圳广州展厅设计公司 | 高柔性拖链电缆_卷筒电缆_耐磨耐折聚氨酯电缆-玖泰特种电缆 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 广州网站建设_小程序开发_番禺网站建设_佛山网站建设_粤联网络 | 天津次氯酸钠酸钙溶液-天津氢氧化钠厂家-天津市辅仁化工有限公司 | 定硫仪,量热仪,工业分析仪,马弗炉,煤炭化验设备厂家,煤质化验仪器,焦炭化验设备鹤壁大德煤质工业分析仪,氟氯测定仪 | 合肥弱电工程_安徽安防工程_智能化工程公司-合肥雷润 | 皮带机-带式输送机价格-固定式胶带机生产厂家-河南坤威机械 | 钢制暖气片散热器_天津钢制暖气片_卡麦罗散热器厂家 | 【甲方装饰】合肥工装公司-合肥装修设计公司,专业从事安徽办公室、店面、售楼部、餐饮店、厂房装修设计服务 | 折弯机-刨槽机-数控折弯机-数控刨槽机-数控折弯机厂家-深圳豐科机械有限公司 | 长城人品牌官网 | 微量水分测定仪_厂家_卡尔费休微量水分测定仪-淄博库仑 | 大_小鼠elisa试剂盒-植物_人Elisa试剂盒-PCR荧光定量试剂盒-上海一研生物科技有限公司 | 酒店品牌设计-酒店vi设计-酒店标识设计【国际级】VI策划公司 | 自清洗过滤器,浅层砂过滤器,叠片过滤器厂家-新乡市宇清净化 | 蓝鹏测控平台 - 智慧车间系统 - 车间生产数据采集与分析系统 | 颗粒机,颗粒机组,木屑颗粒机-济南劲能机械有限公司 | 广东泵阀展|阀门展-广东国际泵管阀展览会 | 开业庆典_舞龙舞狮_乔迁奠基仪式_开工仪式-神挚龙狮鼓乐文化传媒 | 螺旋丝杆升降机-SWL蜗轮-滚珠丝杆升降机厂家-山东明泰传动机械有限公司 | 煤粉取样器-射油器-便携式等速飞灰取样器-连灵动 | 跨境物流_美国卡派_中大件运输_尾程派送_海外仓一件代发 - 广州环至美供应链平台 |