web前端入門知識

  web前端入門知識,給大家分享一些Web前端工程師要掌握的基礎知識和技能,下面一起來看看。

  1、網頁的基本結構(HTML、CSS)

  HTML是一種標記語言,而不是編程語言,最基本是標籤是和,CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門,但很多人不夠深入,舉幾個例子:標籤是作什麼用的?margin-left與left有什麼區別,應該在什麼情況下使用?再出個DIV+CSS佈局問題:一個寬度不確定的DIV裏面放三個水平對齊的DIV,左右兩個DIV寬度固定爲150px,中間那個DIV充滿剩餘的寬度。如果這些問題你目前還不知道,對那個佈局問題幾分鐘內不能解決,說明你對HTML+CSS還不夠深入。

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

  不同內核的瀏覽器對網頁的渲染是不一樣的,目前瀏覽器都有客戶端調試工具,在做Web性能優化時,對瀏覽器渲染及細節要進一步瞭解。說個比較有用的知識點:目前瀏覽器並行加載的上限是6,老版本的瀏覽器會有所不同。

  3、網頁的週期

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

  4、DHTMLDOMBOMJavaScriptAJAX

  這是Web前端開發的重中之中,大多數時候我們都在和他們打交道。說幾個注意點:javascript是單線程編程,所謂的javascript異步編程只不過是計劃在未來的某個時間上執行相應事件而已;詳細瞭解DOM事件機制;客戶端存儲(HTML5中增加了localStorage和sessionStorage);javascript不像服務器端語言那樣嚴謹,調試不是很方便,所以一開始要養成嚴謹的javascript編輯習慣;javascript很強大很靈活,不要幻想短時間內熟練(更別說精通)它,並寫些框架、類庫,初始階段還是先用熟練已成熟的框架(比如jquery)當入門;一定要熟練使用客戶端調試工具。

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

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

  6、瀏覽器的兼容性

  由於歷史原因,瀏覽器的兼容性一直都折磨Web前端工程師的地方,雖然有W3組織,並制定了一些規範,雖然瀏覽器產商都正在努力改進並接近其規範,但現實網絡環境中各種內核、各種版本的瀏覽器都有一席之地。這也是優秀的Web前端工程師必須掌握的技術點。
  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章