Java知識分享網 - 輕松學習從此開始!????

Java知識分享網

Java1234官方群25:java1234官方群25
Java1234官方群25:838462530
     

GIT視頻教程(結合github,碼云)免費領取

SpringBoot打造全棧在線教育平臺實戰課程

SpringBoot打造企業級進銷存

Java1234 VIP課程

領取微信掃碼登錄Java實現視頻教程

Java1234至尊VIP(特價活動)

2020年前端面試題匯總 PDF 下載


分享到:
時間:2020-06-15 15:18來源:http://www.ujifkk.icu 作者:小鋒  侵權舉報
2020年前端面試題匯總 PDF 下載
失效鏈接處理
2020年前端面試題匯總 PDF 下載

本站整理下載:
 
相關截圖:
 
主要內容:

一、HTML 和 CSS 1、你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? IE: trident 內核 Firefox:gecko 內核 Safari:webkit 內核 Opera:以前是 presto 內核,Opera 現已改用 Google Chrome 的 Blink 內核 Chrome:Blink(基于 webkit,Google 與 Opera Software 共同開發) 2、每個 HTML 文件里開頭都有個很重要的東西,Doctype,知道這是干什么的嗎? <!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。此標簽可告知瀏 覽器文檔使用哪種 HTML 或 XHTML 規范。(重點:告訴瀏覽器按照何種規范解析頁面) 3、Quirks 模式是什么?它和 Standards 模式有什么區別 從 IE6 開始,引入了 Standards 模式,標準模式中,瀏覽器嘗試給符合標準的文檔在規范上 的正確處理達到在指定瀏覽器中的程度。 在 IE6 之前 CSS 還不夠成熟,所以 IE5 等之前的瀏覽器對 CSS 的支持很差, IE6 將對 CSS 提供更好的支持,然而這時的問題就來了,因為有很多頁面是基于舊的布局方式寫的,而如 果 IE6 支持 CSS 則將令這些頁面顯示不正常,如何在即保證不破壞現有頁面,又提供新的 渲染機制呢? 在寫程序時我們也會經常遇到這樣的問題,如何保證原來的接口不變,又提供更強大的功能, 尤其是新功能不兼容舊功能時。遇到這種問題時的一個常見做法是增加參數和分支,即當某 個參數為真時,我們就使用新功能,而如果這個參數 不為真時,就使用舊功能,這樣就能 不破壞原有的程序,又提供新功能。IE6 也是類似這樣做的,它將 DTD 當成了這個“參數”, 因為以前的頁面大家都不會去寫 DTD,所以 IE6 就假定 如果寫了 DTD,就意味著這個頁面 將采用對 CSS 支持更好的布局,而如果沒有,則采用兼容之前的布局方式。這就是 Quirks 模式(怪癖模式,詭異模式,怪異模式)。 區別: 總體會有布局、樣式解析和腳本執行三個方面的區別。 盒模型:在 W3C 標準中,如果設置一個元素的寬度和高度,指的是元素內容的寬度和高度, 而在 Quirks 模式下,IE 的寬度和高度還包含了 padding 和 border。
設置行內元素的高寬:在 Standards 模式下,給<span>等行內元素設置 wdith 和 height 都 不會生效,而在 quirks 模式下,則會生效。 設置百分比的高度:在 standards 模式下,一個元素的高度是由其包含的內容來決定的,如 果父元素沒有設置百分比的高度,子元素設置一個百分比的高度是無效的用 margin:0 auto 設置水平居中:使用 margin:0 auto 在 standards 模式下可以使元素水平 居中,但在 quirks 模式下卻會失效。 (還有很多,答出什么不重要,關鍵是看他答出的這些是不是自己經驗遇到的,還是說都是 看文章看的,甚至完全不知道。) 4、div+css 的布局較 table 布局有什么優點? 改版的時候更方便 只要改 css 文件。 頁面加載速度更快、結構化清晰、頁面顯示簡潔。 表現與結構相分離。 易于優化(seo)搜索引擎更友好,排名更容易靠前。 5、 img 的 alt 與 title 有何異同? strong 與 em 的異同? a:alt(alt text):為不能顯示圖像、窗體或 applets 的用戶代理(UA),alt 屬性用來指 定替換文字。替換文字的語言由 lang 屬性指定。(在 IE 瀏覽器下會在沒有 title 時把 alt 當成 tool tip 顯示) title(tool tip):該屬性為設置該屬性的元素提供建議性的信息。 strong:粗體強調標簽,強調,表示內容的重要性 em:斜體強調標簽,更強烈強調,表示內容的強調點 6、你能描述一下漸進增強和優雅降級之間的不同嗎? 漸進增強 progressive enhancement:針對低版本瀏覽器進行構建頁面,保證最基本的功 能,然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。 優雅降級 graceful degradation:一開始就構建完整的功能,然后再針對低版本瀏覽器 進行兼容。 區別:優雅降級是從復雜的現狀開始,并試圖減少用戶體驗的供給,而漸進增強則是從一個 非常基礎的,能夠起作用的版本開始,并不斷擴充,以適應未來環境的需要。降級(功能衰 減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處于安全地帶。
“優雅降級”觀點 “優雅降級”觀點認為應該針對那些最高級、最完善的瀏覽器來設計網站。而將那些被認為 “過時”或有功能缺失的瀏覽器下的測試工作安排在開發周期的最后階段,并把測試對象限 定為主流瀏覽器(如 IE、Mozilla 等)的前一個版本。 在這種設計范例下,舊版的瀏覽器被認為僅能提供“簡陋卻無 妨 (poor, but passable)” 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏 覽器。但由于它們并非我們所關注的焦點,因此除了修復較大的錯誤之外,其它的差異將被 直接忽略。 “漸進增強”觀點 “漸進增強”觀點則認為應關注于內容本身。 內容是我們建立網站的誘因。有的網站展示它,有的則收集它,有的尋求,有的操作,還有 的網站甚至會包含以上的種種,但相同點是它們全都涉及到內容。這使得“漸進增強”成為 一種更為合理的設計范例。這也是它立即被 Yahoo! 所采納并用以構建其“分級式瀏覽器 支持 (Graded Browser Support)”策略的原因所在。 那么問題來了。現在產品經理看到 IE6,7,8 網頁效果相對高版本現代瀏覽器少了很多圓角, 陰影(CSS3),要求兼容(使用圖片背景,放棄 CSS3),你會如何說服他? 7、為什么利用多個域名來存儲網站資源會更有效? CDN 緩存更方便 突破瀏覽器并發限制 節約 cookie 帶寬 節約主域名的連接數,優化頁面響應速度 防止不必要的安全問題

 

------分隔線----------------------------
關注公眾號
【Java資料站】
回復 666
獲取 
66套java
從菜雞到大神
項目實戰課程
欢乐捕鱼人千炮版 股票融资率 青海11选5遗漏表 幸运快3 11选5任五万能10注 七星彩走势图表近30 江西快三开奖查询 多乐彩历史开奖结果 太原炒股配资 体彩排列五开奖好慢 湖南快乐十分技巧 湖北11选五遗漏前三直一定牛 广东36选7中奖规则及奖金 甘肃快3开奖查询 a股交易费 辽宁十一选五走势一定牛 吉林省11选五开奖结果今天