- All
- Angular
- CSS
- database
- GraphQL
- HTML
- JavaScript
- Next.js
- Node.js
- Python
- Ruby
- TypeScript
- WordPress
- WordPress主機
- WordPress外掛
- WordPress架設網站
- 前端筆記
- 後端筆記
- 演算法
- 網站原理
- 網站知識
- 資工
- 資料結構
- 開發工具
- 開箱
- 閒聊
- All
- Angular
- CSS
- database
- GraphQL
- HTML
- JavaScript
- Next.js
- Node.js
- Python
- Ruby
- TypeScript
- WordPress
- WordPress主機
- WordPress外掛
- WordPress架設網站
- 前端筆記
- 後端筆記
- 演算法
- 網站原理
- 網站知識
- 資工
- 資料結構
- 開發工具
- 開箱
- 閒聊
【JavaScript基礎】：Array Methods — 陣列方法整理
陣列(array)屬於物件(object)的一種，在Javacript中有許多陣列方法(array methods)可做轉換或運算，來整理一下在MDN看到陣列常見和相關的方法。 1. Array and String：陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 …
新增圖片時，該用HTML的img，還是CSS的background-image？
在寫前端的時候，插入圖片的方式有兩種：在HTML的<img>；另一種則是在CSS屬性中設定background-image，一直以來都分不太清楚甚麼時候該用哪個，今天就來好好整理一下！ 1. HTML的<img> 首先來看看根據W3Schoolshools的說明，<img>有哪幾個attributes吧！ 1.1 src 最基本的，放置圖片的來源，可以是位於該專案的檔案路徑，也可以是URL。 檔案路徑： URL： 1.2 …
為甚麼我從Yoast SEO改成使用Rank Math？ – Rank Math 教學
Yoast SEO是WordPress上啟用安裝數最多的SEO外掛，高達500萬次，剛開始架設網站時我也是使用這個外掛，但最近意外發現了另一個SEO外掛 – Rank Math，完全免費，而且功能比Yoast SEO Premium還多，想知道兩個的差別在哪就趕快點進文章吧！裡面還有Rank Math的完整教學哦！
【WordPress外掛】如何點圖放大文章中的圖片？Easy FancyBox完整教學
這篇主要是教大家如何在WordPress中啟用點圖放大的功能，以及介紹一個關於這個功能的外掛 — Easy FancyBox。
用 CSS 製作動畫的 3 種方式： CSS transition, CSS transform, CSS animation
今天要來筆記一下該如何用 CSS 製作動畫，爬了一些文發現這篇：CSS3 中的動畫介紹 算是介紹比較完整的，再把製作動畫的方式步驟化方便自己之後需要應用。 不過今天的筆記就先排除效能，改天有空再來寫一篇關於動畫與瀏覽器效能之間的關係。 1. CSS 製作動畫的三種方式： 1.1 …
如何實作出Read more 按鈕？
「該如何實作出Read more 按鈕呢？」今天在寫 [FE210] 從新手到中手：前端工程加強班 這門課的作業1時，最後一個自我練習是「這次實作的畫面當頻道名稱字太多的時候，會超出一格的大小或者會直接被卡掉，有沒有辦法讓字太多的時候在尾巴顯示…？
如何用 git 將資料夾加入到版本控管中？
參考資料：Git 教學- Git 書- 為你自己學Git | 高見龍 這應該是目前最完整的 Git 教學，講解的很詳細而且很有脈絡，從頭到尾看一遍的話可以對Git的各種指令有完整的了解。 …
網站原理 (4)：什麼是靜態網頁？什麼是動態網頁？兩者有什麼差別？
「所謂的靜態網頁就是沒有動畫的網頁，動態網頁就是有動畫的網頁。」 曾經，我是這麼認為的。要是我的人生跟我的腦袋一樣簡單就好了嗚嗚… 好啦~來說正經的。 延伸閱讀： 網站原理 (1)：什麼是URL？什麼是網域？兩者有什麼差別？ 網站原理 (2)：什麼是DNS伺服器？它的功能是甚麼？ 網站原理 (3)：網站是怎麼構成的？ …
