- loader和插件的區(qū)別
- loader 用于加載某些資源文件史飞。 因為webpack 本身只能打包commonjs規(guī)范的js文件尖昏，對于其他資源例如 css，圖片祸憋，或者其他的語法集会宪，比如 jsx， coffee蚯窥，是沒有辦法加載的。 這就需要對應的loader將資源轉(zhuǎn)化塞帐，加載進來拦赠。從字面意思也能看出，loader是用于加載的葵姥，它作用于一個個文件上荷鼠。2. plugin 用于擴展webpack的功能。它直接作用于 webpack榔幸，擴展了它的功能允乐。當然loader也時變相的擴展了 webpack ，但是它只專注于轉(zhuǎn)化文件（transform）這一個領域削咆。而plugin的功能更加的豐富牍疏，而不僅局限于資源的加載。
- webpack分塊
- 如何實現(xiàn)垂直居中
- css3 flex box, flex: align-item
- 已知長和寬
position: relative; /* 相對定位或絕對定位均可 /
width:500px;
height:300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -250px; / 外邊距為自身寬高的一半 */- 未知長和寬
position: absolute; /* 相對定位或絕對定位均可 */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- html5相關
- 經(jīng)常瀏覽的前端論壇
- web站點如何做性能優(yōu)化
- Ajax是什么拨齐？
Ajax就是局部刷新鳞陨，不需要只要刷新數(shù)據(jù)就要完全加載整個頁面。只要是JS調(diào)用異步操作件并使用格式化的數(shù)據(jù)來更新web頁面上的內(nèi)容或操作過程瞻惋，那么我們用的方法就可算是AJAX厦滤。
如何簡單實現(xiàn)一個AJAX?
第一步，new出一個XMLHttpRequest對象：
var xhr = new XmlHttpRequest()
第二步歼狼，處理服務器上面返回的響應：
xhr.onReadyStateChage() = function() {...}
第三步掏导，創(chuàng)建一個請求，第一個參數(shù)是請求的類型get或者post羽峰，第二個參數(shù)就是請求的路徑趟咆，第三個參數(shù)叫做是否使用異步機制：
xhr.open('post','abc.net',true);
如果為post請求，需要在發(fā)送請求前設置一下header：
xhr.setRequestHeader();
第四步：發(fā)送請求
xhr.send(...);
- 怎么把頁面分成四等分
- 上下margin重疊會怎樣
垂直方向上限寞，相鄰的兩個塊的margin會重疊忍啸。
解決方法：
(1) 浮動元素、inline-block 元素履植、絕對定位元素的 margin 不會和垂直方向上其他元素的 margin 折疊
總結(jié)一點就是觸發(fā)了BFC的元素计雌，滿足下面任一條件的元素，會觸發(fā)為 BFC ：
浮動元素玫霎，float 除 none 以外的值
絕對定位元素凿滤，position（absolute妈橄，fixed）
display 為以下其中之一的值 inline-blocks，table-cells翁脆，table-captions
overflow 除了 visible 以外的值（hidden眷蚓，auto，scroll）
- css3新特性
- CORS和Jsonp
http://www.reibang.com/writer#/notebooks/12685836/notes/21369605/preview
- js實現(xiàn)單頁應用
pushState + Ajax => pjax
https://www.helloweba.com/view-blog-386.html
- 網(wǎng)格布局的優(yōu)勢反番？
網(wǎng)格布局是在CSS中實現(xiàn)而不是在HTML中實現(xiàn)沙热，同時還可以依賴于媒體查詢根據(jù)不同的上下文得新定義布局。這對于喜歡響應式設計的同學來說是一個絕對利好的消息罢缸。因為你不在需要再擔心你的HTML結(jié)構(gòu)而影響你的布局篙贸。網(wǎng)格布局還可以讓我們擺脫現(xiàn)在布局中存在的文檔流限制，換句話說枫疆，你的結(jié)構(gòu)不需要根據(jù)設計稿從上往上布置了爵川。這也意味著您可以自由地更改頁面元素位置。這最適合你在不同的斷點位置實現(xiàn)你最需要的布局息楔，而不再需要為響應你的設計而擔心HTML結(jié)構(gòu)的問題寝贡。
https://www.w3cplus.com/css3/line-base-placement-layout.html
- margin, padding設成百分比會針對哪一層？
margin, padding 的百分比是針對父層的寬度
top, bottom值依，left圃泡， right呢？
top和bottom會針對父層的高度鳞滨。
left洞焙，right會針對父層的寬度
- JS實現(xiàn)多線程？
- 怎么理解JavaScript單線程拯啦？
- HTTP緩存機制
- 協(xié)程和多線程
- position是不是只針對塊級元素澡匪？
position使用時，不管父級是塊級或者內(nèi)聯(lián)級別褒链。
- Angular里面模塊很多時唁情，如何管理與優(yōu)化
21.寫一個算法找出一個對象的最大層級
22.rxjs常用操作符及相關區(qū)別
23.數(shù)組里的方法，以及哪些會導致數(shù)組變化甫匹，哪些不會
24.移動端1像素問題
- 怎么保證彈框后的背景不滾動
- 如何確認在一個頁面上的停留時間
https://www.cnblogs.com/slly/p/7991474.html
http://www.webhek.com/post/page-visibility.html
- 如何判斷一個變量是不是對象?
- 說說重匯與重排.
- Angular2+的AOT與搖樹優(yōu)化
- JS實現(xiàn)深拷貝
- 一道rxjs的開放題
- Angular1與Angular2+的比較甸鸟，react，angular兵迅，vue的比較
- Angular1 $digest, $apply區(qū)別抢韭，說說$digest循環(huán)。
- 在寫angular1的時候恍箭，優(yōu)化性能的一些方法刻恭。
