• All
  • Angular
  • CSS
  • database
  • GraphQL
  • HTML
  • JavaScript
  • Node.js
  • Ruby
  • TypeScript
  • WordPress
  • WordPress主機
  • WordPress外掛
  • WordPress架設網站
  • 前端筆記
  • 後端筆記
  • 演算法
  • 網站原理
  • 網站知識
  • 資工
  • 資料結構
  • 開發工具
  • 開箱
  • 閒聊
All
  • All
  • Angular
  • CSS
  • database
  • GraphQL
  • HTML
  • JavaScript
  • Node.js
  • Ruby
  • TypeScript
  • WordPress
  • WordPress主機
  • WordPress外掛
  • WordPress架設網站
  • 前端筆記
  • 後端筆記
  • 演算法
  • 網站原理
  • 網站知識
  • 資工
  • 資料結構
  • 開發工具
  • 開箱
  • 閒聊
JavaScript

【JavaScript】如何刪除陣列重複項

最近實作後端時需要刪除陣列重複項,但google了一下發現方法都好複雜,所以後來乾脆自己想,紀錄一下自己的方法~ 例一: 例二: 例三:

Read More →
JavaScript

【JavaScript】甚麼時候該用 for…in,甚麼時候該用 for…of

for…in 是個常在 Object 中使用的方法,但前一陣子發現原來還有 for…of,怕搞混這兩個所以來整理一下差別。

Read More →
webpack 教學
前端筆記

前端專案的SOP — git、webpack 教學

稍微整理一下網路上查到的webpack 教學文章,在學習完前端的基礎之後,也學到了不找製作專案時會使用到的工具,諸如git、webpack等等,所以想整理一下開發一個專案時,使用這些工具的SOP。 首先第一步,先將專案加入到git 版本控管之中,方便自己隨時回到某個版本,或是與他人多人協作。 1. 將專案加入git 版本控管 1.1 打開終端機,cd到專案資料夾 1.2 …

Read More →
namecheap 教學
WordPress

如何用WordPress架設網站 (3):namecheap 教學與 Cloudflare 教學

架設完主機後接著就是購買網域和設定 DNS 伺服器的教學了。 延伸閱讀: 如何用 WordPress 架設網站 (1):前置作業 ⏤ 購買網域與主機 …

Read More →
Cloudways 教學
WordPress

如何用 WordPress 架設網站 (2):Cloudways 教學

這篇文章就來正式教大家架設網站的第一步 — 購買主機,看完並實作之後就可以簡單架設一個網站囉! 1. 為甚麼選擇 Cloudways? 1.1 Cloudways 是共享主機、VPS 主機還是雲端主機? …

Read More →
use-javascript-to-connect-api-with-unsplash
JavaScript

【JavaScript瀏覽器】:實作串接 API (1) ⏤ Unsplash API

因為對用 JavaScript 串接 API 滿不熟悉的,再加上最近看了些職缺用 JavaScript 串接 API 又是必備技能,所以決定來花點時間好好搞懂這塊,順便練習實作,比較容易發現問題出在哪裡。 如果你對 …

Read More →
WordPress架設網站
WordPress

如何用 WordPress 架設網站 (1):前置作業 ⏤ 購買網域與主機

在 架設網站的方法 (3):使用CMS – 內容管理系統架設網站 中提到,使用 WordPress 架設網站是全世界最普遍的方式,因此接下來會有一系列 WordPress 架設網站教學的文章,今天就先來談談在利用 …

Read More →
JavaScript

【JavaScript基礎】:Array Methods — 陣列方法整理

陣列(array)屬於物件(object)的一種,在Javacript中有許多陣列方法(array methods)可做轉換或運算,來整理一下在MDN看到陣列常見和相關的方法。 1. Array and String:陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 …

Read More →
新增圖片時,該用HTML的,還是CSS的background-image?
CSS

新增圖片時,該用HTML的img,還是CSS的background-image?

在寫前端的時候,插入圖片的方式有兩種:在HTML的<img>;另一種則是在CSS屬性中設定background-image,一直以來都分不太清楚甚麼時候該用哪個,今天就來好好整理一下! 1. HTML的<img> 首先來看看根據W3Schoolshools的說明,<img>有哪幾個attributes吧! 1.1 src 最基本的,放置圖片的來源,可以是位於該專案的檔案路徑,也可以是URL。 檔案路徑: URL: 1.2 …

Read More →
Scroll to Top