1 iframe上監聽click事件
1 iframe.onload =function ()5 }
2 常見的布局方式
1靜態布局 px2 流式布局 百分比 +em 或者 rem
3自適應布局 media query
4 響應式布局 media query
3 同源策略
三種不嚴格的同源策略
1不同視窗同domain
home.example.com(初始值) =>example.com
2跨域資源共享（cross origin resource sharing）
origin && access-control-allow-origin
3跨文件資訊
不管文件的**是否相同，呼叫window的postmessage廣播訊息
jsonp: 動態插入script標籤，瀏覽器對script的資源引用沒有同源限制，同時資源載入到頁面後會立即執行
4 塊級格式化上下文
作用：1阻止外邊距摺疊
2包含浮動元素
3阻止元素覆蓋浮動元素
生成乙個塊級格式化上下文的方法
1根元素或者包含根元素 body iframe
2 浮動 float
3位置 position: fixed absolute
4 display: inline-block table-cell table-caption flex inline-flex
5 overflow
5 inline-block塊間距
產生間距的原因: 行內塊之間有空格或者換行符解決方法：在父元素上設定font-size: 0
6 清除浮動的方法
1構造塊級格式化上下文
2空標籤 clear: both
3 容器偽元素::after
常見的前端面試題
元件封裝的目的是為了重用，提高開發效率和 質量 低耦合，單一職責，可復用性，可維護性 前端元件化設計思路 渲染引擎遇到 script 標籤會停下來，等到執行完指令碼，繼續向下渲染 載入 es6模組的時候設定 type module，非同步載入不會造成阻塞瀏覽器，頁面渲染完再執行，可以同時加上asyn...
前端面試題
sprites是什麼和為什麼要使用他們？css 精靈 把一堆小的整合到一張大的上，減輕伺服器對的請求數量 有可能替代sprites的方法是什麼？svg圖示，字型圖示，字元編碼等等。1 在div排版的時候，假設現在是100px的寬，我在盒子左側用padding left留個10px的白，div就撐開了...
前端面試題
行內元素有哪些？塊級元素有哪些？空 void 元素有哪些？link和 import的區別是？常見相容性問題？含移動端 html5的離線儲存？描寫一段語義化的html 吧 html5的form如何關閉自動完成功能？什麼是閉包 closure 為什麼要用？localstorage和sessionstor...