搜尋文章標籤:概念

溫度計符號

為什麼要替軟體進行測試?

近期我對自己看待撰寫程式這件事有更高的期許,除了最基本的效能、閱讀性、擴充性……之外還有一個非常重要的領域就是:測試。不過程式好端端的能動就代表測試沒有必要了嗎?在我剛工作時實際上做了一段時間的自動化 QA 工程一段時間,不過那時候的我其實也並不明白寫測試的原因,就是有程式就拿來自動化測試,並沒有想太多。

層級符號

具體來說可以怎麼建立與管理產品的設計令牌或變數

近期執行的專案在進行翻新包含了整體的視覺設計,因此前端也面臨要如何同步管理產品視覺的問題。先說痛點,先前專案並沒有具體的規範應該如何定義 UI 當中的數值,導致魔法數字(沒有規範與描述的值)流竄於整個產品當中,造成了非常大的的困擾。我會解釋得盡量具體明白如果要重新設計一款數位產品會怎麼管理其中的數值。

不高興表情符號

為什麼 CSS 這麼難學這麼詭異?

開發者們對 CSS 有不同的意見,有的人說它很簡單、有的人說它難以駕馭,這些都是事實。我時常聽到苦惱的後端或是與其打交道多年的自己脫口而出:「CSS 真的好詭異阿!」,這篇文章來總結為什麼 CSS 是一個讓人又愛又恨的存在,它為什麼這麼難學這麼詭異?

笑臉符號

樂觀 UI (Optimistic User Interface) 是什麼?有哪些實踐細節是你應該注意的?

不要讓使用者等待!越多的等待時間,就越容易讓使用者流失,因此讓應用程式的回饋即時,是很基礎重要的原則。Optimistic UI 強調即時、樂觀的使用者介面回饋。在用戶觸發操作後,系統即時假定成功,迅速更新介面,提升使用者體驗。這種方法有效縮短用戶等待時間,創造更流暢、令人滿意的互動體驗。

層級符號

一個簡單聰明的方法讓你永遠不用煩惱管理 Z-index 的問題

賦予網頁元素相對的關係而非絕對的數值,讓我們強烈聯繫元素之間的差異,而非取決於某個魔法數字可以避免很多折騰。最近看到一篇文章,作者提到用 CSS Variable 來賦予相對而非絕對數值的 `z-index` 值,真是優雅簡潔的方法!完美的發揮了 CSS 變數的優勢,促使我寫下這篇文章。

方框上有代碼的符號

Null vs Undefined 差在哪?

null 與 undefined 兩者的意涵非常相近,意思都是「沒有東西」,但在根本上它們是截然不同的東西,雖然都代表「沒東西」,但一個是「存在沒東西」一個是「不存在沒東西」,藉由這篇文章我來釐清解釋他們兩者之間的關係。

箱子符號

網頁就是一堆箱子組成的概念:CSS 盒模型

唯有了解盒模型才能開始學習更多網頁切版布局的技巧,本文由內至外拆解盒模型,並且解說相關的特性與屬性。如果你對於網頁有這麼多間距可以被調整所困惑,或是初入門 CSS 我都非常推薦要先理解 CSS 的盒模型概念,網頁其實就是一堆箱子組成的概念。

重疊卡片符號

給初學者的 Jamstack 介紹

瀏覽器已經不再是簡單的文件閱讀器,而是一個完整的平台,用戶期望網頁變得像應用程式一樣使用起來絲滑流暢,你可能在近期會很常聽到 Jamstack 這個詞彙,簡單來說它是一種現代建構網頁應用的方式。藉由這篇入門文章你可以了解:為什麼需要它?以及如何實踐這項技術。

撰寫符號

從我的經歷與錯誤中學會如何經營網站

「為什麼想經營網站?」在製作之前要好好想清楚這件事,製作網站與經營網站是完全不同的技能。舉我自己的部落格「網頁東東」為例,直到近期才比較有「寫部落格」這件事究竟是什麼的體會,透過探討分析我自己經營網站內外動力,希望能幫助你重新思考自己經營網站的真正的目標與動機。

壓縮資料夾符號

為什麼需要柯里化函式

柯里化就是將使用多個參數的函式轉換成一系列使用一個參數的函式,用不同的思考方式來撰寫函式,藉由將一個大函式分解成很多僅使用一個參數的函式,打造可被重複利用與輕鬆除錯的函式,透過實際製作三明治函式案例簡白的說明柯里化的概念。

方框內有齒輪符號

從頭了解為什麼你需要 JavaScript 閉包

閉包是一個聽起來非常難懂而且枯燥的題材,實際上概念很簡單,在了解閉包之前你必須熟悉作用域與事件佇列的概念。簡單來說閉包可以讓你在函式內獲得函式外作用域的變數,透過實際案例來觀察閉包的存在並且了解在什麼場合下會需要閉包,以及相關的取捨。

計算符號

了解 JavaScript 運算式與表達式

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

旋轉箭頭中央有問號符號

傳值與傳址,都幾咧?

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

文件符號

四種文檔的種類,以及為什麼需要了解它們

好的文檔應更容易的被撰寫,更簡單去維護,好的文檔可以幫助人們更快、更有自信的去上手某一項技術。本篇統整幫助你理解文檔可以被拆分為的 4 個種類,並且如何更好的整理、傳遞你的知識和想法,擷取自 Daniele Procida 發表的演說所總結的觀點筆記。

文件符號

分類好頭疼!如何擺脫檔案整理惡夢?

我們每天都會囤積大量的文件、筆記、素材、累積下來就像亂糟糟的房間一樣需要整理,如果你也同樣在困擾這樣的問題,這篇文章是為你準備的。本次文章想分享我們團隊是如何建立一個系統應對基本的檔案分工與備份的流程。好的檔案管理是可以被追溯、被規範的,這樣才好合作,好在未來被回顧。