HTML5前端開發人員需掌握的七大技能

隨著互聯網快速成為日常工作生活的一部分,對于從事互聯網的職業也有了更加清晰的定位:設計,前端開發,后端,編輯,運營等等。在這里我們以前端開發的人員的角度來看看應該掌握哪些技能。


大部分人會很自然地認為“頁面的開發沒什么技術含量,很簡單”。不僅有這種普遍的認知,對從業者來說也有很多疑惑:做頁面前端實現,沒問題;兼容性,小case;圖片集成,一直都在用……還能有什么問題?是不是真的沒什么問題了呢?那么頁面開發還有哪些要求,還要做些什么,這里面的水有多深,讓我們舀舀看。

技能一:繪制原型圖,實現效果圖


優秀的前端開發人員必然熟練掌握一種原型圖設計工具,能夠將構思通過工具繪制成原型圖。同時能夠將設計做出的視覺稿通過頁面代碼的方式表現出來。比如目前最流行,便捷的原型圖工具Mockplus,歷史悠久的Axure等。能完成這兩個內容就可以初步進入頁面前端的從業者行列了,但這就代表著我們可以勝任頁面開發的工作了?不,才剛剛開始!


技能二:與設計師的溝通和項目的參與


各行各業溝通很重要,作為前端開發人員,接觸到的最主要的“客戶”就是項目設計師。設計師根據原型圖出視覺稿,在這個過程中,前端開發人員需要和設計師進行某些效果實現的探討,比如對低端瀏覽器渲染效率影響,是否可以通過CSS3實現從而使結構更加清晰,是否能在視覺效果和代碼實現中尋求平衡。前端開發有義務對開發出來的頁面穩定性和渲染效率負責。在很多情況下,項目進度要求設計與前端開發同步進行,這種情況下就必須盡可能多的參與到項目溝通。

技能三:搭建良好的頁面結構


在前端開發中頁面結構的編寫好比蓋房時的打地基,結構的好壞會直接影響到代碼的質量、JS開發、后端的開發以及以后頁面的擴展、調整和迭代。當拿到設計稿之后不要急于開工,多觀察思考。先分析布局,劃分框架,然后規劃結構,編寫代碼。


技能四:優美的代碼


隨著web項目功能越來越復雜,帶來的直接后果就是代碼的體量變得很龐大。如何進行協同開發和代碼的維護是從前端開發開始就要思考的問題。這種情形下需要考慮完善,統一規劃,養成一個良好的代碼開發習慣。比如:合理的使用標簽、良好的注釋、清晰的代碼結構、準確使用CSS等。優美的代碼,清晰的結構能夠為下游開發和協同開發降低了不小的溝通成本。


技能五:保障效率


作為項目開發中靠前的一環,前端開發人員一定要有一個認識:盡早完成為項目后續進展爭取更多的時間?!骯び破涫?,必先利其器”,除了實戰經驗和代碼習慣的形成可以幫助我們提高效率外,想要提高對自己開發的進度掌控能力,還需要學會使用輔助工具幫助提高頁面開發的效率,比如使用Less 或 Sass 可以幫助我們拓展和組織CSS,大大提高 CSS的編寫效率增加了可維護性。多多發掘一定會找到最合適自己使用的工具。


技能六:針對服務器的優化


頁面開發也需要了解服務器的優化,盡量減小服務器負擔。比如css sprite 就是一個典型減小服務器請求數的例子,以及對 class 名進行了混淆壓縮避免命名過長的冗余;應用 base64 減少請求數量等等措施。這些都是綜合權衡的結果,需要考慮各個方面整體優化。因為當頁面訪問量達到一定的數量級時,再小的一點優化都會達到可觀的效果,否則小問題會帶來大災難。


技能七:永遠不停止學習


這是一個飛速發展的時代,同時也是充滿機會的時代,HTML5時代的來臨伴隨著移動互聯網的興起創造了更大的機會,還有太多的東西值得我們去學習去發現。作為一名開發人員,走在技術的最前沿永遠是保持競爭力最好的方式。正所謂“唯有高屋建瓴方可水到渠成”。拿蘋果 CEO 在斯坦福演講的一句話“Stay Hungry, Stay Foolish”和大家共勉。


來源:移動開發者論壇

上一篇: 了解H5頁面設計局限

下一篇: 學Html5需要基礎嗎?Html5好學嗎?

分享到: 更多
乐彩33一分快三预测 时时彩信誉平台 北京pk10赌博骗局 3d彩票六码复式是多少钱 捕鱼赢现金10元提现 七星彩选号技巧与规律 11选5任选5倍投中奖机 足球分析推荐 手机APP彩票 时时彩玩法 博彩推广犯法吗 北京pk10三码公式教程 七星彩规律排除法 时时彩现场开奖直播 新加坡28是做什么的 时时彩最新开奖结果新浪