Homepage
Open in app
Sign in
Get started
When you feel like quitting ,Think about why you started.
HTML
CSS
JavaScript
Book report
Git
Bootstrap
Follow
JavaScript #26 — ES6 Arrow Functions 箭頭函式 & this
JavaScript #26 — ES6 Arrow Functions 箭頭函式 & this
箭頭函式是 ES6 新的語法,是用來定義一個函式。
Thomas Hung
Jul 30, 2020
2020 HexSchool JS 學徒特訓班 - 30 與 31 天
2020 HexSchool JS 學徒特訓班 - 30 與 31 天
我們先來回顧之前的關卡。
Thomas Hung
Jul 20, 2020
Bootstrap# 4– 網格系統之二
Bootstrap# 4– 網格系統之二
此章節我們來學習 Bootstrap 4 網格中的通用類別。
Thomas Hung
Jun 23, 2020
Bootstrap# 3– 網格系統之一
Bootstrap# 3– 網格系統之一
在上一章節我們有大概提到 Bootstrap 中的排版系統,今天就來好好說明這個功能的使用方式吧!
Thomas Hung
Jun 20, 2020
Bootstrap# 2– 基礎內容之二
Bootstrap# 2– 基礎內容之二
圖片 (Images)
Thomas Hung
Jun 19, 2020
Bootstrap# 1– 基礎內容之一
Bootstrap# 1– 基礎內容之一
Bootstrap 是個前端開發者 CSS 樣式的框架,在裡面有無限個元件並可以透過簡單的操作就做出一個實體網頁,那我們就來看看如何操作吧!
Thomas Hung
Jun 17, 2020
CSS # 11–3D Transform
CSS # 11–3D Transform
上一章節我們介紹 2D Transform 屬性使用的方式,這章節來介紹 3D Transform 屬性的使用方式吧!
Thomas Hung
Jun 15, 2020
CSS # 10— 2D Transform
CSS # 10— 2D Transform
Transform 顧名思義為變形,是讓什麼東西變形嗎?沒錯就是讓元素透過 CSS 樣式屬性設定來達到變形的效果。
Thomas Hung
Jun 14, 2020
CSS # 9— 單位與數值
CSS # 9— 單位與數值
在 CSS 屬性中有些需要設定單位與數值例如 : 寛(width) 、高(height) 、字型(font-size)等等…,這些屬性的設定關係到切板的時候呈現出來的畫面,那我們就來介紹 CSS 中的單位 px、em、rem、%、vw 與 vh 的差異性。
Thomas Hung
Jun 13, 2020
CSS # 8— Inline formatting context (IFC)
CSS # 8— Inline formatting context (IFC)
在上一章節有提到 BFC 的概念,此章節我們來了解 IFC 的概念吧!
Thomas Hung
Jun 13, 2020
CSS # 7— Block formatting context (BFC)
CSS # 7— Block formatting context (BFC)
在之前的關於 margin 它奇怪的地方中,有提到 BFC 那我們就來了解這是什麼?
Thomas Hung
Jun 11, 2020
CSS # 6— Collapsing margins
CSS # 6— Collapsing margins
上一篇我們有了解到 Box Model,這裡來說說關於 margin 它奇怪的地方吧!
Thomas Hung
Jun 9, 2020
CSS # 5 — Box Model
CSS # 5 — Box Model
什麼是 Box Model ?它的意思為在 HTML 中每個元素都可被視為一個盒子,並且在 CSS 式樣中針對盒子做邊界設定。
Thomas Hung
Jun 8, 2020
CSS # 4- 網頁排版聖器(Flex box)-下
CSS # 4- 網頁排版聖器(Flex box)-下
那我們繼續之前未完成的 Flex box 。
Thomas Hung
Jun 8, 2020
CSS # 3 — 網頁排版聖器(Flex box)-上
CSS # 3 — 網頁排版聖器(Flex box)-上
Flexbox 是一個 CSS3 的盒子模型(box model) 也可以稱為彈性盒子,為什麼會這麼說呢?它是為了適應不同的螢幕尺寸和顯示設備的排版方式,接下來我們來介紹。
Thomas Hung
Jun 7, 2020
CSS # 2— Normal flow、float、定位(Position)、z-index
CSS # 2— Normal flow、float、定位(Position)、z-index
布局流 (Normal flow)
Thomas Hung
Jun 4, 2020
CSS # 1— 選擇器 (Selector)
CSS # 1— 選擇器 (Selector)
選擇器 (Selector)是可以選取到 HTML 與 XML 文件中的元素,當選取到文件中的元素與選擇器是一致,可將文件 (HTML、XML)中的元素進行 CSS 樣式修改。
Thomas Hung
Jun 3, 2020
JavaScript # 25 — Array.prototype.sort
JavaScript # 25 — Array.prototype.sort
在這之前我們有花了不少的時間提過有關排序的演算法,今天我們來介紹原始陣列的 Array.prototype.sort 的演算法。
Thomas Hung
Jun 2, 2020
JavaScript # 24 — 遞迴 (Recursion)
JavaScript # 24 — 遞迴 (Recursion)
在之前的演算法中都有使用到 遞迴(Recursion)的方式讓函式重複執行並取得結果,今天我們就來紹介 遞迴(Recursion)它的概念是什麼?
Thomas Hung
Jun 1, 2020
JavaScript # 23 — 演算法之快速排序法(Quick Sort)
JavaScript # 23 — 演算法之快速排序法(Quick Sort)
今天我們要介紹的是 快速排序法(Quick Sort) 與之前四種的不一樣的是它是最常被使用且排序速度與效能是相當不錯的演算法。
Thomas Hung
May 30, 2020
JavaScript # 22 — 演算法之合併排序法(Merge Sort)
JavaScript # 22 — 演算法之合併排序法(Merge Sort)
之前我們介紹了關於資料結構列的演算法為 氣泡排序 (Bubble Sort)、選擇排序 (Selection Sort) 、插入排序 (Insertion Sort) 以上三種演算法的效能都不佳,今天要介紹的演算法效能相當不錯,但相對的概念不好理解。
Thomas Hung
May 29, 2020
JavaScript # 21 — 演算法之插入排序 (Insertion Sort)
JavaScript # 21 — 演算法之插入排序 (Insertion Sort)
今天要介紹的是 插入排序 (Insertion Sort) 它的概念是假設有一組資料結構列,每次都只針對陣列中左方的值做比大小,如比對結果為左邊比右邊大則交換位置,以此類推。
Thomas Hung
May 28, 2020
JavaScript # 20— 演算法之選擇排序 (Selection Sort)
JavaScript # 20— 演算法之選擇排序 (Selection Sort)
這次來說說演算法中第二種方式 :選擇排序 (Selection Sort),它與我們先前提到的 氣泡排序 (Bubble Sort) 特性是 兩兩比較後決定是否交換位置。
Thomas Hung
May 27, 2020
JavaScript # 19— 演算法之氣泡排序 (Bubble Sort)
JavaScript # 19— 演算法之氣泡排序 (Bubble Sort)
一開始我們來想想如果你是圖書館的管理員,有大量的書需要放架上但每本書要排序,你會怎麼做?
Thomas Hung
May 26, 2020
JavaScript # 18 — 演算法之二分搜尋 (Binary Search) & 線性搜尋 (Linear Search)
JavaScript # 18 — 演算法之二分搜尋 (Binary Search) & 線性搜尋 (Linear Search)
二分搜尋 (Binary Search)
Thomas Hung
May 25, 2020
About Thomas 學習筆記
Latest Stories
Archive
About Medium
Terms
Privacy
Teams