原创 使用webpack來生成多頁面應用MPA

使用webpack配置MPA 爲什麼需要使用 webpack 構建多頁應用呢?因爲某些項目使用 SPA 不太合適(大多是 SEO 的原因),或者您在做項目時有其他的需求。 如果你有如下需求: 使用 ES6 進行開發 期望使用面向對象開發(

原创 前端性能優化方案

1.原則 多使用內存,緩存或者其他方法 減少CPU計算,減少網絡請求 減少IO操作(硬盤讀寫) 2.加載資源優化 靜態資源的合併和壓縮。 靜態資源緩存(瀏覽器緩存策略)。 使用CDN讓靜態資源加載更快。 3. 渲染優化 CSS放head中

原创 JS的事件循環

Web Workers 爲了使瀏覽器這執行js代碼時,不阻塞進程,所以HTML5制定了Web Workers標準,允許js創建多個線程,但子線程收到主線程的控制,並且不能對DOM進行操作,以防止多個線程同時對一處DOM進行不同操作,這樣可

原创 JavaScript自定義構造函數

自定義構造函數 自定義構造函數,可以快速創建多個對象,並且代碼複用性高。 // 一般爲了區分構造函數與普通函數,構造函數名首字母大寫 function Student(name,score,code){      this.nam

原创 如何理解import、require、export、module.export

ES6的模塊設計 模塊設計的思想是儘量靜態化,使得編譯的時候就可以確定模塊的一來關係,以及輸入和輸出的變量。 CommonJS和AMD都只能在運行時確定這些東西,commonJS模塊就是對象,輸入時需要查找對象屬性 // Commo