webpack的hmr功能，是通過websocket實現的推送json patch，同時需要第三方支援的庫。
具體的解決方案：
熱載入（hmr）是webpack dev server最強大的功能之一，頁面原始碼更改無需重新整理就能實時推送到頁面。以vue為例，最簡單的hmr配置策略如下：
新增了這一行**後，執行 npm run dev-server即可實現hmr功能的dev-server引入。這也相當於在沒有修改業務**的情況下，完成了hmr的引入。但是如果需對webpack-dev-server進行配置，可以編輯webpack.config.js中的module. devserver的相關字段。
雖然hmr非常使用，但與webpack-dev-server的整合也一定程度上影響了其泛用性。在一些場景下，我們仍然需要在開發時使用webpack寫入到磁碟的bundle檔案，這時候就無法使用的dev-server配套的hmr。這就給我們引出乙個問題，如何在配置中實現既支援hmr，又支援--watch的傳統開發模式呢？
通過npm scripts，可以很容易的區分帶hmr和不帶hmr的構建命令，如下所示：
會區分兩條構建開發包的命令，區別在於通過wepack的命令會將打包檔案動態寫入磁碟，而webpack-dev-server的命令可以在使用webpack配置檔案的基礎上，無縫引入hmr特性。這樣，可以在開發環境不適合使用hmr的場合中也可以通過npm run dev命令實現回退。
vue控制台報錯（1）
在vue的使用過程中，由於乙個頁面中使用了兩個v for 迴圈，在渲染的時候，key值相同導致程式報錯。解決方法就是修改key值，保證key值的唯一性。key的取值，可以是index,可以是item，也可以是item中的某個屬性值。也可以是拼接值。key tab item.id 就是用的拼接值的方式...
認識控制台 控制台控制代碼 附著到控制台 關閉控制台
1.附著到乙個控制台 乙個程序可以使用 attachconsole 函式來附著到乙個控制台上，乙個程序只能附著乙個控制台。乙個控制台可以有許多程序附著到它上面，呼叫 getconsoleprocesslist 函式可以得到附著到乙個控制台的列表。2.關閉乙個控制台 程序可以使用 freeconsol...
認識控制台 控制台控制代碼 附著到控制台 關閉控制台
附著到乙個控制台 乙個程序可以使用 attachconsole 函式來附著到乙個控制台上，乙個程序只能附著乙個控制台。乙個控制台可以有許多程序附著到它上面，呼叫 getconsoleprocesslist 函式可以得到附著到乙個控制台的列表。關閉乙個控制台 程序可以使用 freeconsole 函式...