- 項目
遇到了什么挑戰(zhàn)
購物車（如何設(shè)計數(shù)據(jù)結(jié)構(gòu)）
前端緩存：
http緩存（304是瀏覽器自定義的，其他的是自己定義的）
http（重要）
還有三個緩存實現(xiàn)
前后端數(shù)據(jù)交互、js函數(shù)整合（打包）（不要用框架吹）、炫酷效果
搜索（可以問問news的）然后要真的去深入去理解項目
交流問題 - 盒模型(rem.margin(百分比,垂直重疊))
標準盒模型、IE盒模型
rem:相對于瀏覽器的html{}根元素的font-size來的，一般來說默認的是16px，可以用百分比來改變根元素的字體大小
em:相對于自身的大小來說
margin:看http://www.itdecent.cn/p/59491ebf387b
解決margin折疊：左浮動和BFC - 跨域(CORS、JSONP)--前端瀏覽器特有的問題
同源策略：域名(IP地址)、協(xié)議、端口(不同的服務(wù))都相同
CORS:在http請求頭中配置，一般在后臺開通
JSONP:json+script的標簽：速度很快
利用這個img、script、css的訪問沒有跨域問題來實現(xiàn)JSONP
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS - 緩存
HTML5四種緩存(前端怎么操作cookie)
先看博客
http://www.alloyteam.com/2012/03/web-cache-1-web-cache-overview/
后面再說 - use strict
- ES6:箭頭函數(shù)、類
- http
- 本地存儲
- display:inline-block間隙操作
- js事件(捕獲、冒泡、代理、委托)
js事件單元素多事件綁定(閃爍問題)
js原型、閉包、作用域鏈、offset、滾動條監(jiān)測、橫向滾動條、可視化窗口
https://github.com/sqliang/feQuestion/wiki/js%E4%BA%8B%E4%BB%B6%E6%9C%BA%E5%88%B6 - js異步加載(js阻塞)
- js dom操作
- web性能優(yōu)化(CDN為什么起到作用及其實現(xiàn)原理)
- 模塊化、組件化自動部署
- 如何阻止一個form的重復(fù)提交
客戶端：
表單提交后使用js使提交按鈕display
boolean修改
服務(wù)器端：
session
先重定向后提交表單(但是體驗不好) - position四種的區(qū)別
- 從輸入一個url到渲染出整個頁面瀏覽器做了什么
- 瀏覽器兼容性問題
- css遇到的問題
統(tǒng)一、規(guī)范、漸進增強、優(yōu)雅降級
漸進增強：開發(fā)網(wǎng)站時保證兼容性良好，對先進瀏覽器再進行深入操作
優(yōu)雅降級：先對先進瀏覽器來用，后面在針對其他瀏覽器來進行降級
css標簽對性能開銷
css屬性遍歷(從右往左) - BFC
- 谷歌瀏覽器最小字體設(shè)定(html{-webkit-text-size-adjust: none;})
- web安全(XSS、DNS劫持、SQL注入)
前端面試問題注意點
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽?zāi)J的外補...
- 前端開發(fā)面試知識點大綱： HTML&CSS： 對Web標準的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：...
