第 16 页

计算符号

了解 JavaScript 陈述式与表达式

讲解中「表达式」与「陈述式」的区别。表达式会产生一个值,而陈述式则是执行动作。表达式必须存在于某个陈述式中才能被使用。我回过头来才发现表达式与陈述式的重要性,了解 JavaScript 底层的逻辑对我们使用像是 React 这类框架也有帮助。

計算符號

了解 JavaScript 陳述式與表達式

講解中「表達式」與「陳述式」的區別。表達式會產生一個值,而陳述式則是執行動作。表達式必須存在於某個陳述式中才能被使用。我回過頭來才發現表達式與陳述式的重要性,了解 JavaScript 底層的邏輯對我們使用像是 React 這類框架也有幫助。

繪圖鉛筆符號

不需要學 Tailwind 也可以用 Tailwind

意思是說「如果你熟悉撰寫原生 CSS 的話,那麼學 Tailwind 對你來說是易如反掌」。在 2022 CSS 調查中 Tailwind 都是最受歡迎、最多人使用的 CSS 框架,它開創性的設計理念打破了傳統語意化架構 CSS 的方式,值得嘗試看用不同的方式架構網站架構!

擴張符號

從動圖與實例學會解構語法糖

藉由解構語法可以快速取出目前陣列或物件的資料,是個常見且必學的語法糖。透過解構可以快速取出目前陣列或物件的資料,並且可以將取出的資料重新命名,讓程式碼更簡潔,是個簡單方便的語法,舉幾個實際例子就會發現它的用處很多且很好懂。

縮放符號

展開與其餘運算子,三個點是什麼魔法?

藉由學習 ES6 推出的展開與其餘運算子,在許多場合可以更直覺易讀的撰寫相同的程式碼,藉由動圖與實際案例來了解它們的用途吧。語法一模一樣都是三個點,但在不同的位置會有不同的效果,這篇文章也會介紹展開運算子 (Spread Operator) 與其餘運算子 (Rest Operator)之間的差異。

錄影符號

三步驟,使用 OBS 來錄製影片!

OBS 是 Open Broadcaster Software 的縮寫,是一個在開源社群非常熱門的錄影軟體,由於時常有錄製影片的需求,於決定把設定 OBS 的過程記錄下來,讓有需要的人可以依照簡單的圖示快速上手,從安裝到實際錄影。

HTML 符號

助教統整 n 個方法幫助你寫出更好的 HTML

總結作為六角學院助教一直以來審核作業上最容易碰上的問題,以及可以怎麼應對。本篇文章集合了各大要點與提醒幫助你寫出更好的 HTML 結構。,了解整篇文章將可以迴避掉很多同學最常踩的坑!推薦身為網頁開發新手的你看看這篇文章。

代碼符號

你沒想過 CodePen 具備的超讚小功能

CodePen 是一個線上的模擬開發環境,功能很簡單,就是一個網頁可以在上面寫 HTML、CSS、JavaScript,並且可以直接在網頁上看到結果,而且還直接分享連結給別人看,對初學者來說介面友好基本沒有上手難度,我是非常推薦的。

CSS 符號

助教統整 n 個方法幫助你寫出更好的 CSS

總結作為六角學院助教一直以來審核作業上最容易碰上的問題,以及可以怎麼應對。了解整篇文章將可以迴避掉很多同學最常踩的坑!撰寫程式並沒有絕對的準則,留意文章可權衡的地方自行判斷即可。本篇文章記錄我撰寫程式以來的經驗與原則以及當六角學院助教審核同學時最常發現的問題。

旋轉箭頭中央有問號符號

傳值與傳址,都幾咧?

在程式語言中最基本的問題就是問題就是如何紀錄與操縱資料,牽扯到傳值與傳址的問題,這篇教學使用 JavaScript 搭配圖表幫助你了解它們的差異。了解如何儲存變數有助於更好的操控資料,避免出現改 A 卻動到 B 的狀況。

葉子符號

為什麼你需要純粹函式 (Pure Function)?

寫程式久了會發現撰寫乾淨可被維護的程式是一件相當困難的事情,其中一個造成難維護的原因是因為「函式除了運算並回傳結果之外過程中產生變化影響到其餘的程式」,換句話說問題就是「不必要的副作用,讓程式變得捉摸不定難以理解」,因此應該了解純粹函式的定義以及如何使用,為了更進一步撰寫撰寫乾淨的代碼。

方框上有代碼的符號

透過簡單的故事了解 JavaScript 中的 this

本篇文章將透過簡單易懂的辭彙介紹 JavaScript 中的 this,讓讀者能夠更深入理解 JavaScript 中 this 的使用方式與特性。`this` 會如此讓人混亂是因為它需要基於前後文來判斷,最簡單的原則就是:誰呼叫 `this`,`this` 就代表誰。

眼睛符號

watch 與 useWatch 在 react hook form 中的差異

特別記錄下來,這是 React Hook Form 中非常相近的方法:watch 與 useWatch 的差異比較與說明,就連我在第一次理解他們的時候也被搞混了,這裡製作了一些可以互動的實際範例讓你馬上體會到它們之間的差異。

雙箭頭符號

為什麼你需要箭頭函式?

JavaScript 箭頭函式是 ES6 版本中新增的語法,能夠簡潔明瞭地定義函式,並且已經被廣泛的使用當中。於本篇文章中我們將會學習如何使用箭頭函式來簡化程式碼,並且了解這個語法的特性以及要注意的地方,以及它可以被使用在那些場合當中。

箭頭符號

從實例了解 useRef 的使用情境

React useRef 與一般定義變數差在哪?我決定把他們詳細的比較寫在這篇文章中。簡單來說 useRef 是一個 React Hook 可以讓你參考一個值並不會受到 React 的重新渲染影響,透過實際代碼操作範例來理解它與類似的 useState 還有一般變數的差異。