根據 MDN,目前 CSS 的偽類選取器有以下這些: 今天要介紹到的是關於點擊超連結後會經歷的五種偽類選取器(紅框內): 在 style 裡面可以用 a:li...
四種非同步請求資料的方法 還記得 Day 06 有提到非同步請求資料的方法有 XHR、fetch、axios、Rails.ajax 嗎?這四種都可以拿來打 AP...
記得當初上課時第一次聽到軟刪除這個詞蠻震驚的,沒想到網路世界是這麼可怕的阿。 阿修說文解字 soft delete vs hard delete 網路上的刪除有...
Attribute vs Property attribute:屬性在 HTML 會被稱為 attribute,href is attribute of a。...
tailwindcss 是新世代的框架,常常拿來跟 Bootstrap 比較套句老師上課說的話,單純比較框架之間的好壞是沒有意義的只要評估你現在做的專案適合哪個...
NodeList 與 HTMLCollection 的主要差異點是節點的類型不一樣: NodeList:包含多種節點,如:元素節點、文字節點、屬性節點、註解...
筆者一開始看到這兩個詞的時候充滿著黑人問號???同步不是應該表示可以同時處理多件事,而非同步不是應該表示一次只能處理一件事嗎?怎麼實際上跟我原本的理解完全相反!...
在 Day 03 的時候有提到筆者在跟同組的同學做一個專案。筆者的專案是做一個筆記網站,筆記內可以留言、新增標籤、按讚、收藏等。在做到一半的時候遇到一個問題,就...
阿修說文解字 先來看一下結論,因為 eql? 及 equal? 的用法與 == 類似,這邊也順便介紹一下他們的用法。 eql? 用於判斷兩個物件是否有相同的值...
boxing: 封裝可以讓原始型態的資料暫時轉成物件,這樣他才可以使用屬性或方法。遇到使用字面值(literal)[註1]的原始型態資料後面接了一個方法時,JS...
Why CSS in JS? 以前在網頁開發的時候有一個原則叫做關注點分離(Separation of Concerns)。意思是各種技術只負責他們自己的領域,...
阿修的說文解字 API 的全名是 Application Programming Interface。中文叫做應用程式介面,重點在介面這兩個字。API 是應用程...
封裝 先請 wiki 大大出來講個話: 在物件導向程式設計方法中,封裝(英語:Encapsulation)是指,一種將抽象性函式介面的實作細節部份包裝、隱藏起...
阿修說文解字 甚麼是 shallow nesting? shallow nesting 是用來把路徑(也就是我們的網址)縮短的技巧。 為什麼要用 shallow...
兩個都可以替換標籤內的文字內容。 Node.innerText: 只會顯示我們能在瀏覽器上看到的標籤,像是 p 或是 a 標籤之類的。 會拿的到 CSS,如果...
阿修的說文解字 AJAX 的全名是 Asynchronous JavaScript and XMLAsynchronous JavaScript 昨天介紹過了,...
這兩天會介紹到 JS 內 var 與 let 的差異,今天跟明天分別介紹兩點。 JS 的 var 以及 let 主要在以下四點有差異: 作用範圍 Scope...
What is MVC? 先招喚 wiki 大大出來解釋一下 MVC 是甚麼: MVC模式(Model–view–controller)是軟體工程中的一種軟體...
物件 介紹 Proc 跟 Lambda 前先來介紹一下 Ruby 的物件。在 Ruby 裡幾乎所有東西都是物件,只有 block、method 以及 if el...
共同點:原本的 this 是指向全域物件 window ,使用 bind、call、apply 可以將 this 指向帶入的第一個引數,而第二個引數開始則為一...
阿修的說文解字 何謂 CORS? MDN 大大表示: CORS(Cross-Origin Resource Sharing) 是一種使用額外 HTTP 標頭令...
變數、常數差異 在 JavaScript 變數要用 var 及 let 宣告,常數要用 const 宣告,而且常數不能被 reassigned,如果將常數 re...
在 Ruby 內有符號(Symbol)這個物件,他跟字串的用法蠻像的,但本質上則不一樣。究竟 Symbol 到底是什麼呢? 讓我們來看看吧! 阿修說文解字 何謂...
在 Ruby 內幾乎所有的東西都是物件。在說明答案前先來看看甚麼是 OOP 及物件吧。 Object-Oriented Programming(OOP) 物件導...
JS 的資料型態主要分成物件型態及原始型態。 Object 物件型態 物件型態的資料可以使用屬性及方法。ex: 陣列[ ]、物件{ }、函式 Primitive...
include vs extend vs prepend include、extend、prepend 都可以拿來引用模組(module)內的方法,他們主要的差...
第一天先來聊聊我的背景以及為什麼我會想寫這個主題 原本我是一名品保工程師,做了3、4年發現這份工作開始不符合我的需求,所以想轉換跑道。而人生要挑戰才算好玩(By...
類別 vs 模組 類別跟模組很像是因為類別就是繼承自模組的。類別的方法數比模組多了三個(因為下層繼承上層的祖產,加上自己也有收入。)主要是多了 new、allo...
public 公開方法 公開方法沒有任何存取限制,可以被該類別或是子層類別的實體呼叫。一般而言當你定義一個方法後,這個方法就會是公開方法。或是也可以在方法外的上...
今天介紹 JS 內 var 與 let 的後兩點差異。 執行環境 Execution Context 宣告 declaration 執行環境 Executi...