1.名字忘了
1.h5文檔類型和字符集是?
<!DOCTYPE html>
<meta charset="utf-8" />
2.請描述h5的canvas
canvas是HTML5中的新元素,你可以使用javascript用它來繪制圖形、圖標、以及其它任何視覺性圖像。它也可用于創建圖片特效和動畫。
canvas 元素本身是沒有繪圖能力的。所有的繪制工作必須在 JavaScript 內部完成
所以一句話就是:HTML5 的 canvas 元素使用 JavaScript 在網頁上繪制圖像。
3.描述下h5的存儲類型與cookie的區別
h5的存儲類型:
HTML5 提供了兩種在客戶端存儲數據的新方法:
localStorage(永久性的本地存儲) - 沒有時間限制的數據存儲。
sessionStorage(會話級別的本地存儲) - 針對一個 session 的數據存儲,網站關閉就消失。
區別1:傳遞與否
cookie 不適合大量數據的存儲,因為它們都會隨每個對服務器的請求,附加傳遞到服務器,這使得加載速度很慢而且效率也不高。所以cookie 不適合大量數據的存儲
但在 HTML5 中,數據不是由每個服務器請求傳遞的,而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。
區別2:創建過程:
document.cookie="name1=value1;name2=value2"; //實質是字符串,因此太長解析太慢,解析還需要自寫方法
localStorage.name="value1"; //創建更方便,提取直接localStorage.name
區別3:大小,時常的限制
大多數瀏覽器只允許每個站點存儲 20 個Cookie(最大4096 字節/Cookie);
有些瀏覽器還會對它們將接受的來自所有站點的 Cookie 總數作出絕對限制,通常為 300 個
如果試圖存儲更多 Cookie,則最舊的 Cookie 便會被丟棄。
默認cookies失效時間是直到關閉瀏覽器,cookies失效,也可以指定cookies時間。
但h5的本地存儲,在最新的JS的API中增加了localStorage對象,以便于用戶存儲永久存儲的Web端的數據。
而且存儲數據的大小機會不用考慮,因為在HTML5的標準中要求瀏覽器至少要支持到4MB.
4.請描述h5的Application Cache
H5提供了很多新的功能以及相應的接口,離線存儲就是其中的一個。
離線存儲可以將站點的一些文件存儲在本地,在沒有網絡的時候還是可以訪問到以緩存的對應的站點頁面,其中這些文件可以包括html,js,css,img等等文件,
但其實即使在有網絡的時候,瀏覽器也會優先使用已離線存儲的文件,返回一個200(from cache)頭。這跟HTTP的緩存使用策略是不同的。
5.h5新增加的API
canvas,不用多說,可以畫出很多絢麗的圖形,甚至可以直接做出偽3D游戲。
媒體控制,也很好理解(直譯就是回放功能,假如只用html5.0以下的標簽寫,以前的音樂播放是不可能實現滾動條的。)
拖動,可以將文件拖動到某些區域上傳
客戶端數據存儲,localstoage sessionstoage
地理位置共享
電池API
本地數據庫
索引數據庫
離線存儲
6.以下執行結果是什么?
<script type="text/javascript"> for(i=0, j=0; i<10, j<6; i++, j++){v=i+j;alert(i)} </script>?
陸續彈出0,1,2,3,4,5
7.js的typeof返回哪些數據類型?
typeof 運算符把類型信息當作字符串返回。
typeof 返回值有六種可能: "number", "string" ,"boolean", "object", "function" 和 "undefined"
8.ajax中get和post的區別
使用Get請求時,參數在URL中顯示,而使用Post方式,則不會顯示出來
使用Get請求發送數據量小,Post請求發送數據量大
使用Get請求,數據會被客戶端的瀏覽器緩存起來,post不會
總之,GET方式傳送數據量小,處理效率高,安全性低,會被緩存,而POST反之。
9.以下執行結果是什么?
<script> function test(x){var tmp=3;return function(y){alert(x+y+(++tmp))}}var bar=test(2);bar(10);</script>?
彈出16
10.簡述css的盒子模型,行內元素與塊級元素都有哪些?
css中的盒子模型是為了充分理解div+css模型的定位功能,就是利用盒子模型這樣的布局方式代替了傳統的表格布局方式。
通過這個模型你就可以明白網頁中div和div之間的相對位置是如何布局的。
11.請簡述postion的值?
12.Css Sprites的優缺點
CSS圖像拼合
利用CSS Sprites能很好地減少了網頁的http請求,從而大大的提高了頁面的性能
CSS Sprites能減少圖片的字節
開發和維護比較麻煩,要通過photoshop或其他工具測量計算每一個背景單元的精確位置,這是針線活,沒什么難度,但是很繁瑣
?
轉載于:https://www.cnblogs.com/dshvv/p/5395705.html
總結
- 上一篇: python题目推荐_python题目
- 下一篇: 过期时间_2020年最新航空里程过期时间