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.敏捷開發 敏捷開發以使用者的需求進化為核心,採用迭代、循序漸進的方法進行軟體開發。在敏捷開發中,軟體專案在構建初期被切分成多個子專案, 各個子專案的成果都經過測試,具備可視、可整合和可執行使用的特徵。換言之, 就是把一個大專案分為多個相互聯絡,但也可獨立執行的小專案,並分別完成,在此過程中軟體一直處於可使用狀態。