iT邦幫忙

網頁前後端寶石庫相關文章
共有 30 則文章
鐵人賽 Modern Web DAY 2

技術 Day 02 HTML/CSS 點擊超連結會經歷的偽類選取器(Pseudo-classes)

根據 MDN,目前 CSS 的偽類選取器有以下這些: 今天要介紹到的是關於點擊超連結後會經歷的五種偽類選取器(紅框內): 在 style 裡面可以用 a:li...

鐵人賽 Modern Web DAY 8

技術 Day 08 JavaScript/Rails XHR、fetch、axios、Rails.ajax 比較

四種非同步請求資料的方法 還記得 Day 06 有提到非同步請求資料的方法有 XHR、fetch、axios、Rails.ajax 嗎?這四種都可以拿來打 AP...

鐵人賽 Modern Web DAY 29

技術 Day 29 Rails soft delete - paranoia

記得當初上課時第一次聽到軟刪除這個詞蠻震驚的,沒想到網路世界是這麼可怕的阿。 阿修說文解字 soft delete vs hard delete 網路上的刪除有...

鐵人賽 Modern Web DAY 4

技術 Day 04 HTML/JavaScript Attribute vs Property

Attribute vs Property attribute:屬性在 HTML 會被稱為 attribute,href is attribute of a。...

鐵人賽 Modern Web DAY 3

技術 Day 03 HTML/CSS 使用 tailwindcss 遇到的小問題

tailwindcss 是新世代的框架,常常拿來跟 Bootstrap 比較套句老師上課說的話,單純比較框架之間的好壞是沒有意義的只要評估你現在做的專案適合哪個...

鐵人賽 Modern Web DAY 15

技術 Day 15 JavaScript NodeList vs HTMLCollection

NodeList 與 HTMLCollection 的主要差異點是節點的類型不一樣: NodeList:包含多種節點,如:元素節點、文字節點、屬性節點、註解...

鐵人賽 Modern Web DAY 5

技術 Day 05 JavaScript 同步(Sync) vs 非同步(Async)處理

筆者一開始看到這兩個詞的時候充滿著黑人問號???同步不是應該表示可以同時處理多件事,而非同步不是應該表示一次只能處理一件事嗎?怎麼實際上跟我原本的理解完全相反!...

鐵人賽 Modern Web DAY 30

技術 Day 30 Rails dependent destroy

在 Day 03 的時候有提到筆者在跟同組的同學做一個專案。筆者的專案是做一個筆記網站,筆記內可以留言、新增標籤、按讚、收藏等。在做到一半的時候遇到一個問題,就...

鐵人賽 Modern Web DAY 27

技術 Day 27 Ruby == vs ===

阿修說文解字 先來看一下結論,因為 eql? 及 equal? 的用法與 == 類似,這邊也順便介紹一下他們的用法。 eql? 用於判斷兩個物件是否有相同的值...

鐵人賽 Modern Web DAY 16

技術 Day 16 JavaScript boxing vs unboxing

boxing: 封裝可以讓原始型態的資料暫時轉成物件,這樣他才可以使用屬性或方法。遇到使用字面值(literal)[註1]的原始型態資料後面接了一個方法時,JS...

鐵人賽 Modern Web DAY 10

技術 Day 10 JavaScript CSS in JS

Why CSS in JS? 以前在網頁開發的時候有一個原則叫做關注點分離(Separation of Concerns)。意思是各種技術只負責他們自己的領域,...

鐵人賽 Modern Web DAY 7

技術 Day 07 JavaScript/Rails API

阿修的說文解字 API 的全名是 Application Programming Interface。中文叫做應用程式介面,重點在介面這兩個字。API 是應用程...

鐵人賽 Modern Web DAY 20

技術 Day 20 Ruby 封裝 vs 繼承

封裝 先請 wiki 大大出來講個話: 在物件導向程式設計方法中,封裝(英語:Encapsulation)是指,一種將抽象性函式介面的實作細節部份包裝、隱藏起...

鐵人賽 Modern Web DAY 28

技術 Day 28 Rails shallow nesting

阿修說文解字 甚麼是 shallow nesting? shallow nesting 是用來把路徑(也就是我們的網址)縮短的技巧。 為什麼要用 shallow...

鐵人賽 Modern Web DAY 14

技術 Day 14 JavaScript innerText vs textContent

