Web前端工程師要掌握的基礎知識和技能

2022-09-08 21:51:26 字數 1509 閱讀 6886

目前web產品互動越來越複雜,使用者使用體驗和**前端效能優化這些都得靠web前端工程師去做,web前端工程師是設計加開發的綜合體,web前端工程師是在開發人員中最直接面向產品,面向使用者的設計人員,乙個開發團隊的成果是要靠web前端工程師去展現,因為使用者不會去關心後台的處理有多麼強大;在設計人員中web前端工程師是直接面向開發人員的設計人員,向開發人員以一種計算機語言的方式傳遞其設計理念,web前端工程師在整個團隊中是很關鍵的。

web前端工程師要掌握的基礎知識和技能包括:

1、網頁的基本結構(html + css)

html是一種標記語言,而不是程式語言,最基本是標籤是和,css是用來定義如何顯示html元素的。對html+css很容易入門,但很多人不夠深入,舉幾個例子:

籤是作什麼用的?margin-left與left有什麼區別,應該在什麼情況下使用?再出個div+css布局問題:乙個寬度不確定的div裡面放三個水平對齊的div,左右兩個div寬度固定為150px,中間那個div充滿剩餘的寬度。如果這些問題你目前還不知道,對那個布局問題幾分鐘內不能解決,說明你對html+css還不夠深入。

2、瀏覽器是怎麼展現網頁的

不同核心的瀏覽器對網頁的渲染是不一樣的,目前瀏覽器都有客戶端除錯工具,下圖展現乙個google首頁在ie9下的載入細節:

在做web效能優化時,對瀏覽器渲染及細節要進一步了解。說個比較有用的知識點:目前瀏覽器並行載入的上限是6,老版本的瀏覽器會有所不同。

3、網頁的生命週期

不同的web框架下,頁面的生命週期會有所不同,大體還是一樣:客戶端傳送get請求,伺服器返回相應頁面,客戶端完成操作及資料,然後post給伺服器。一定要對資料的傳遞(前台與後台,頁面之間)的細節了然於心。

4、伺服器端語言開發經驗,ps切圖技術

web前端開發介於設計與開發中間,所以兩端的東西都得懂點。編輯語言是相通的,之前編寫過伺服器語言,對學習j**ascript是十分有益的,從轉成靜態html頁面,少不了ps切圖技術。

5、瀏覽器的相容性

由於歷史原因,瀏覽器的相容性一直都折磨web前端工程師的地方,雖然有w3組織,並制定了一些規範,雖然瀏覽器產商都正在努力改進並接近其規範,但現實網路環境中各種核心、各種版本的瀏覽器都有一席之地。解決瀏覽器相容性靠經驗積累。

6、快速學習能力和主動學習意願

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

7、良好的溝通能力

優秀的前端工程師需要具備良好的溝通能力,因為你的工作與很多人的工作息息相關,比如專案經理、設計師、終端使用者、開發工程師,前端工程師位於這幾類人的交匯點上,這些角色的要求你都得照顧好,平衡這四類人的需求,拿出乙個比較合適的方案。由此可見溝通能力對前端工程師要求更高。

web的明天與今天必將有天壤之別,而你的工作就是要搞清楚如何通過自己的web應用程式來體現這種翻天覆地的變化,既然踏上了web前端開發之路,那就堅強地走下去吧!

Web前端工程師要掌握的基礎知識和技能

目前web產品互動越來越複雜,使用者使用體驗和 前端效能優化這些都得靠web前端工程師去做,web前端工程師是設計加開發的綜合體,web前端工程師是在開發人員中最直接面向產品,面向使用者的設計人員,乙個開發團隊的成果是要靠web前端工程師去展現,因為使用者不會去關心後台的處理有多麼強大 在設計人員中...

web前端工程師初級備考

www 全球資訊網 環球資訊網 簡稱web 分為web客戶端和web伺服器端 www可以讓web客戶端 常用的瀏覽器 訪問瀏覽web伺服器上的頁面 w3c 全球資訊網聯盟 檔名的命名規範 不能數字開頭,在專案中不可以用漢字命名,不能出現特殊字元 html 概念 1.描述網頁的語言 2.超文字標記語言...

Web前端工程師要懂什麼 MySQL使用技巧有哪些

web前端工程師要懂什麼?mysql使用技巧有哪些?不懂mysql的前端不是乙個好前端,作為web應用方面最好的關聯式資料庫管理系統應用軟體之一,mysql體積小 速度快 總體擁有成本低,尤其是開放原始碼這一特點,一般中小型 的開發都選擇mysql作為 資料庫。接下來就給大家簡單分享mysql命名規...