Jamie的一些筆記

後發先至的藍色駭客

[技術筆記]前端如何建立私人CDN站點

利用企業私人CDN來優化網頁速度與安全性

企業使用私人的CDN站點，不但可以加速前端載入資源的速度、減少打包的體積，也可以增加專案的安全性、可靠性！

Posted by李定宇 Wednesday, December 28, 2022

[Frontend筆記] Vue是如何實現響應式數據

結合虛擬DOM、數據劫持、Side Effect 函數，在Vue中實現響應式數據

在Vue3發布的這段時間裡面，可以看到許多人分享在面試中，很常被問到「Vue2和Vue3的響應式數據的原理分別是什麼?」，本文將參考Vue團隊的出版書籍，來實作Vue響應式數據

Posted by李定宇 Thursday, October 6, 2022

[Frontend筆記] 使用i18next/vue-i18n + Typescript，讓多語言前端專案的開發更順暢

多語言開發，如果翻譯的文件太肥大、key太多，就需要Typescript來幫忙！

筆者之前接手了一個前端專案，有中、日、英三國語言版本，而且文本中的翻譯還有多層嵌套，因此在開發的時候很容易打錯一個字而造成i18n找不到key、畫面顯示錯誤的字。

Posted by李定宇 Friday, September 30, 2022

[Frontend筆記] Vue專案中的規範設置

專案配置:Vue3+Typescript+Webpack5+Eslint+Prettier

如何在Vue3+Typescript+Webpack5專案中配置Eslint+Prettier？

Posted by李定宇 Sunday, September 18, 2022

[Frontend筆記] 前端工程化之 ESLint + Prettier

在Vue3的專案中使用Typescript和Webpack5，在路徑重命名的小issue

雖然因為工作專案的緣故，大部分都是使用Vue、也很習慣Vue的寫法了；不過人都是吃著碗內看著碗外，React這種自由的jsx寫法也吸引到了筆者。

Posted by李定宇 Saturday, September 10, 2022

[Frontend筆記] 從Vue跨到React，該注意些什麼？--基本概念

在Vue3的專案中使用Typescript和Webpack5，在路徑重命名的小issue

雖然因為工作專案的緣故，大部分都是使用Vue、也很習慣Vue的寫法了；不過人都是吃著碗內看著碗外，React這種自由的jsx寫法也吸引到了筆者。

Posted by李定宇 Wednesday, August 10, 2022

[Frontend筆記] Vue中使用watch來監聽data變化

總結了在Vue2.x和Vue3中各自如何使用watch

Vue2.x和Vue3在實現watch上有一些不同，因此紀錄一下。

Posted by李定宇 Friday, March 25, 2022

[Frontend筆記] Vue中的Event Bus

總結了在Vue2.x和Vue3中各自如何使用event bus

如果要實現跨組件的通訊，除了Vuex之外，在小型專案也很常使用event bus。而Vue2.x和Vue3在實現event bus上也有一些不同。

Posted by李定宇 Thursday, March 24, 2022

[Frontend筆記] 在Vue自製plugin！

總結了在Vue2.x和Vue3中各自如何自製plugin

自製plugin，可以減少重複性勞動，增加人生與工作上的幸福感！

Posted by李定宇 Thursday, March 17, 2022

FEATURED TAGS
aigc backend browser flutter frontend javascript nextjs react typescript vue
ABOUT ME
avatar

中文系出身，與軟體工程結緣並躬身入局，想要握有技術的話語權並暢行世界。