兩個都可以替換標籤內的文字內容。 Node.innerText: 只會顯示我們能在瀏覽器上看到的標籤,像是 p 或是 a 標籤之類的。 會拿的到 CSS,如果...

鐵人賽 Modern Web DAY 6

技術 Day 06 JavaScript/Rails AJAX

阿修的說文解字 AJAX 的全名是 Asynchronous JavaScript and XMLAsynchronous JavaScript 昨天介紹過了,...

鐵人賽 Modern Web DAY 11

技術 Day 11 JavaScript var vs let (1)

這兩天會介紹到 JS 內 var 與 let 的差異,今天跟明天分別介紹兩點。 JS 的 var 以及 let 主要在以下四點有差異: 作用範圍 Scope...

鐵人賽 Modern Web DAY 18

技術 Day 18 Rails MVC

What is MVC? 先招喚 wiki 大大出來解釋一下 MVC 是甚麼: MVC模式(Model–view–controller)是軟體工程中的一種軟體...

鐵人賽 Modern Web DAY 19

技術 Day 19 Ruby Proc vs Lambda

物件 介紹 Proc 跟 Lambda 前先來介紹一下 Ruby 的物件。在 Ruby 裡幾乎所有東西都是物件,只有 block、method 以及 if el...

鐵人賽 Modern Web DAY 17

技術 Day 17 JavaScript bind vs call vs apply

共同點:原本的 this 是指向全域物件 window ,使用 bind、call、apply 可以將 this 指向帶入的第一個引數,而第二個引數開始則為一...

鐵人賽 Modern Web DAY 9

技術 Day 09 CORS 跨來源資源共用

阿修的說文解字 何謂 CORS? MDN 大大表示: CORS(Cross-Origin Resource Sharing) 是一種使用額外 HTTP 標頭令...

鐵人賽 Modern Web DAY 25

技術 Day 25 Ruby 變數、常數差異

變數、常數差異 在 JavaScript 變數要用 var 及 let 宣告,常數要用 const 宣告,而且常數不能被 reassigned,如果將常數 re...

鐵人賽 Modern Web DAY 26

技術 Day 26 Ruby Symbol

在 Ruby 內有符號(Symbol)這個物件,他跟字串的用法蠻像的,但本質上則不一樣。究竟 Symbol 到底是什麼呢? 讓我們來看看吧! 阿修說文解字 何謂...

鐵人賽 Modern Web DAY 24

技術 Day 24 Ruby 哪些不是物件

在 Ruby 內幾乎所有的東西都是物件。在說明答案前先來看看甚麼是 OOP 及物件吧。 Object-Oriented Programming(OOP) 物件導...

鐵人賽 Modern Web DAY 13

技術 Day 13 JavaScript 的資料型態

JS 的資料型態主要分成物件型態及原始型態。 Object 物件型態 物件型態的資料可以使用屬性及方法。ex: 陣列[ ]、物件{ }、函式 Primitive...

鐵人賽 Modern Web DAY 22

技術 Day 22 Ruby include vs extend vs prepend

include vs extend vs prepend include、extend、prepend 都可以拿來引用模組(module)內的方法,他們主要的差...

鐵人賽 Modern Web DAY 1

技術 Day 01 阿修補坑中

第一天先來聊聊我的背景以及為什麼我會想寫這個主題 原本我是一名品保工程師,做了3、4年發現這份工作開始不符合我的需求,所以想轉換跑道。而人生要挑戰才算好玩(By...

鐵人賽 Modern Web DAY 21

技術 Day 21 Ruby 類別 vs 模組

類別 vs 模組 類別跟模組很像是因為類別就是繼承自模組的。類別的方法數比模組多了三個(因為下層繼承上層的祖產,加上自己也有收入。)主要是多了 new、allo...

鐵人賽 Modern Web DAY 23

技術 Day 23 Ruby public vs private vs protected

public 公開方法 公開方法沒有任何存取限制,可以被該類別或是子層類別的實體呼叫。一般而言當你定義一個方法後,這個方法就會是公開方法。或是也可以在方法外的上...

鐵人賽 Modern Web DAY 12

技術 Day 12 JavaScript var vs let (2)

今天介紹 JS 內 var 與 let 的後兩點差異。 執行環境 Execution Context 宣告 declaration 執行環境 Executi...