元件封裝的目的是為了重用，提高開發效率和**質量
低耦合，單一職責，可復用性，可維護性
前端元件化設計思路
渲染引擎遇到 script 標籤會停下來，等到執行完指令碼，繼續向下渲染
載入 es6模組的時候設定 type=module，非同步載入不會造成阻塞瀏覽器，頁面渲染完再執行，可以同時加上async屬性，非同步執行指令碼（利用頂層的this等於undefined這個語法點，可以偵測當前**是否在 es6 模組之中）
**複雜度，js 動畫**相對複雜一些
動畫執行時，對動畫的控制程度上，js 能夠讓動畫，暫停，取消，終止，css動畫不能新增事件
動畫效能看，js 動畫多了乙個js 解析的過程，效能不如 css 動畫好
xss 跨站指令碼攻擊，主要是前端層面的，使用者在輸入層面插入攻擊指令碼，改變頁面的顯示，或則竊取** cook
常見前端面試題備註
1 iframe上監聽click事件 1 iframe.onload function 5 2 常見的布局方式 1靜態布局 px 2 流式布局 百分比 em 或者 rem 3自適應布局 media query 4 響應式布局 media query 3 同源策略 三種不嚴格的同源策略 1不同視窗同d...
前端面試題
sprites是什麼和為什麼要使用他們？css 精靈 把一堆小的整合到一張大的上，減輕伺服器對的請求數量 有可能替代sprites的方法是什麼？svg圖示，字型圖示，字元編碼等等。1 在div排版的時候，假設現在是100px的寬，我在盒子左側用padding left留個10px的白，div就撐開了...
前端面試題
行內元素有哪些？塊級元素有哪些？空 void 元素有哪些？link和 import的區別是？常見相容性問題？含移動端 html5的離線儲存？描寫一段語義化的html 吧 html5的form如何關閉自動完成功能？什麼是閉包 closure 為什麼要用？localstorage和sessionstor...