如何優(yōu)化SPA應(yīng)用的首屏加載速度慢的問題状飞？
1.將公用的JS庫通過script標簽外部引入商玫，減小 app.bundel 的大小，讓瀏覽器并行下載資源文件伴栓，提高下載速度伦连；
2.在配置 路由時雨饺，頁面和組件使用懶加載的方式引入，進一步縮小 app.bundel 的體積惑淳，在調(diào)用某個組件時再加載對應(yīng)的js文件额港；
3.加一個首屏loading圖，提升用戶體驗汛聚；
你做的頁面在哪些流覽器測試過？這些瀏覽器的內(nèi)核分別是?
a短荐、 IE(IE瀏覽器) : trident 內(nèi)核 -ms-
b倚舀、 Firefox(火狐瀏覽器) ： gecko 內(nèi)核 -moz-
c、 Safari(蘋果瀏覽器) ：webkit 內(nèi)核 -webkit-
d忍宋、 Opera(歐朋瀏覽器)：以前是 presto 內(nèi)核痕貌， Opera 現(xiàn)已改用 Google Chrome 的 Blink 內(nèi)核 -o-
e、 Chrome(谷歌瀏覽器)：Blink(基于 webkit 糠排， Google 與 Opera Software 共同開發(fā) ) -webkit-
HTML5有哪些新特性舵稠、移除了哪些元素？
HTML新特性：
- 圖像Canvas
- 多媒體video入宦、audio
- 本地存儲localStorage哺徊、sessionStorage
- 語義化更好的內(nèi)容元素article、header乾闰、footer落追、nav、section
- 表單控件date涯肩、time轿钠、canlendar、url病苗、search
- 新的技術(shù)webworker疗垛、websocket、Geolocation
移除的元素：
- 純表現(xiàn)的元素u硫朦、big贷腕、center、strike咬展、tt花履、font、basefont
- 框架集frame挚赊、frameset诡壁、noframes
圖片格式及特性
1、psd （photoshop的專用格式）
優(yōu)點：完整保存圖像的信息荠割，包括未壓縮的圖像數(shù)據(jù)妹卿、圖層旺矾、透明等信息，方便圖像的編輯夺克。
缺點：應(yīng)用范圍窄箕宙，圖片容量相對比較大。
2铺纽、jpg （網(wǎng)頁制作及日常使用最普遍的圖像格式）
優(yōu)點：圖像壓縮效率高柬帕，圖像容量相對最小。
缺點：有損壓縮狡门，圖像會丟失數(shù)據(jù)而失真陷寝，不支持透明背景，不能制作成動畫其馏。
3凤跑、gif （制作網(wǎng)頁小動畫的常用圖像格式）
優(yōu)點：無損壓縮，圖像容量小叛复、可以制作成動畫仔引、支持透明背景。
缺點：圖像色彩范圍最多只有256色褐奥，不能保存色彩豐富的圖像咖耘，不支持半透明，透明圖像邊緣有鋸齒
4撬码、png（網(wǎng)頁制作及日常使用比較普遍的圖像格式）
優(yōu)點：無損壓縮鲤看，圖像容量小、支持透明背景和半透明色彩耍群、透明圖像的邊緣光滑义桂。
缺點：不能制作成動畫
CSS3新特性
1、選擇器
1）:last-child 匹配父元素的最后一個子元素蹈垢。
2）:nth-child(n)匹配父元素的第n個子元素慷吊。
3）:nth-last-child(n) CSS3 匹配父元素的倒數(shù)第n個子元素。
2曹抬、@Font-face 特性
Font-face 可以用來加載字體樣式溉瓶，而且它還能夠加載服務(wù)器端的字體文件，讓客戶端顯示客戶端所沒有安裝的字體
3谤民、圓角border-radius堰酿、陰影（box-shadow）
4、文字陰影（text-shadow张足、）触创，線性漸變（gradient），旋轉(zhuǎn)（transform）
5为牍、多背景（border-image）哼绑、多欄布局岩馍、媒體查詢
6、在CSS3中唯一引入的偽元素是 ::selection
