-
先驅(qū)者userData 優(yōu)點(diǎn)： 第一個(gè)吃螃蟹的人 缺點(diǎn)：存儲(chǔ)限制大小，單個(gè)文件的大小限制是128KB，一個(gè)域名下總共可以保存1024KB的文件，文件個(gè)數(shù)應(yīng)該沒有限制。在受限站點(diǎn)里這兩個(gè)值分別是64KB和640KB Cookie兼容性最好的本地存儲(chǔ) 優(yōu)點(diǎn)：兼容性最好，幾乎所有的瀏覽器都支持。 缺點(diǎn)：大小有限制，而且每次發(fā)送請(qǐng)求，請(qǐng)求頭里會(huì)帶著Cookie一起發(fā)過去，現(xiàn)在基本大多數(shù)登錄的合法性驗(yàn)證都是用Cookie驗(yàn)證的。查看全部
-
sessionStorage 臨時(shí)存儲(chǔ)神器 優(yōu)點(diǎn)：臨時(shí)存儲(chǔ)神器，關(guān)閉頁面標(biāo)簽自動(dòng)回收，不可以跨頁面交互。 缺點(diǎn)：不能存儲(chǔ)持久化的東西。查看全部
-
視頻的外部資源可使用link 加載樣式的方式加載，會(huì)被提前加載。起到提前加載視頻所需外部資源，讓視頻先運(yùn)行的作用。查看全部
-
瀏覽器工作流程查看全部
-
觸發(fā)重繪： 1、改變字體 2、增加或移除樣式表 3、內(nèi)容變化，如用戶在input框輸入文字 4、激活css偽類，如:hover 5、腳本操作DOM 6、計(jì)算可見的寬高屬性 7、設(shè)置style屬性的值查看全部
-
documentFragment api可省去一次回流 var fragment = document.createDocumentFragment(); var spanNode = document.createElement('div'); for(var i=0;i<10;i++){ (function(i){ spandNode.innerHTML= spandNode.innerHTML + 'number:'+i+'<br>'; fragment.appendChild(spandNode); })(i) } document.body.appendChild(fragment);查看全部
-
處理圖片的方法查看全部
-
默認(rèn)圖占位，獲取設(shè)備信息，然后根據(jù)設(shè)備信息返回最合適的圖片查看全部
-
【SessionStorage】-ie7以下不支持 優(yōu)點(diǎn)：臨時(shí) 存儲(chǔ)神器，關(guān)閉頁面標(biāo)簽自動(dòng)回收，不可跨頁面交互。同一瀏覽器不同標(biāo)簽中Sessionstorage是不共享的 缺點(diǎn)：臨時(shí) 成了蕭何敗也蕭何，因?yàn)槭桥R時(shí)所以不能存儲(chǔ)持久化的東西 【userData】-ie支持 優(yōu)點(diǎn)：比SessionStorage早 缺點(diǎn)：存儲(chǔ)限制太小。單個(gè)文件大小限制是128KB，一個(gè)域名下總共可以保存1024KB的文件，文件個(gè)數(shù)應(yīng)該沒有限制。在受限站點(diǎn)里這兩個(gè)值分別是64KB和640KB 【Cookie】-兼容性最好的本地存儲(chǔ) 優(yōu)點(diǎn)：兼容性最好，幾乎所有的瀏覽器都支持 缺點(diǎn)：大小有限制，而且每次發(fā)送請(qǐng)求，請(qǐng)求頭里會(huì)帶著Cookie一起發(fā)過去，現(xiàn)在基本大多數(shù)登陸的合法性驗(yàn)證都是用cookie驗(yàn)證的。 【openDatabase】-一般支持html5的都支持 優(yōu)點(diǎn)：就是一個(gè)完整的數(shù)據(jù)庫。 缺點(diǎn)：可能對(duì)于前端同學(xué)來說，成本高。 【localstorage】-可在頁面關(guān)閉后依然保存，其他與sessionStorage無異 優(yōu)點(diǎn)：兼容性中等，操作簡單，就是key-value形式，幾乎現(xiàn)代的瀏覽器都支持。不能跨瀏覽器取，不能跨域取。 缺點(diǎn)：存在大小限制，ie9,ie10不支持查看全部
-
視頻的外部資源可使用link 加載樣式的方式加載，會(huì)被提前加載。起到提前加載視頻所需外部資源，讓視頻先運(yùn)行的作用。查看全部
-
播放器形式 【video】 優(yōu)點(diǎn)：不需要下載額外資源（如：flash播放器需要下載.swf輔助插件），控制簡單有較為完整的api 缺點(diǎn)：每個(gè)瀏覽器的外觀都不一樣，如果要統(tǒng)一需要自己寫ui實(shí)現(xiàn) 【Flash】 優(yōu)點(diǎn)：兼容性好，只要有flash player播放器插件，都可以進(jìn)行播放。 缺點(diǎn)：1、需要下載額外的swf播放文件才可以播放，瀏覽器必須有flash player插件 2、flash player版本的碎片化 3、UI定制需要寫as，學(xué)習(xí)成本較高 優(yōu)化方案：Flash 和 html5相結(jié)合如： Flowplayer 功能簡單，使用方便，https://flowplayer.org/player/ VideoJs 功能強(qiáng)大，使用復(fù)雜，http://videojs.com查看全部
-
CSS-Sprites 圖片工具 http://alloyteam.github.io/gopng by 鵝廠 http://fits.baidu.com/ by 狼廠 http://gruntjs.com/ by 可愛的開發(fā)者 圖片標(biāo)簽 <picture> <source srcset="smaller.png" media="(max-width:768px)"> <source srcset="big.png" media="(min-width:1000px)"> <img srcset = "default.png" alt="MyDefaultImg"> </picture>查看全部
-
圖片壓縮時(shí)的算法決定了其顯示時(shí)的方式 小波算法：先模糊然后清晰 離散余弦變換：清晰，逐行顯示查看全部
-
圖片分類： jpg,jpeg,以24位顏色存儲(chǔ)單個(gè)位圖，可壓縮 png，可做透明圖片，體積較大，需要清晰的顯示顏色豐富的圖片時(shí)用 gif，全透/全不透，不支持半透明 svg，矢量圖，地圖中用的多，體積小 apng,webp:jpg+png優(yōu)點(diǎn)，未被所有瀏覽器采納查看全部
-
瀏覽器配置的dns永遠(yuǎn)高于本地host配置查看全部
舉報(bào)
0/150
提交
取消