2020-04-02

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ù)再渲染到頁面,局部更新

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • html和 css一些面試題 1 src與href的區(qū)別 src用于引用資源,替換當(dāng)前元...
    中偉_3bef閱讀 437評(píng)論 0 2
  • css優(yōu)先級(jí)關(guān)系: !important(優(yōu)先級(jí)最高 ei m pao teng t)>行內(nèi)>id>類>標(biāo)簽>鏈接...
    程序員之路閱讀 866評(píng)論 0 1
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門級(jí)到專家級(jí),廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,678評(píng)論 0 7
  • 我渴望能見你一面,但請(qǐng)你記得,我不會(huì)開口要求要見你。這不是因?yàn)轵湴?,你知道我在你面前毫無驕傲可言,而是因?yàn)椋ㄓ心?..
    喬斤閱讀 212評(píng)論 0 0
  • 今天我沒上音樂課啦,音樂老師給我們彈的鋼琴,特別好聽。然后又教給我們唱了中華民族國(guó)歌。我回家把它唱給媽媽聽了。但是...
    段智耀閱讀 152評(píng)論 0 1

友情鏈接更多精彩內(nèi)容