1.如何在 HTML5 頁面中嵌入音頻?
HTML 5 包含嵌入音頻文件的標(biāo)準(zhǔn)方式千诬,支持的格式包括 MP3、Wav 和 Ogg:
<audio controls>
<source src="jamshed.mp3" type="audio/mpeg">
Your browser does'nt support audio embedding feature.
</audio>
2.如何在 HTML5 頁面中嵌入視頻溯饵?
和音頻一樣状共,HTML5 定義了嵌入視頻的標(biāo)準(zhǔn)方法蔓涧,支持的格式包括:MP4、WebM 和 Ogg:
<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does'nt support video embedding feature.
</video>
3.HTML5 引入什么新的表單屬性上渴?
Datalist datetime output keygen date month week time number range emailurl
4.cookie在瀏覽器和服務(wù)器間來回傳遞岸梨。 sessionStorage和localStorage區(qū)別
sessionStorage和localStorage的存儲空間更大;
sessionStorage和localStorage有更多豐富易用的接口稠氮;
sessionStorage和localStorage各自獨立的存儲空間曹阔;
5.語義化的理解?
用正確的標(biāo)簽做正確的事情括袒!
html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化次兆,便于對瀏覽器、搜索引擎解析锹锰;
在沒有樣式CCS情況下也以一種文檔格式顯示芥炭,并且是容易閱讀的。
搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重恃慧,利于 SEO园蝠。
使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊,便于閱讀維護理解痢士。
6.HTML5的離線儲存彪薛?
localStorage 長期存儲數(shù)據(jù)茂装,瀏覽器關(guān)閉后數(shù)據(jù)不丟失;
sessionStorage 數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除善延。
7.HTML5和CSS3的新標(biāo)簽
//HTML5:
nav, footer, header, section, hgroup, video, time, canvas, audio...
//CSS3:
RGBA, opacity, text-shadow, box-shadow, border-radius, border-image,
border-color, transform...;
8.移動web開發(fā)
1少态、移動端常用類庫及優(yōu)缺點
知識面寬度,多多益善
2易遣、Zepto庫和JQ區(qū)別
Zepto相對jQuery更加輕量彼妻,主要用在移動端,jQuery也有對應(yīng)的jQuerymobile移動端框架d
9.Ajax 是什么? 如何創(chuàng)建一個Ajax豆茫?
Ajax并不算是一種新的技術(shù)侨歉,全稱是asynchronous javascript and xml,可以說是已有技術(shù)的組合揩魂,主要用來實現(xiàn)客戶端與服務(wù)器端的異步通信效果幽邓,實現(xiàn)頁面的局部刷新,早期的瀏覽器并不能原生支持ajax火脉,可以使用隱藏幀(iframe)方式變相實現(xiàn)異步效果牵舵,后來的瀏覽器提供了對ajax的原生支持
//使用ajax原生方式發(fā)送請求主要通過XMLHttpRequest(標(biāo)準(zhǔn)瀏覽器)、ActiveXObject(IE瀏覽器)對象實現(xiàn)異步通信效果
//基本步驟:
var xhr =null;//創(chuàng)建對象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open(“方式”,”地址”,”標(biāo)志位”);//初始化請求
xhr.setRequestHeader(“”,””);//設(shè)置http頭信息
xhr.onreadystatechange =function(){}//指定回調(diào)函數(shù)
xhr.send();//發(fā)送請求
10.同步和異步的區(qū)別?
同步:阻塞的
-張三叫李四去吃飯忘分,李四一直忙得不停棋枕,張三一直等著,直到李四忙完兩個人一塊去吃飯
=瀏覽器向服務(wù)器請求數(shù)據(jù)妒峦,服務(wù)器比較忙,瀏覽器一直等著(頁面白屏)兵睛,直到服務(wù)器返回數(shù)據(jù)肯骇,瀏覽器才能顯示頁面
異步:非阻塞的
-張三叫李四去吃飯,李四在忙祖很,張三說了一聲然后自己就去吃飯了笛丙,李四忙完后自己去吃
=瀏覽器向服務(wù)器請求數(shù)據(jù),服務(wù)器比較忙假颇,瀏覽器可以自如的干原來的事情(顯示頁面)胚鸯,服務(wù)器返回數(shù)據(jù)的時候通知瀏覽器一聲,瀏覽器把返回的數(shù)據(jù)再渲染到頁面笨鸡,局部更新