RexHung's Blog

塵世中一個前端迷途小書僮!

0%

Introduction & 前言

Banner

還在找怎麼在 Next 最優雅引入 SVG 的使用方式嗎?看到這邊就對了。

如果你需要參考怎麼在 Next.js 透過 Component 方式引入 SVG ,並且自定義一些參數可以讓開發者快速調整樣式,請看這篇

使用純 React.js 也適用

如果你是使用 Vue 也可以參考筆者早期的文章 [Vue Note] — 在 Vue 優雅的引入 SVG 幾種方式

閱讀全文 »

Introduction & 前言

Banner

你的專案正在使用 ESLint 嗎?

舊的 Config 無法在新版本使用了你知道嗎?新版本也不支援 Node.js v19 以前的版本了

這是一篇關於升級到 9.x 版本的紀錄,有興趣的話可以繼續往下看,這篇比較大篇幅可能都會在筆者的操作心得,不會有太多講解

如果你的專案還沒有使用 ESLint 可以參考筆者的這篇文章 [Next Note] - 把 TypeScript、ESLint、Prettier、Alias 摻再一起做沙尿牛丸

閱讀全文 »

Introduction & 前言

Test

背景來至 unsplash.com 的 Christopher Gower

開始寫程式之後,是不是常常被問你該怎麼確保程式碼沒問題?

開始寫程式之後,是不是總想著怎麼不用再透過手動的方式確保程式碼沒問題?

開始寫程式之後,是不是常常被問,你會不會寫測試?

來!看這篇,這是一篇關於 React.js + TypeScript 為主的測試

閱讀全文 »

Introduction & 前言

Banner

背景來至 unsplash.com 的 Chris Ried

當使用了 JavaScriptNode.js 這麼久,你肯定使用過 npm install,但這些 npm 上的套件到底是怎麼產生出來的,你可曾想過嗎?

當你開發了自己覺得超屌超猛或是別人肯定也會想試試看的程式碼之後,你知道怎麼讓大家也透過 npm install 享受到嗎?

如果你有這些問題,看這篇文章就對了,這篇文章將以 React.js 的元件當作出發點,帶你一窺怎麼透過 Webpack 把套件發布到 npm 上,讓大家也能夠安裝你的套件。

如果不會 React.js 也還是可以參考本篇文章,之後將 React.js 的部分換成你熟悉的框架或是純 JavaScript 也可以!

後續筆者也會研究其他的打包工具,例如 rollup 或者 browserify

閱讀全文 »

Introduction & 前言

Banner

這是一篇將 前端(Vue) + 後端(Node.js) + 資料庫(MySQL) 部署至 Linode 的踩坑全記錄,這篇需要一點事前準備,如果你手邊剛好有前端專案 (純 HTML 也可以) ,又剛好有後端專案,恰巧你也有資料庫,然後你也想要把作品呈現給其他人看,這篇文章就非常適合你。

如果不是,也可以先參考筆者以下文章

閱讀全文 »

Introduction & 前言

Banner

小節作業於摘要第六點,如果只想參照作業的部分可以快轉跳至 小節作業:Table 資料表管理

緊接著上週的練習,這週將剩下的影片看完了,把接著一些關於資料表怎麼建立多張,以及怎麼進行 SQL 函數使用

另外還有怎麼進行 Join 查詢、子查詢…等等,一起做筆記心得上來

閱讀全文 »

Introduction & 前言

Banner

小節作業於摘要第五點,如果只想參照作業的部分可以快轉跳至 小節作業:家具店的菜雞銷售奇遇記

隔了好一段時間沒有自我進修,趁著最近六角學院在特價課程,去摸一下後端世界的樣子。

接下來會有幾篇紀錄上課的過程,以及中間的一些心得、作業筆記。

閱讀全文 »

Introduction & 前言

Banner

講了好久想要寫一些生活文章,剛好在近期跑去做了近視雷射,恰巧身邊滿多朋友有興趣,就來寫一下心得。

閱讀全文 »