SoarLin

工作中的知識累積

0%

發表於 分類於 閱讀次數： Disqus：

最近在工作上遇到的一個特殊的問題，當時為了找這個 bug 花了很久時間一直找不到，一直到同事發現透過 Chrome 開發者工具切換時區後才出現；只能說 Chrome dev tool 真的好用。

閱讀全文 »

發表於 分類於 閱讀次數： Disqus：

最近又開始在用單字 App 在被單字，所以每每遇到一些容易忘記的單字，會想再找個地方記錄下來，即使之後再回顧的可能性不高，但是透過多做一次紀錄也可以增加一點印象。
ChatGPT_Vocabulary

閱讀全文 »

發表於 更新於 分類於 閱讀次數： Disqus：

最近幾週開始發現之前花錢買的 MICROSOFT NTFS FOR MAC 這套軟體，常常掛載了外接硬碟後，卻變成只能讀取無法寫入，之前試著重新下載安裝程式重裝＋重開機，確實有恢復過幾次，不過最近幾次想寫入外接硬碟就發現怎麼試都無效了。

閱讀全文 »

發表於 分類於 閱讀次數： Disqus：

今天處理了一個有點意思的東西，目前開發中的專案，由於按鈕顏色可以被使用者客製化，所以原本寫好的 hover, focus 與 disabled 的 CSS 樣式就無用武之地了。

Original SCSS for button

原本用 SCSS 寫的按鈕，大概會有像下面的樣式設定:

$orange-color: #ec7100;
$white-color: #fff;

.ant-btn.orange-btn {
  border-width: 0;
  background-color: $orange-color;
  color: $white-color;
  transition: .5s;

  &:hover, &:focus {
    border-width: 0;
    background-color: darken($orange-color, 10%);
    color: $white-color;
  }
  &:disabled, &[disabled], &[disabled]:hover, &[disabled]:focus {
    border-width: 0;
    background-color: lighten($orange-color, 30%);
    color: $white-color;
  }
}

但是因為按鈕的背景色會從元件外再傳入使用者設定後的顏色，所以如果直接用 inline style 的方式覆蓋按鈕的背景色，這樣會讓原本辛辛苦苦寫的 hover, focus 以及 disabled 狀態的顏色變化都失效。

閱讀全文 »

發表於 分類於 閱讀次數： Disqus：

在開始唸書後發現對於一些底層JS API的實現太不了解了，雖然已經會用這些API了，還是覺得需要多了解一下一些方法的實作方式。最近看到一篇在講如何逐步實現 Promise 這個物件。看了很久才開始慢慢理解，所以先來筆記，順便更新一下很久沒 update 的部落格文章。

接下來會用 JavaScript 來實現一個簡單的 Promise，且支援非同步(async)與 then 的鏈式呼叫使用。

分析 Promise

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Promise

透過MDN的文章，可以知道 Promise 物件用來表示一個即將完成(或失敗)的非同步操作，以及它所產生的值。

閱讀全文 »

發表於 更新於 分類於 閱讀次數： Disqus：

今天在解掉了工作上遇到的問題後，也順便加深了對 Angular 的瞭解，主要是在 Service 以及 Dependency injection 的處理應用上。

雖然官方文件上都寫得清清楚楚，不過當初上手開發的時候，只有買一個線上課程，花一個週末的時間上完課就硬上了，不然公司有任務要做，沒有太多時間讓我慢慢熟悉這個新的前端開發框架，所以在同事的推薦下，花了一些錢買了 Udemy 上的課程 「Angular 開發實戰：從零開始」，這是業界有名的保哥開的課程，很快的讓我就能夠上手，剩下的就是參考目前專案內其他類似的程式碼了。

閱讀全文 »

發表於 更新於 分類於 閱讀次數： Disqus：

記錄一下怎麼使用 git 指令來修改舊的 commit 訊息。

修改當前 commit 訊息

這應該是最基本的指令，透過 --amend 來修改當前的 commit 訊息。
可以一行指令來直接更新成新的 commit 內容

$ git commit --amend -m "New commit message."
閱讀全文 »

發表於 更新於 分類於 閱讀次數： Disqus：

前陣子一口氣把 Hexo 的版本從 3.9.0 升級到 5.4.0 後，又換了一個很潮的 Blog 佈景主題 NexT，不過我到現在也還沒花太多時間來客製化這個佈景，光是把佈景換好，設定檔修改到可以正常運作就花我好幾個小時了，之後應該再多花點時間來研究怎麼調整設定讓整個 blog 更好看(其實原本的主題就滿好看了)。

不過似乎在接下來就遇到一些令人頭大的問題，原本執行的好好的 Travis CI，開使無法順利發布到我的 github page了，原本的作法已經夠奇葩了，當初還忘了把參考資料記錄下來，現在看了有點霧煞煞，當初怎麼會寫這麼複雜的做法。後來雖然改到可以透過hexo-deployer-git這個套件配合 hexo 的 _config.yml 的設定，讓我能夠在本機端執行 hexo deploy 來發佈到 github page，可是想透過 Travis CI 來處理就會失敗。

閱讀全文 »