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