前端程序員面試祕籍題(附答案)

這幾天京東618,圖書很便宜,一下子買了很多圖書,這次購買的圖書主要以專業圖書為主。

在瀏覽圖書的時候,網頁推薦過來一本《前端程序員面試祕籍》,在頁面裡大致瀏覽了一下,看了下里面的內容,基本都是一問一答的形式展開,這個裡面涉及內容面比較廣,基本把前端裡涉及到的大體方面都介紹到了。

特別像高中時候整理的錯題集,從這本書裡也可以清楚的瞭解到前端開發人員需要學習哪些知識,掌握哪些內容,算是一本大綱書,因為書名就叫《前端程序員面試祕籍》,所以不能要求太高,這個也比較適合有一點基礎的同學作為知識點的歸類整理看看。

前端程序員面試祕籍題(附答案)

另外,如果你想要電子版的話

轉發+私信小編“學習”獲取

張容銘,前百度高級工程師,是《JavaScript設計模式》一書的作者。

JavaScript設計模式作者:張容銘

以下內容來源《前端程序員面試祕籍》,大家可以感受一下里面的內容。看看是否適合自己。

01、談談你對Web 標準以及W3C 的理解和認識。

標籤要閉合,英文小寫,且不要嵌套混亂,用標籤語義化未提高技索的概率。使用外鏈式的css 和JS ( Java Script 的縮寫)腳本,使結構、樣式、行為分離,內容能被更廣泛的設備所訪問,代碼精簡, 開發組件化,代碼易維護、可複用,改版、升級方便。

02、HTML 和XHTML 有什麼區別?

HTML 是一種基於Web 網頁的設計語言, XHTML 是一種基於XML 、語法嚴格、標準的設計語言。兩者主要的不同是XHTML 元素必須正確地嵌套,元素必須關閉,標籤必須小寫,必須有根元素; HTML 沒有這些限制。

03、嚴格模式和混雜模式如何區分?如何觸發這兩種模式?

嚴格模式就是瀏覽器根據We b 標準去解析頁面的方法, 是一種要求嚴格的DTD ,不九許使用任何表現層的語法;混雜模式是一種向後兼容的解析方法。觸友嚴格模式或者標準模式很簡單,就是在HTML 標籤前聲明正確的DTD ; 觸發混雜模式可以在HTML 文檔開始時不聲明DTD ,或者在DOCTYPE 前加入XML 聲明。

04、什麼是靜態網頁?什麼是動態網頁?

靜態網頁是指沒有數據交王的網頁,即沒有數據庫參與,沒有服務器端數據的力口載。比如靜態網頁就是隻有HTML+CSS+JavaScript 做成的網站。動態網頁是指有後臺數據參與的網頁,網頁中的數據是從數據庫中提取的,需要有後臺邏輯的支持。比女口動態網頁就是JSP 頁面(後臺語言是Java )、ASP 頁面(後臺語言是ASP.NET )等。

05、DOCTYPE 有什麼作用?區分嚴格模式與混雜模式有何意義?

前端程序員面試祕籍題(附答案)

< ! DOCTYPE > 聲明位於文檔中的最前面,位於<html > 標籤之前,即告知瀏覽器的解析器,用什麼文檔類型規範來解析這個文檔。DOCTYPE 不存在或格式不正確都會導致文檔以混雜模式呈現。

區分嚴格模式與混雜模式的意義如下。

嚴格模式的排版和JavaS cript 運行模式以該瀏覽器支持的最高標準運行。在混雜模式中,頁面以寬鬆的向後兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作(主要針對IE 瀏覽器)。

06、如何調試網頁代碼?如何查看網頁源代碼?

要調試網頁代碼,在Windows 系統下按Fl2 鍵或者按Ctrl +S hift+I (MAC OS中是Option + Command十C )組合鍵,打開開發者調試工具。要查看網頁源代碼, 按鼠標右鍵查看頁面源代碼。

07、語義化的主要目的是什麼?

語義化的主要目的可以概括為用正確的標籤做正確的事情。

HTML 語義化可以讓頁面的內容結構化,使於瀏覽器解析和搜索引擎解析,並提高代碼的可維護度和可重用性。

比如,儘可能少使用無語義的標籤<div>, 而多使用語義化的標籤<header><section><footer>。

08、錨點的作用是什麼?如何創建錨點?

錨點是文檔中某行的一個記號,類似於書籤,用於鏈接到文檔中的某個位置。當定義錨點後,可以創建直接跳至該錨點(比如頁面中某個小節)的鏈接,這樣使用者就無須不停地滾動頁面來尋找他們需要的信息了。

在使用<a>元素創建錨,或時,可以使用name 屬性為其命名( W3C 規範)。

對其他元素,還可以使用id 屬性為其命名,代碼如下所示。

<hl id = ” icketang " >愛創課堂</ hl>

<a name= "school ” 〉前端培訓學校< la > 一< la>

然後就可以創建鏈接,羊擊鏈接,直接跳轉到錨點,代碼如下所示。

<a href= " #icketang ” 〉回到愛創課堂< la>

<a href= " #school ” 〉回到前端培訓|學校< la>

09、列舉常用的結構標籤,並描述其作用。

結構標籤專門用於標識頁面的不同結構,相對於使用< div>元素而言, 結構標籤可以實現語義化的標籤。

常用的結構標籤有以下幾種。

• <header>元素, 用於定義文檔的頁眉。

• <nav >元素, 用於定義頁面的導航鏈接部分。

• <section>元素,用於定義文檔中的節, 表示文檔中一個具體的組成部分。

• <article>元素,常用於定義獨立於文檔其他部分的內容。

< footer>元素,常用於定義某區域的腳註信息。

• < aside>元素,常用於定義頁面的一些額外組成部分,如廣告欄、側邊欄和相關

引用信息。

10、超級鏈接有哪些常見的表現形式?

< a> 元素用於創建超級鏈接,常見的表現形式有以下幾種。

• 普通超級鏈接, <a href=" http://www.icketang.co m/” target =”” >愛創課堂</a>。 下載鏈接,即目標文檔為下載資源,語法為< a href= ” day.zip 與下載</a >。

• 電子郵件鏈接,用於鏈接到E- mail ,語法為< a href= ” mailo: 1234546 @ qq.com ” >。. 聯繫我們鏈接。

• 空鏈接,用於返回頁面頂部, 語法為< a href= 川> ... </a>。

• 錨點跳轉,用於跳轉到頁面某一位置,目前常用於前端路由,語法為< a href=” #icketang ” > ... </ a > 。. 用於實現特定的代碼功能,語法為<a href=”javascr中t:vo id (O); "> ... </a >。

相關推薦

推薦中...