Vic's blog

大家好，我是 Vic，目前在台南的好想工作室學習，已經在這裡自學了幾個月時間。鐵人賽的開始，代表著我的 JS 學習的路也已經學到了一個段落，這一個階段要挑戰的就是三十天連續的技術發文，挑戰短時間內對JavaScript的理解程度，學習了三、四個月也是一段不短的時間，該來突破自我了！ 這段時間自學看了許多網路上資源跟書籍，列出一些我自己覺得很不錯的(各列前三個)。 學習網站： JS MDN提供了很多語法的說明跟相關的技術文件，正確性很高，而且每個語法都有很清晰的範例，是一個我後來當作 JS 字典的地方，會天天看天天查。 JS w3schools跟 MDN 是同個性質的學習網站，但相對來說會簡單些，優點是版面很乾淨，會讓人看了覺得很舒服，我覺得也很適合初學者去看。 Lidemy 鋰學院號稱是一個為初學者而生的線上程式課程平台，我覺得當之無愧，滿完整又便宜，就算不花錢上面也有一些免費的課程。之前花了一個月去訂閱，然後把想看的學習影片全部看完，我覺得很划算。 學習書籍： JavaScript 概念三明治：基礎觀念、語法原理一次帶走！簡稱三明治，看完後個人認為超適合初學者，裡面淺白好...

這個一直困擾我很久的問題，有時候用一用就突然失效，而到最近更是連 F3 也無法使用，三指往上滑也沒辦法，可惡這是剛買沒有到一年的 mac m1 呀，不過我最終找到了解決方式，記錄一下。 1. 重新開機重新開機就能恢復正常，缺點就是每次發生失效就得一直重新開關機。 2. 重啟 dock在終端機或是其他命令提示的地方下這一個指令： 1killall Dock

在練習api時候遇到的 照著範例貼的也會報錯，無奈 後來解決方式是照著這一篇：https://stackoverflow.com/questions/16482600/node-js-cannot-find-module-request 使用npm install request --save 問題就解決了

事情的起因是因為我看到了這段code想要理解下方這段程式碼： 但我發現我自己已經忘記我當初為什麼裡面要帶0了 這個問題看mdn後馬上被秒解了 => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt 附可複製貼上的程式碼： 12345678export function caesarcipher(n, s){ let code = s.charCodeAt(0) - 97; let newCode = (code + n) % 26; return String.fromCharCode(newCode + 97;} 結論裡面是放index的意思所以原理是這樣 假如我今天字串是”abc” 那麼charCodeAt(0) 抓取到的值就想是a 答案會是97那麼charCodeAt(1) 抓取到的值就想是b 答案會是98那麼charCodeAt(2) 抓取到的值就想是c 答案會是...

12345678function isIndex(input) { for (const [index, element] of input.entries()) { if (isPrime(element)) { console.log(`質數為${index} 索引值為${element}`); } }} 一開始像是這樣，然後其實沒有辦法直接增加return在外面，或者是直接加上return換掉內部的console.log 最後的解決方式是: 多新增一個變數去接這個for of裡面的東西，因為遇到了最後增加空格的問題，所以最後return出去的版本會再加上trimEnd()=> 123456789function isIndex(input) { let a = ""; for (const [index, element] of input.entries()) { if (isP...

學習時參考資料github 官方文檔:https://docs.github.com/cn/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/changing-a-commit-message 高見龍 為你自己學 Git :https://gitbook.tw/chapters/rewrite-history/change-commit-message 主要關鍵核心 : git rebase除了 git rebase 之外也有其他可以使用 –amend 參數來進行 Commit可以用來更改最後一個的 commit 紀錄，這部分詳情可以看這篇，講的很完善:https://gitbook.tw/chapters/using-git/amend-commit1 但假如可能不只一筆自己想要更改的 commit 訊息，可能很多，那就會需要用到 rebase 的指令互動模式。 git rebase -i 或是 git rebase --interactive -i = –int...

js 在拋出錯誤的時候會使用到 throw 提到throw之前要先來介紹一下相同性質的try, catch try…catch它會分成兩個區塊，一個 try 一個 catch 123456try { // 要執行的程式} catch(error) { // ... // 錯誤發生時，上面的就不會執行，改執行這邊} 舉例時間： 12345try { console.apple("apple不是正確的使用方式喔");} catch (e) { console.log("我錯了");} 這段 code 的結果會印出我錯了，如下： 為什麼會發生這樣的結果？這是因為如果try區塊裡面的程式碼假如沒有任何的錯誤，就會直接忽略掉catch區塊裡面的程式碼，反之有錯的話，就會以catch裡面的程式碼為主，而錯誤的try就會中斷執行，所以在這個範例來說，因為try寫錯了，所以會以try裡面的程式碼為主 另外如果catch區塊如果接受了一個參數，就可以直接...

狀況問題如下：我的其中一篇”Selector Combinators 中的+跟~差別”，已經部署上去的文章，明明已經成功部署了，但是點進去看時會出現這個畫面 剛看到時毫無頭緒，後來思考了幾種拯救的方式來試試看能不能救回來 重新做部署的動作12hexo g // 建立靜態頁面hexo d // 部署到github 還是沒辦法 修改 code那我在想有可能是因為 code 的部分有寫錯的問題，仔細檢查了程式碼之後的確有不尋常的地方 試試看把標題裡那個有藍色波浪號拿到後，是不是就正常了 也不是這個問題，排除 結論經過多次的比對之後，發現了原因source 裡 posts 文件的命名中我有使用到～及＋看來名稱的使用上要注意一些符號雖然本地端預覽使用 hexo server 看都沒問題，不過推到遠端就會發生 404 最後改過後就又恢復正常了～

繼 css flex 佈局出來之後，後來又出現了 css grid 的佈局方式，不過 grid 這個詞不是被新發明出來的，是之前就有的東西。 假如你想跟別人討論說要使用 grid，但沒講清楚是哪種「grid」的話，可能溝通上就會造成許多問題，這篇會提到有三種解讀方式： 格線系統(grid system)的 grid一種 ui 設計會使用到的概念，可以幫助設計師更好的在畫面上安排，另外前端框架 Bootstrap 也會使用到 grid system，這邊要注意到並不是指 css 裡面的那個 grid css 佈局方式的 grid屬於 css 裡面的佈局方式，使用時 display 會先變成 grid，如： 1display:grid 使用之後，這個使用的區塊元素就都會變成「grid」，只需再搭配一堆 grid 系列的語法，就能利用 gird 讓網頁排成自己想要的形狀～ 簡寫屬性的 grid剛剛上面提到，把區塊設成「grid」物件後，就能利用一堆的 gird 系列語法來完成佈局，這邊提到的簡寫屬性的 grid 就是它裡面的其中一種寫法，如： 123grid: auto-flow /...

現在練習切版中，這些是我現在正在看跟準備看完的書，做個整理。 金魚都能懂的 CSS 選取器https://www.books.com.tw/products/0010863222 從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權https://www.books.com.tw/products/0010914782 為你自己學 githttps://www.tenlong.com.tw/products/9789864342662?utm_source=gitbook&utm_medium=site Github 創辦人親自指導你精通 Githttps://www.books.com.tw/products/0010813105