1.你項目都有做哪些性能優(yōu)化
圖標合并 少用絕對定位 圖片壓縮 代碼壓縮 盡量少操做dom 少用大幅度動畫
圖標合并:使用雪碧圖或字體圖標
少用絕對定位:絕對定位會讓頁面變卡熔脂,會引起頁面回流
(回流就是頁面重排霞揉,重繪和回流有啥區(qū)別:用網(wǎng)上的話來說就是 重繪不一定引起回流 回流一定會引起重繪..
每個頁面至少回流一次..回流就是你改了元素的大小 位置 內(nèi)外邊距這些 瀏覽器會重新把頁面重排一次
重繪就是只改背景色啥玩意 的 這個消耗的少
現(xiàn)在的布局方式一般采用都用響應(yīng)式和自適應(yīng);
自適應(yīng)就是大多百分比寫的 布局不到 自動拉伸適應(yīng)
響應(yīng)式就是不同分辨率 顯示不同布局
)
代碼壓縮 :用工具壓縮的绊序,在線壓縮工具,壓縮代碼看具體項目的具體技術(shù)選型抚官;
2.看你項目說有用到webpack,給我說說webpack是干嘛用的阶捆,怎么用的,用到哪些功能
接口代理 打包 圖片壓縮 代碼分割 代碼壓縮 代碼編譯
那你壓縮用到其他什么沒 gulp用過嗎(比webpack簡單 但功能也單一 就構(gòu)建打包)
那gulp和webpack有什么區(qū)別 為什么選webpack不選gulp(webpack大勢所趨 gulp主打構(gòu)建 webpack主打模塊化開發(fā)倍奢;
什么是模塊化開發(fā) 優(yōu)點垒棋?(優(yōu)點肯定是利于開發(fā))
)
- 你用過es6語法嗎,你不是說es6好用嗎 優(yōu)化嗎 為什么又沒有用(es6 typescript這都是主流 當然 要循序漸進嘛)
4.你做pc有遇到哪些兼容問題 做移動又遇到哪些兼容問題
只要寫法語義化 布局合理 兼容問題少之又少 大多都是沒加hack值 或者前綴 或者margin float引起的一些小bug
移動端的話就是ios 的keyup不生效 可以換input事件 跷坝,還有就是ios默認的selct input這些玩意背景色是漸變,直接改顏色不行 得把默認的樣式都清掉
5.有用到哪些H5的新特性嗎(好像有本地儲存)
那你什么情況下有用到本地存儲(個人感覺吧 重復(fù)請求接口 里面數(shù)據(jù)是死數(shù)據(jù)的時候淮韭,比如 獲取城市列表靠粪,還有就是傳參數(shù)也能用到,現(xiàn)在登錄注冊也能用到)
傳參數(shù)也能用到昔善?具體點比如?(
sessionstorage 關(guān)頁面就沒了 我用這玩意傳過參數(shù)
localstorage畔乙,比cookie好用君仆,那個自動登錄可以用這個
)
你什么樣的參數(shù)需要用torage傳呀?(
比如你想在頁面存一個值 你直接var i=0 經(jīng)過js處理后也許就成100了 但頁面一刷就又變成0了 這個時候存sessionstorage牲距,
每次處理完i之后存到sessionstorage 用的時候再從sessionstorage取 這樣刷新頁面值還在返咱,
比如有個整屏滾動的頁面 你滾到第5頁了 這個時候一刷新是不是就跑第一頁去了 你存在sessionstorage里面 剛進頁面判斷下 有值就直接初始化到第5頁 沒值就第一頁;
比如牍鞠,h5頁面使用sessionstorage 滾動到上次瀏覽器位置
)
localstorage貌似就比較多了 cookie能用的localstorage也能用咖摹,localStorage的應(yīng)用場景就是記錄登錄者用戶名密碼這些
localstorage清緩存就沒
sessionstorage關(guān)頁面就沒了
那cookie又在什么場景下有用到(自動登錄啊,說實話...我沒用過cookie...)
都要求做選原子彈 去了就是修自行車的