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的存儲(chǔ)空間更大;
sessionStorage和localStorage有更多豐富易用的接口;
sessionStorage和localStorage各自獨(dú)立的存儲(chǔ)空間;
5.語義化的理解?
用正確的標(biāo)簽做正確的事情!
html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化,便于對(duì)瀏覽器、搜索引擎解析;
在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的。
搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重,利于 SEO。
使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊,便于閱讀維護(hù)理解。
6.HTML5的離線儲(chǔ)存?
localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;
sessionStorage 數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。
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.移動(dòng)web開發(fā)
1、移動(dòng)端常用類庫及優(yōu)缺點(diǎn)
知識(shí)面寬度,多多益善
2、Zepto庫和JQ區(qū)別
Zepto相對(duì)jQuery更加輕量,主要用在移動(dòng)端,jQuery也有對(duì)應(yīng)的jQuerymobile移動(dòng)端框架d
9.Ajax 是什么? 如何創(chuàng)建一個(gè)Ajax?
Ajax并不算是一種新的技術(shù),全稱是asynchronous javascript and xml,可以說是已有技術(shù)的組合,主要用來實(shí)現(xiàn)客戶端與服務(wù)器端的異步通信效果,實(shí)現(xiàn)頁面的局部刷新,早期的瀏覽器并不能原生支持ajax,可以使用隱藏幀(iframe)方式變相實(shí)現(xiàn)異步效果,后來的瀏覽器提供了對(duì)ajax的原生支持
//使用ajax原生方式發(fā)送請(qǐng)求主要通過XMLHttpRequest(標(biāo)準(zhǔn)瀏覽器)、ActiveXObject(IE瀏覽器)對(duì)象實(shí)現(xiàn)異步通信效果
//基本步驟:
var xhr =null;//創(chuàng)建對(duì)象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open(“方式”,”地址”,”標(biāo)志位”);//初始化請(qǐng)求
xhr.setRequestHeader(“”,””);//設(shè)置http頭信息
xhr.onreadystatechange =function(){}//指定回調(diào)函數(shù)
xhr.send();//發(fā)送請(qǐng)求
10.同步和異步的區(qū)別?
同步:阻塞的
-張三叫李四去吃飯,李四一直忙得不停,張三一直等著,直到李四忙完兩個(gè)人一塊去吃飯
=瀏覽器向服務(wù)器請(qǐng)求數(shù)據(jù),服務(wù)器比較忙,瀏覽器一直等著(頁面白屏),直到服務(wù)器返回?cái)?shù)據(jù),瀏覽器才能顯示頁面
異步:非阻塞的
-張三叫李四去吃飯,李四在忙,張三說了一聲然后自己就去吃飯了,李四忙完后自己去吃
=瀏覽器向服務(wù)器請(qǐng)求數(shù)據(jù),服務(wù)器比較忙,瀏覽器可以自如的干原來的事情(顯示頁面),服務(wù)器返回?cái)?shù)據(jù)的時(shí)候通知瀏覽器一聲,瀏覽器把返回的數(shù)據(jù)再渲染到頁面,局部更新