互聯網的高速發展促使互聯網企業對于網站等頁面的用戶體驗要求也越來越高，導致網站開發難度越來越大，web前端工程師。相對于其他IT技術職位來說，很多從事此項工作的都是非計算機相關專業出身，這當然是因為互聯網行業吸引人，2020年web前端必會的技能有哪些呢？

1網頁的基本結構（HTML、CSS）

HTML是一種標記語言，而不是編程語言，最基本是標簽是和，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但很多人不夠深入，

2瀏覽器是怎么展現網頁的

不同內核的瀏覽器對網頁的渲染是不一樣的，目前瀏覽器都有客戶端調試工具，

3網頁的什么周期

不同的web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發送GET請求，服務器返回相應頁面，客戶端完成操作及數據，然后POST給服務器。一定要對數據的傳遞(前臺與后臺,頁面之間)的細節了然于心。

4DHTML DOM BOM JavaScript AJAX

這是Web前端開發的重中之中，大多數時候我們都在和他們打交道。說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執行相應事件而已;

javascript很強大很靈活，不要幻想短時間內熟練(更別說精通)它，并寫些框架、類庫，初始階段還是先用熟練已成熟的框架(比如jquery)當入門;一定要熟練使用客戶端調試工具。

5服務器端語言開發經驗，PS切圖技術

Web前端開發介于設計與開發中間，所以兩端的東西都得懂點。編輯語言是相通的，之前編寫過服務器語言，對學習javascript是十分有益的，從圖片轉成靜態HTML頁面，少不了PS切圖技術。

6瀏覽器的兼容性

由于歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規范，雖然瀏覽器產商都正在努力改進并接近其規范，但現實網絡環境中各種內核、各種版本的瀏覽器都有一席之地。

7快速學習能力和主動學習意愿

web前端的發展很快，從事這一行業一定要有快速學習能力和主動學習意愿，這樣才能適應Web產品的要求。在Web前端領域沒有絕對的是與非,解決一個問題的方法有很多，但我們要找到一個更合適的方法，找到一個更合適的方法需要經驗作積累，總之Web前端入門容易，想熟練很難，需要更多的主動學習意愿。

web前端開發除了PS、DW之外，還有一些常用的前端開發工具，以下僅列出前端工程師常用的兩款：

1、WebStorm：WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。個人經驗：WebStorm優點是代碼提示、高亮等等，支持很多框架。非常適合項目開發。缺點是啟動稍慢。

2、Sublime Text3：Sublime Text 是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。個人經驗：Sublime Text3通過安裝不同的插件可以完美支持各種語言。相對于webstrom，它的啟動速度非常快，常用于修改單個文件的錯誤或者調試。

前端，官方的定義是前端就是網站前臺部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。 用自己的話來說，前端是網頁給訪問網站的人看的內容和頁面。那前端開發顧名思義就是這些內容和頁面中代碼的實現。 不過現在的前端不完全就是網頁設計，早年的網頁設計主要是以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。而現在的前端開發使得現代網頁更加美觀，交互效果顯著，功能更加強大。所以現在的前端開發，運用到的知識面更加廣泛，難度也更大。 不過，無論怎么發展，HTML、CSS和JavaScript依然是整個前端開發的三大基石。所以不論題主是想做移動前端開發還是web前端開發，這三樣基礎技術都必須熟練掌握。 1，HTML是網頁的核心，是一種制作網頁頁面的標準語言，可以消除不同計算機之間信息交流的障礙。因此，它是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發人員的基本條件。HTML是一種標記語言，能夠實現Web頁面并在瀏覽器中顯示。 2，CSS是用來進行網頁風格設計，頁面制作完成當然需要美化，這時候就會用到CSS，它可以網頁外觀做的更加美觀。 3，JavaScript主要目的是為了解決服務器端語言，為客戶提供更流暢的瀏覽效果。加入JavaScript，是為了提供了數據驗證的基本功能。 學會這些，當然也只是開始，這都是最基礎的部分。學無止境，要想學好前端，就要付出百倍的努力。