溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下web前端工程師要掌握的基礎(chǔ)知識和技能有哪些的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
1 網(wǎng)頁的基本結(jié)構(gòu)（HTML + CSS）
HTML是一種標(biāo)記語言，而不是編程語言，最基本是標(biāo)簽是<html>和<body>，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但很多人不夠深入，舉幾個例子：<meta> 標(biāo)簽是作什么用的？margin-left與left有什么區(qū)別，應(yīng)該在什么情況下使用？再出個DIV+CSS布局問題：一個寬度不確定的DIV里面放三個水平對齊的DIV，左右兩個DIV寬度固定為150px，中間那個DIV充滿剩余的寬度。如果這些問題你目前還不知道，對那個布局問題幾分鐘內(nèi)不能解決，說明你對HTML+CSS還不夠深入。
2 瀏覽器是怎么展現(xiàn)網(wǎng)頁的
不同內(nèi)核的瀏覽器對網(wǎng)頁的渲染是不一樣的，目前瀏覽器都有客戶端調(diào)試工具，下圖展現(xiàn)一個google首頁在IE9下的加載細(xì)節(jié)：
在做web性能優(yōu)化時，對瀏覽器渲染及細(xì)節(jié)要進(jìn)一步了解。說個比較有用的知識點(diǎn)：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會有所不同。
3 網(wǎng)頁的生命周期
不同的web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發(fā)送GET請求，服務(wù)器返回相應(yīng)頁面，客戶端完成操作及數(shù)據(jù)，然后POST給服務(wù)器。一定要對數(shù)據(jù)的傳遞(前臺與后臺,頁面之間)的細(xì)節(jié)了然于心。
4 DHTML DOM BOM Javascript AJAX
這是Web前端開發(fā)的重中之中，大多數(shù)時候我們都在和他們打交道。說幾個注意點(diǎn)：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執(zhí)行相應(yīng)事件而已；詳細(xì)了解DOM事件機(jī)制；客戶端存儲（HTML5中增加了localStorage和sessionStorage）；javascript不像服務(wù)器端語言那樣嚴(yán)謹(jǐn)，調(diào)試不是很方便，所以一開始要養(yǎng)成嚴(yán)謹(jǐn)?shù)膉avascript編輯習(xí)慣；javascript很強(qiáng)大很靈活，不要幻想短時間內(nèi)熟練（更別說精通）它，并寫些框架、類庫，初始階段還是先用熟練已成熟的框架（比如jquery）當(dāng)入門；一定要熟練使用客戶端調(diào)試工具。
6 服務(wù)器端語言開發(fā)經(jīng)驗，PS切圖技術(shù)
Web前端開發(fā)介于設(shè)計與開發(fā)中間，所以兩端的東西都得懂點(diǎn)。編輯語言是相通的，之前編寫過服務(wù)器語言，對學(xué)習(xí)javascript是十分有益的，從圖片轉(zhuǎn)成靜態(tài)HTML頁面，少不了PS切圖技術(shù)。
5 瀏覽器的兼容性
由于歷史原因 ，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規(guī)范，雖然瀏覽器產(chǎn)商都正在努力改進(jìn)并接近其規(guī)范，但現(xiàn)實網(wǎng)絡(luò)環(huán)境中各種內(nèi)核、各種版本的瀏覽器都有一席之地。解決瀏覽器兼容性靠經(jīng)驗積累，可喜的事這方面資料網(wǎng)上有很多。http://www.w3help.org/zh-cn/這是個很好的參考網(wǎng)站。
6 快速學(xué)習(xí)能力和主動學(xué)習(xí)意愿
web前端的發(fā)展很快，從事這一行業(yè)一定要有快速學(xué)習(xí)能力和主動學(xué)習(xí)意愿，這樣才能適應(yīng)web產(chǎn)品的要求。在web前端領(lǐng)域沒有絕對的是與非,解決一個問題的方法有很多，但我們要找到一個更合適的方法，找到一個更合適的方法需要經(jīng)驗作積累，總之web前端入門容易，想熟練很難，需要更多的主動學(xué)習(xí)意愿。
7 良好的溝通能力
優(yōu)秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關(guān)，比如項目經(jīng)理、設(shè)計師、最終用戶、開發(fā)工程師，前端工程師位于這幾類人的交匯點(diǎn)上，這些角色的要求你都得照顧好，平衡這四類人的需求，拿出一個比較合適的方案。由此可見溝通能力對前端工程師要求更高。
首先，前端工程師必須得掌握HTML、CSS和JavaScript。只懂其中一個或兩個還不行，你必須對這三門語言都很熟悉。也不是說必須對這三門語言都非常精通，但你至少要能夠運(yùn)用它們完成大多數(shù)任務(wù)，而無需地頻繁地尋求別人的幫助。
優(yōu)秀的前端工程師應(yīng)該具備快速學(xué)習(xí)能力。推動Web發(fā)展的技術(shù)并不是靜止不動的，沒錯吧？我甚至可以說這些技術(shù)幾乎每天都在變化，如果沒有快速學(xué)習(xí)能力，你就跟不上Web發(fā)展的步伐。你必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式；僅僅依靠今天的知識無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化。
計算機(jī)科學(xué)這個大門類下面的許多分支在人們眼中實際上都不外乎科學(xué)。但是，我們所說的前端不是什么科學(xué)，而是藝術(shù)。藝術(shù)家不僅要掌握謀生的技術(shù)，還要懂得如何運(yùn)用。對同一個問題的解決方案在這種情況適用，在另一種情況下可能就不適用。對Web應(yīng)用程序的前端而言，解決同一問題的方案經(jīng)常會有很多。沒有哪個方案是錯的，但其中確實有一些是更合適的。優(yōu)秀的前端工程師應(yīng)該知道在什么情況下使用哪種方案更合適，而在什么情況下應(yīng)該重新選擇。
優(yōu)秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關(guān)。在任何情況下，前端工程師至少都要滿足下列四類客戶的需求。
產(chǎn)品經(jīng)理——這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們能夠想象出怎樣通過應(yīng)用程序來滿足用戶需求，以及怎樣通過他們設(shè)計的模式賺到錢（但愿如此）。一般來說，這些人追求的是豐富的功能。
UI設(shè)計師——這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計和交互模擬。他們關(guān)心的是用戶對什么敏感、交互的一貫性以及整體的好用性。他們熱衷于流暢靚麗但并不容易實現(xiàn)的用戶界面。
項目經(jīng)理——這些人負(fù)責(zé)實際地運(yùn)行和維護(hù)應(yīng)用程序。項目管理的主要關(guān)注點(diǎn)，無外乎正常運(yùn)行時間（uptime）——應(yīng)用程序始終正常可用的時間、性能和截止日期。項目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。
最終用戶——當(dāng)然是應(yīng)用程序的主要消費(fèi)者。盡管我們不會經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要；沒人想用的應(yīng)用程序毫無價值。最終用戶要求最多的就是對個人有用的功能，以及競爭性產(chǎn)品所具備的功能。
那么，前端工程師應(yīng)該最關(guān)注哪些人的意見呢？答案是所有這四類人。優(yōu)秀的前端工程師必須知道如何平衡這四類人的需求和預(yù)期，然后在此基礎(chǔ)上拿出最佳解決方案。由于前端工程師處于與這四類人溝通的交匯點(diǎn)上，因此其溝通能力的重要性不言而喻。如果一個非常酷的新功能因為會影響前端性能，必須刪繁就簡，你怎么跟產(chǎn)品經(jīng)理解釋？再比如，假設(shè)某個設(shè)計如果不改回原方案可能會給應(yīng)用程序造成負(fù)面影響，你怎么才能說服UI設(shè)計師？作為前端工程師，你必須了解每一類人的想法從何而來，必須能拿出所有各方都能接受的解決方案。從某種意義上說，優(yōu)秀的前端工程師就像是一位大使，需要時刻抱著外交官的心態(tài)來應(yīng)對每一天的工作。
我告誡新來的前端工程師最多的一句話，就是不要在沒有作出評估之前就隨便接受某項任務(wù)。你必須始終記住，一定先搞清楚別人到底想讓你干什么，不能簡單地接受“這個功能有問題”之類的大概其的說法。而且，你還要確切地知道這個功能或設(shè)計的真正意圖何在?！凹右粋€按鈕”之類的任務(wù)并不總意味著你最后會加一個按鈕。還可能意味著你會找產(chǎn)品經(jīng)理，問一問這個按鈕有什么用處，然后再找UI設(shè)計師一塊探討按鈕是不是最佳的交互手段。要成為優(yōu)秀的前端工程師，這種溝通至關(guān)重要。
以上就是“web前端工程師要掌握的基礎(chǔ)知識和技能有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
