一苇经、cookie案淋、sessionStorage 和 localStorage 的區(qū)別
- cookie：一般有服務(wù)端生成仓洼，可設(shè)置失效時(shí)間介陶，存放數(shù)據(jù)大小一般為4k左右，用于標(biāo)識(shí)用戶(hù)身份
- sessionStorage：客戶(hù)端生成色建，僅在當(dāng)前會(huì)話中有效哺呜，關(guān)閉頁(yè)面或?yàn)g覽器后會(huì)清除，存放數(shù)據(jù)大小在5M左右
- localStorage：客戶(hù)端生成箕戳，除非被清除某残，否則永久保存，存放數(shù)據(jù)大小在5M左右
二陵吸、html 和 html5 怎么區(qū)分玻墅？
- 在文檔類(lèi)型聲明上
- html：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- html5：<!DOCTYPE html>
- 在結(jié)構(gòu)語(yǔ)義上
- html：沒(méi)有結(jié)構(gòu)語(yǔ)義化的元素
- html5：結(jié)構(gòu)語(yǔ)義化較完善，比如<header><article><footer>
三壮虫、html5 新特性澳厢、新增元素和移除元素
- html5 新特性：
- 用于繪圖的 vanvas 元素、svg 元素
- 用于媒介回放的 video 和 audio 元素
- 對(duì)本地離線存儲(chǔ)的更好的支持
- 新的特殊內(nèi)容元素囚似，比如：article剩拢、footer、header饶唤、nav徐伐、section
- 新的表單控件。比如：calendar搬素、date呵晨、time、email熬尺、url摸屠、search
- 新增元素：
- <canvas> 新元素：<canvas>
- 新多媒體元素：<audio>、<video>粱哼、<source>季二、<embed>、<track>
- 新表單元素：<datalist>揭措、<keygen>胯舷、<output>
- 新的語(yǔ)義和結(jié)構(gòu)元素：<article>、<aside>绊含、<bdi>桑嘶、<command>、<details>躬充、<dialog>逃顶、<summary>讨便、<figure>、<figcation>以政、<footer>霸褒、<header>、<mark>盈蛮、<meter>废菱、<nav>、<progress>抖誉、<ruby>殊轴、<rp>、<rt>寸五、<section>梳凛、<time>、<wbr>
- 移除元素：
- <acronym>梳杏、<applet>、<basefont>淹接、<big>十性、<font>、<center>塑悼、<tt>劲适、<strike>、<noframes>厢蒜、<frameset>霞势、<frame>、<dir>
四斑鸦、css3 新特性
- 新增許多選擇器愕贡，比如：E:enabled、E:disabled
- 新增動(dòng)畫(huà)相關(guān)的特性：Transition巷屿、Transform固以、Animation
- 新增背景和邊框?qū)傩裕?
- 背景：background-clip、background-origin嘱巾、background-size憨琳、background-break
- 邊框：border-radius、box-shadow旬昭、border-image
- 文字特效：word-wrap篙螟、text-overflow、text-shadow问拘、text-decoration
- 多列布局
- 用戶(hù)界面
五遍略、求 i 的值
for (var i = 1; i <= 3; i++) {
setTimeout(function () {
console.log(i);
}, 0);
}
運(yùn)行結(jié)果：4
六慢味、如何聲明 html5，有什么作用墅冷？
- 聲明 html5：<!DOCTYPE html>
- 作用：告知瀏覽器文檔使用哪種規(guī)范解析
七楚堤、創(chuàng)建一個(gè)Ajax
- 創(chuàng)建 XMLHttpRequest 對(duì)象
var xmlhttp; if (window.XMLHttpRequest ) { xmlhttp = new XMLHttpRequest(); // 支持IE7+, Chrome, Opera, Safari 瀏覽器 } else { xmlhttp = new ActiveXObject("MicroSoft.XMLHTTP"); // 支持 IE6, IE5 瀏覽器 } - 當(dāng)請(qǐng)求被發(fā)送到服務(wù)器時(shí)，執(zhí)行一些基于響應(yīng)的任務(wù)
xmlhttp.onreadystatechange=function () { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } - 向服務(wù)器發(fā)送請(qǐng)求
xmlhttp.open("GET", "ajax.text", true); xmlhttp.send();方法 描述 open(method, url, async) 規(guī)定請(qǐng)求的類(lèi)型爱咬、URL 以及是否異步處理請(qǐng)求际邻。</br> <ul><li>請(qǐng)求的類(lèi)型；GET 或 POST</li><li>文件在服務(wù)器上的位置</li><li>async：true（異步）或 false（同步）</li></ul> send(string) 將請(qǐng)求發(fā)送到服務(wù)器</br> <ul><li>string：僅用于 POST 請(qǐng)求</li></ul>
八腔彰、為什么要使用CSS預(yù)處理器叫编？
- CSS 無(wú)法遞歸式定義，使用預(yù)處理器可以減少代碼的冗余
- 提高開(kāi)發(fā)效率
