F - Frontend / css/html2023-11-07發表2024-02-22更新6 分鐘讀完 (大約941個字)[react+scss] 快速在 create-react-app 中引用 scss 簡易開發 之前在 React 專案中使用了 CSS-in-JS。CSS-in-JS 的寫法雖然能解決樣式污染問題,但它的寫法較為多變,需要一定的時間來熟練,且轉化 CSS 語法較為麻煩。後來發現在 React 專案中也常能看到 SCSS 的使用,而且只要套用 CSS 的邏輯即可。本篇紀錄在已有 React(Create React App)基礎上的啟用 SCSS 的方法。 繼續閱讀
之前在 React 專案中使用了 CSS-in-JS。CSS-in-JS 的寫法雖然能解決樣式污染問題,但它的寫法較為多變,需要一定的時間來熟練,且轉化 CSS 語法較為麻煩。後來發現在 React 專案中也常能看到 SCSS 的使用,而且只要套用 CSS 的邏輯即可。本篇紀錄在已有 React(Create React App)基礎上的啟用 SCSS 的方法。
技 - 技術工具 / Frontend / react / test2023-11-05發表2023-11-10更新7 分鐘讀完 (大約1068個字)[react + typescript + jest] 為你的 react 項目引入測試工具與問題排解 我的 react 項目是採 create-react-app + typescript 創建的,現在要讓它加入 jest 測試項目,記錄整個創建過程及工具,過程中的問題排解。 繼續閱讀
技 - 技術工具 / chrome-extension2023-05-05發表2023-07-10更新13 分鐘讀完 (大約1921個字)[chrome-extension] 自己動手寫一個 chrome 擴充 (一次搜尋電子書網站) Chrome 擴充功能是一種可以在 Chrome 瀏覽器應用商店安裝的擴充程式。透過網頁技術(HTML、CSS、JS),它能夠修改和增強瀏覽器的功能,例如書籤管理、自訂背景、開啟新分頁、右鍵選單等等。這篇文章將引導您進行一個實際範例,教您如何撰寫一個擴充功能,並以搜尋特定網站為例子 繼續閱讀
Chrome 擴充功能是一種可以在 Chrome 瀏覽器應用商店安裝的擴充程式。透過網頁技術(HTML、CSS、JS),它能夠修改和增強瀏覽器的功能,例如書籤管理、自訂背景、開啟新分頁、右鍵選單等等。這篇文章將引導您進行一個實際範例,教您如何撰寫一個擴充功能,並以搜尋特定網站為例子
技 - 技術工具 / modules2023-03-18發表2023-11-10更新6 分鐘讀完 (大約928個字)[分享] 修改依賴源碼超省時的補丁套件 有的時候,因為一些個人因素,或是依賴庫的檔案有問題,使你不得不去修改 node_modules 裡某個套件的源碼,或許你修正了,也發出 PR 正在等待合併,可是如果你重新使用 npm install 可能還是會拉到尚未修正的源碼,而這個補丁工具 patch-package 可以快速解決你的問題。 繼續閱讀
有的時候,因為一些個人因素,或是依賴庫的檔案有問題,使你不得不去修改 node_modules 裡某個套件的源碼,或許你修正了,也發出 PR 正在等待合併,可是如果你重新使用 npm install 可能還是會拉到尚未修正的源碼,而這個補丁工具 patch-package 可以快速解決你的問題。
F - Frontend / js2023-02-28發表2024-09-26更新6 分鐘讀完 (大約931個字)[重新認識 Javascript 基礎] 什麼是基於原型的物件導向與原型鏈? Javascript 是一個物件導向的語言,只不過是基於原型的物件導向,本篇筆記介紹什麼是基於原型的物件導向與原型鏈。 繼續閱讀
技 - 技術工具 / blog2023-02-26發表2023-07-09更新5 分鐘讀完 (大約720個字)[Blog] hexo 在文章開頭加上內容目錄 內容目錄"toc“ 是代表 table of contents 目錄,上一篇透過內建的toc雖然可以長出側邊欄,但如果想要在撰寫markdown時讓他出現文章開頭,就需要安裝額外的插件來做到,以下研究了兩種插件的方式並記錄下來. 繼續閱讀
內容目錄"toc“ 是代表 table of contents 目錄,上一篇透過內建的toc雖然可以長出側邊欄,但如果想要在撰寫markdown時讓他出現文章開頭,就需要安裝額外的插件來做到,以下研究了兩種插件的方式並記錄下來.
技 - 技術工具 / blog2023-01-22發表2023-11-10更新23 分鐘讀完 (大約3446個字)[Blog] 使用 Hexo 撰寫部落格-04更換ICARUS主題 2023年新的一年,突然想要來幫部落格換個新主題,這陣子看到 ICARUS 主題,覺得蠻喜歡它的版面配置的,於是就把主題換一下,目前的環境已經裝好hexo了,這篇就直接從更換主題開始~< 繼續閱讀
技 - 技術工具 / blog2022-09-09發表2023-02-27更新2 分鐘讀完 (大約229個字)[Blog]使用 gitbbook 建立我的 golang 線上學習筆記GitBook 幫助你創建一個方便瀏覽撰寫好用的文件協作分享. 最近嘗試用 gitbook 來記錄學習的線上備忘錄,發現還蠻好用的!所以建了一個golang memo的gitbook專區~把自己所學都整理往裡面放. 繼續閱讀
GitBook 幫助你創建一個方便瀏覽撰寫好用的文件協作分享. 最近嘗試用 gitbook 來記錄學習的線上備忘錄,發現還蠻好用的!所以建了一個golang memo的gitbook專區~把自己所學都整理往裡面放.
技 - 技術工具 / 測試2022-07-01發表2023-05-11更新4 分鐘讀完 (大約646個字)整合測試工具 jmeter 初體驗什麼是 JMeter **Apache JMeter™** 是開源軟件,是一個 100% 純 Java 應用程序,旨在加載測試功能行為和測量性能, /div> 使用時機當需要對 API 做整合測試並驗證回覆時使用. 本文將會知道: 使用測試工具 JMeter 做一連串 API 測試 解析回覆json與驗證 繼續閱讀技 - 技術工具 / blog2022-05-01發表2023-07-09更新14 分鐘讀完 (大約2064個字)[Blog] 使用 Hexo 撰寫部落格 02- 更換主題編寫與個人化設定 上一篇已經建立好基本網站架構了,這篇收集本站所有更改主題為 NextT 及更換的個人化設定. 主題呈現效果 繼續閱讀上一頁下一頁12…5
**Apache JMeter™** 是開源軟件,是一個 100% 純 Java 應用程序,旨在加載測試功能行為和測量性能, /div> 使用時機當需要對 API 做整合測試並驗證回覆時使用. 本文將會知道: 使用測試工具 JMeter 做一連串 API 測試 解析回覆json與驗證 繼續閱讀
技 - 技術工具 / blog2022-05-01發表2023-07-09更新14 分鐘讀完 (大約2064個字)[Blog] 使用 Hexo 撰寫部落格 02- 更換主題編寫與個人化設定 上一篇已經建立好基本網站架構了,這篇收集本站所有更改主題為 NextT 及更換的個人化設定. 主題呈現效果 繼續閱讀