Coding Hot Pot

之前開發新專案時遇到一個問題，利用vue cli建置開發環境，發現用IE 11打開是白茫茫的一片，簡直是晴天霹靂！打開IE開發者工具也沒有任何報錯! 這下真的要靠通靈了，通常沒有線索的錯誤絕對是最難抓bug的...

最近準備用Vue3開發新的專案了，趁這個機會順便整理vue3與vue2有哪些差異， 稍微瀏覽一下新功能和寫法…

OOXX小遊戲也可以說是很熱門的練習題，所以今天就用React 來寫一個OOXX的小遊戲吧！

不管是學哪一種框架，todolist可以說是經典練習題，此次練習除了實現基本的功能新增與刪除之外，再加一個拖曳改變排序功能

Redux Thunk的目的就是為了實踐middleware，讓action能做更多的事，想必大家都曾經看過這個錯誤，當action為非同步的時候，就會報錯，Redux Thunk就是為了解決這個問題而生

Redux Middleware 翻成中介軟體，在 dispatch action 之後到執行 reducer 之間，可以執行多個 middleware，就像接力賽一樣將 action 交棒給 middleware，再交棒給下一個 middleware，最後才觸發 reducer

以往在同個網站切換網頁的時候，就會重新刷新頁面，然後等待資源重新載入才能看到新的畫面，但是人的耐心是有限的，每次的切換如果都需要等待的話，耐心就會被消磨殆盡， 使用者體驗就會變的很糟糕，因此SPA(single p

memory leak字面上翻譯就叫做記憶體洩漏，記憶體洩漏會造成什麼問題？大家應該有那種經驗，開太多chrome分頁，電腦開始卡卡的，嚴重點直接當掉，memory…

剛開始工作的時候是jQuery 的時代 ，用$.ajax來接api得心應手， 偶爾接觸到不能用jQuery的專案， 就用原生的XMLHttpRequest來處理， 隨著時間演變 ，串接api的方式有了更多的選擇， 接下來就會介紹 fetch 和 axios

在build專案的時候，我們會透過webpack將不同模組的component打包成同一支js，但是當專案的規模越來越大， 程式碼的size就會逐漸肥大，好幾mb都有可能，載入的時間也會拉長， 影響使用者體驗，而且並非所有的程式碼的功能會在一開始就使用到， 所以透過…