英文文法
Learn English Grammar Online English Grammar 101 – Online Grammar Lessons...
2020 年 12 月
褲襪心得
不透膚，不容易扯破...
Rider
...
Rider改字型
改字型後比較可愛惹！！ 要改的話在這邊改 這邊改工具列的字型 terminal那邊的字型...
NPM : Semantic Versioning
NPM : Semantic Versioning Caret只會修改minor、patch的版本，tilde只會修改patch版本...
C# Unit Test 學習
Anatomy of a Unit Test Unit Testing Framework Microsoft.VisualStudio.TestTools.UnitTesting Namespace Unit test your code Unit testing C# with MSTest a...
ESLint: Expected linebreaks to be ‘LF’ but found ‘CRLF’.(linebreak-style)
eslint報錯解決方式： ESLint: Expected linebreaks to be ‘LF’ but found ‘CRLF’.(linebreak-style) 編輯器如果這邊是CRLF就會每一行都有紅波浪 開始研究怎麼解決 在打開專案的...
Rider keymap
Ctrl + Tab 切換檔案（可以搭配↑↓鍵）...
網頁開發學習網站
http://devlinks.pinkjelly.org/ 定期更新，收集一些開發軟體的教學網站。...
每天吸下補一下
藍色的地方就是keyword cw再打Tab，就會變成Console.WriteLine() An object is an instance of a class. One class per file. 對 class 的名子按 Alt + Enter 可以給它抽出來變成一個檔案 對Projec...
Git 暗黑模式
...
流程圖繪製教學
Flowchart Tutorial (with Symbols, Guide and Examples) Flowchart Elements diagrams.net...
壓縮圖片
已經有原生的方法可以壓縮圖片惹，前端可以直接使用： <img src="image.png" loading="lazy" alt="…" width="200" height="200"> 另外，也可以把圖片轉成webp，是一個新的圖片格式，輕量快速 可以直接用軟體來轉： Webpconv 參考：...
在react專案使用Google fonts
超級簡單的，只要二個步驟！ 1. 到 Google fonts 選一個font 按那個加，右邊會彈出教學 2. 選好之後，可以選要加入的方式 有三種方法： 1. 在html的head上加link 2. 在html的head上加style 3. 直接在css上import 在css上加的範例， fam...
英文文法五大句型
The Five Basic Sentence Patterns...
設計趨勢
反正就是變大…大多變大氣了，不像以前的設計會擠在中間，可能跟螢幕大小的演進也有關係，現在不用擔心是小螢幕，因為會做響應式支援。...
如何算是跑敏捷
這周在公司遇到Yves，他順便幫忙解惑了一下： 只要符合四大宣言，就是跑敏捷。 不過跑敏捷不等於跑scrum，跑scrum就要照它的flow走，沒有照著走的話，就是scrum, but… 敏捷不等於用新的技術，但敏捷代表持續學習（它的精神有）所以如果新的技術用了對軟體是有加分的話，就是可...
Jest 配置
在import css檔案的時候會有問題，這時候可以： 加一個styleMock.js檔案，把css都變成空物件 styleMock.js module.exports = {}; 加了之後在 jest.config.js 裡面對應這個檔案 module.exports = { setupFiles...