sunpochin

css 的 height: auto 不要忘記使用！

Apr 19, 20241 min read

這是讓 container 可以依據裡面元素長高的輕鬆方法，忘記用這個讓我搞了一小時，筆記一下。

css 的 height: auto 不要忘記使用！

用 GitHub Actions 做 CI/CD：做 unit test, 生成 coverage, 並且上傳到 coveralls.io

Dec 21, 20231 min read

可以在這個 branch 看到範例： https://github.com/sunpochin/pf-audiophile/tree/github-action-cicd我是請 chatGPT 做出來的。 重點是我在這邊生成 coverage 資料。 - name: Run tests ...

用 GitHub Actions 做 CI/CD：做 unit test, 生成 coverage, 並且上傳到 coveralls.io

分析當前網站用了什麼技術 Wappalyzer

Dec 14, 20231 min read

在 frontend 版問了別的問題，同好回答到這個 chrome extention:https://chromewebstore.google.com/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

分析當前網站用了什麼技術 Wappalyzer

Uncaught SyntaxError: Unexpected token ‘＜‘

Dec 12, 20231 min read

https://www.frontendmentor.io/solutions/audiophile-website-IAuA4YRKwt這個專案的 code 丟到vue.config.js裡面的 publicPath 改成 '/' 就好了。 publicPath:...

Uncaught SyntaxError: Unexpected token ‘＜‘

vue3 引用圖片的坑要用 new URL('./img.png', import.meta.url).href 而不是 require

Nov 23, 20231 min read

https://cn.vitejs.dev/guide/assets#new-url-url-import-meta-url https://blog.51cto.com/u_15105778/6989918因為 require 是 webpack 提供的一種加載能力，而 vue3 是搭配 vite...

vue3 引用圖片的坑要用 new URL('./img.png', import.meta.url).href 而不是 require

用了 git gui SmartGit 做 git rebase squash

Nov 18, 20231 min read

在還不懂原理的時候 command line 一直做不好，https://git-scm.com/download/gui/linux找到這個 SmartGit 是非商用免費的。 ...

用了 git gui SmartGit 做 git rebase squash