-
HTML的Doctype作用？嚴(yán)格模式與混雜模式如何區(qū)分？他們有何意義？
- <!DOCTYPE>聲明位于文檔的最前面，處于<html>標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型規(guī)范解析這個文檔。
- 嚴(yán)格模式的排版和JS運作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運行。在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。
- DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
-
document.write和innerHTML的區(qū)別
document.write只能重繪整個頁面
innerHTML可以重繪頁面的一部分
-
列舉異步編程的方法。
回調(diào)函數(shù)，這是異步編程最基本的方法。事件監(jiān)聽，另一種思路是采用事件驅(qū)動模式。任務(wù)的執(zhí)行不取決于代碼的順序，而取決于某個事件是否發(fā)生。
發(fā)布/訂閱，上一節(jié)的事件，完全可以理解為“信號”。
Promises對象，Promises對象是CommonJS工作組提出的一種規(guī)范，目的是為異步編程提供統(tǒng)一接口。
-
用戶從手機的瀏覽器訪問www.baidu.com，看到的可能跟桌面PC電腦，是不太一樣的網(wǎng)頁效果，會更適合移動設(shè)備使用。請簡要分析一下，實現(xiàn)這種網(wǎng)頁區(qū)分顯示的原因及技術(shù)原理。
手機的網(wǎng)速問題、屏幕大小、內(nèi)存、CPU等。通過不同設(shè)備的特征，實現(xiàn)不同的網(wǎng)頁展現(xiàn)或輸出效果。根據(jù)useragent、屏幕大小信息、IP網(wǎng)速、css media Query等原理，實現(xiàn)前端或后端的特征識別和行為改變。
-
Flappy Bird是風(fēng)靡一時的手機游戲，玩家要操作一只小鳥穿過無窮無盡的由鋼管組成的障礙。如果要你在HTML前端開發(fā)這個游戲，為了保證游戲的流暢運行，并長時間運行也不會崩潰，請列舉開發(fā)要注意的性能問題和解決的方法。
背景的卷軸效果優(yōu)化。背景不能是無限長的圖片拼接，必須有回收已移出的場景的方法。
將復(fù)雜運算從主UI線程中解耦。比如場景中小鳥的運動軌跡、碰撞算法等，需要在空閑時間片運算，不能和UI動畫同時進(jìn)行。
將比較大的運算分解成不同的時間片，防止阻塞主UI線程。最好使用webworker。
注意內(nèi)存泄漏和回收。使用對象池管理內(nèi)存，提高內(nèi)存檢測和垃圾回收。
進(jìn)行預(yù)處理。將一些常用的過程進(jìn)行預(yù)處理，
控制好幀率。將1秒分解成多個時間片，在固定間隔時間片進(jìn)行UI動畫，其他時間片用在后臺運算。
-
給出偽元素(::before, ::after)的幾種使用場景？
- 清除浮動時
- 利用attr()來實現(xiàn)某些動態(tài)功能時
- 與counter()結(jié)合實現(xiàn)序號問題，而不用使用列表元素
- 實現(xiàn)各種特效
前端筆試易錯題目進(jìn)行中
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
- 自十九大召開以來，我們這里以新形勢來學(xué)習(xí)十九大精神：就是無論各行各業(yè)人員，以各種形式抄寫十九大報告的內(nèi)容，讓十九大...
