1. 程式人生 > >web前端知識複習(1)

web前端知識複習(1)

1.Web標準的理解

Web標準不是某一個標準,而是由一系列標準組合而成。網頁主要由三部分組成:結構、表現和行為。對應的標準也分三方面:結構化標準語言主要包括XHTML和HTML以及XML,表現標準語言主要包括CSS,行為標準主要包括物件模型(如W3CDOM)、ECMAScript等。這些標準大部分由W3C起草和釋出,也有一些是其他標準組織制訂的標準。我簡單瞭解一下這些標準:

1.結構標準語言

   (1)、XML

   XML是The Extensible MarkupLanguage(可擴充套件標識語言)的簡寫。目前推薦遵循的是的XML1.0,和HTML基本一樣,XML是一種能定義其他語言的語。XML最初設計的目的是彌補HTML的不足,以強大的擴充套件性滿足網路資訊釋出的需要,後來逐漸用於網路資料的轉換和描述,算是最理想的一種語言。

   (2)、XHTML

   XHTML是The ExtensibleHyperText Markup Language可擴充套件標識語言的縮寫。最初是1989年由TimBerners-Lee發明的。XML雖然資料轉換能力強大,完全可以替代HTML,但面對成千上萬已有的站點,直接採用XML還為時過早。簡單的說,建立XHTML的目的就是實現HTML向XML的過渡。

2.表現標準語言

   CSS是Cascading StyleSheets層疊樣式表的縮寫。W3C建立CSS標準的目的是以CSS取代HTML表格式佈局、幀和其他表現的語言。

3.行為標準

   (1)、DOM

   DOM是Document ObjectModel文件物件模型的縮寫。DOM是一種與瀏覽器,平臺,語言的介面,使得你可以訪問頁面其他的標準組件。簡單理解,DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的衝突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的資料、指令碼和表現層對像。

    (2)、ECMAScript

  ECMAScript是ECMA(EuropeanComputer Manufacturers Association)制定的標準指令碼語言(JAVAScript)。

2.css rest的作用和用途?css sprites是什麼?

Reset重置瀏覽器的css預設屬性 瀏覽器的品種不同,樣式不同,然後重置,讓他們統一

Css 精靈 把一堆小的圖片整合到一張大的圖片上,減輕伺服器對圖片的請求數量

3.javascript原型,和原型鏈有什麼特點,如何實現繼承?

http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html

4.你如何對網站的檔案和資源進行優化?期待的解決方案包括:檔案合併檔案最小化/檔案壓縮使用CDN託管快取的使用

5.

清除浮動的幾種方式,各自的優缺點1.使用空標籤清除浮動 clear:both(理論上能清楚任何標籤,,,增加無意義的標籤)2.使用overflow:auto(空標籤元素清除浮動而不得不增加無意程式碼的弊端,,使用zoom:1用於相容IE)3.是用afert偽元素清除浮動(用於非IE瀏覽器)

6.gulp/grunt和webpack?

Gulp / Grunt 是一種工具,能夠優化前端工作流程。比如自動重新整理頁面、combo、壓縮css、js、編譯less等等。自動化。
對於需要反覆重複的任務,例如壓縮(minification)、編譯、單元測試、linting等,自動化工具可以減輕你的勞動,簡化你的工作。
browserify/webpack : 是一個預編譯模組的方案,相比於上面 ,這個方案更加智慧。沒用過browserify,這裡以webpack為例。
webpack是什麼,提到這個概念,很多人可能立馬說出來,模組化載入器兼打包工具,可以把各種資源都作為模組來使用和處理等
webpack是近期最火的一款模組載入器兼打包工具,它能把各種資源,例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模組來使用和處理
7.敏捷開發
敏捷開發以使用者的需求進化為核心,採用迭代、循序漸進的方法進行軟體開發。在敏捷開發中,軟體專案在構建初期被切分成多個子專案,
各個子專案的成果都經過測試,具備可視、可整合和可執行使用的特徵。換言之,
就是把一個大專案分為多個相互聯絡,但也可獨立執行的小專案,並分別完成,在此過程中軟體一直處於可使用狀態。