[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果
最近常會有需要轉貼 Google Maps, Youtube, Vimeo 之類的 iFrame 到網頁上，或是內嵌到某個網站內。但是要從頭調整成滿版的 RWD Read More …
分類: 筆記 Notes
[筆記] ALG101 – 先別急著寫 LeetCode12
這篇筆記下實作 Array.prototype.fill, Array.prototype.join, String.trim 的過程（僅會實作出最基本的功能） Read More …
[指南] Chart.js 前端圖表實用工具
Chart.js 是個輕量且具備多樣化設定的 JavaScript Library，支援 8 種圖表類型，也支援混合圖表。在大數據的時代，資料視覺化變成一門顯學 Read More …
[筆記] 在 Vue 中正確引用 src/assets 裡的圖片
在 Vue 專案內放於 src/assets 裡面的圖片檔案，會在打包 npm run build 的時候一起被整合到最終的 img 資料夾。因此，若你要在 V Read More …
[筆記] ALG101 – 先別急著寫 LeetCode11
更多的練習是必要的，這篇筆記下實作 Array.prototype.reverse, Array.prototype.filter, Array.prototy Read More …
[筆記] 將 Vue 專案自動佈署到 Github Pages 上
每次完成了一個 Vue 專案，要佈署到 Github 上，往往要手動執行 npm run build 之類的指令才能看到結果。這樣的重複動作，是可以寫腳本 (S Read More …
[筆記] 運用 MAC 內建的系統監視程式查看因 ChromaCam 錯誤所導致的自動跳出問題
由於 Google Meet 系列目前不支援虛擬桌面，而 ChromaCam 這軟體可以解決這個問題。不過這個軟體有一定機會會造成 Mac 系統不穩定，而導致過 Read More …
[筆記] ALG101 – 先別急著寫 LeetCode10
雖說 JavaScript 已經有不少的內建函式，例如 Array.prototype.map、Array.prototype.lastIndexOf R Read More …
[指南] 取代 AdBlock – uBlock 瀏覽器各式廣告阻擋神器
最近 Youtube 的廣告量實在是越來越多，置入量已經多到形成一種干擾。固然你可以選擇成為 Youtube Premium 會員就可以免除以上限制，但若你是選 Read More …
[筆記] 網頁跨平台文字設定 Font-Family
在網頁設定中，往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時，其字型究竟是怎樣被決定 Read More …
[筆記] ALG101 – 先別急著寫 LeetCode9
到了經典題目的最後了，來練習求出最近點對、凱薩加密和圈圈叉叉小遊戲。 課程相關資訊 [連結]：https://lidemy.com/p/alg101-leetc Read More …
[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器
在進行排版時又沒有正式的圖片可用時，生個假圖來占位，是前端、網頁設計師很常利用的技巧之一。這回要介紹的是 Dynamic Dummy Image Generat Read More …
[筆記] ALG101 – 先別急著寫 LeetCode8
繼續更多的練習，來進行加減乘除、迴文判斷、完全平方和以及平面距離計算。 課程相關資訊 [連結]：https://lidemy.com/p/alg101-leet Read More …
[筆記] 使用 MySQL Workbench 操作 Heroku 上的 JawsDB MySQL
遠端的資料庫和本機端最後還是維持相同家族比較好。由於本機端是使用 mySQL 語法，外加上要讓 MySQL Workbench 這套監控軟體可以正常運作，所以放 Read More …
[指南] 特殊符號好難打？兩個網站讓你直接複製貼上
當你在網頁上貼文，想要輸入一些特殊符號時，固然可以用內建的鍵盤記下代碼，並用 Alt + ‘代碼’ 來完成。不過長久下來會覺得非常的耗時 Read More …
[筆記] ALG101 – 先別急著寫 LeetCode7
在盡可能不使用內建函式的情況下，來判斷等比數列、信用卡號驗證以及你的生命靈數。你能用的工具就是迴圈、判斷式還有函式。 課程相關資訊 [連結]：https://l Read More …
[指南] Responsively.app 前端工程師必備的 RWD 一個畫面全覽工具
若是身為一個前端網頁設計師，常會遇上的困境就是得開多個螢幕才能一口氣看到各種不同螢幕寬度下，畫面會不會跑版。今天這套 Responsively.app 專門用來 Read More …
[筆記] Vue 如何監控視窗寬度，並讓每個 component 可以取用
Vue 的專案裡，若要監測使用者的視窗大小寬度，最簡便的方法就是在預設的根目錄 Vue 檔案裡加上監聽器，並將此值設置 vuex 中即可。 概念 1. 在根目錄 Read More …
[指南] ChromaCam 幫 Google Meet / Hangout 加上虛擬桌面
最近隨著 Covid-19 的持續延燒的 2020 年，遠端視訊成為了一種主流的開會、交流模式。Google 所提供的 Google meet 和 Google Read More …
[筆記] ALG101 – 先別急著寫 LeetCode6
經歷過前幾個單元的準備，總算是要進入寫一些經典題目的部分了，像是等差數列、數字加總、判斷身分證號是否合法…等。 課程相關資訊 [連結]：https: Read More …
[筆記] ALG101 – 先別急著寫 LeetCode5
這個階段透過實作練習，讓你可以了解到撰寫迴圈、判斷式和找規律時，先將問題的架構找出，再透過輔助函式，最後就可以拼湊出結果。像是經典的 99 乘法表、NM 乘法表 Read More …
