原创 JSBridge的實現原理

HybridAPP 通過JSBridge提供調用Native功能的接口,讓混合開發中的『前端部分』可以方便地使用地址位置、攝像頭甚至支付等 Native 功能。它的核心是 構建 Native 和非 Native 間消息通信的通道,而且是 雙

原创 跨域解決方案-jsonp/CORS/postMessage/hash/WebSocket/proxy

什麼是跨域 瀏覽器會有同源策略,域名,協議,端口只要有一個不同就是跨域. 同源策略只限制瀏覽器端,跨域請求是可以發去的,但是請求響應response被瀏覽器堵塞了,是限制了不同源的讀,但不限制不同源的寫,服務端沒有同源策略這一限制,form

原创 Vue中的虛擬DOM及diff算法

虛擬dom 爲什麼出現:瀏覽器解析一個html大致分爲五步:創建DOM tree –> 創建Style Rules -> 構建Render tree -> 佈局Layout –> 繪製Painting。每次對真實dom進行操作的時候,瀏

原创 【前端優化】常見前端性能優化

資源壓縮 減少HTTP請求 靜態資源壓縮 html:壓縮空格、換行、註釋等字符 Webapack — html-webpack-plugin css:無效代碼刪除,語義合併(相同樣式代碼) Webpack css-loader js: