Gas Optimization Basics: Reducing Contract Slot Usage

In this article, we will discuss how data in contracts is stored in the EVM Storage and how to minimize Storage usage to achieve Gas optimization.

An Overview of the Ethereum Virtual Machine (EVM)

The core part of the Ethereum blockchain system is EVM. In the past, when explaining the principles of blockchain operation (especially Bitcoin), the analogy of a "distributed ledger" was often used. However, Ethereum not only has the characteristics of a distributed ledger but also introduces smart contracts.

Function Selector in Solidity

When first learning Solidity, I was confused by the terms Function Selector and Function Signature. However, after understanding them in detail, I found they are not that abstract. This article will explain the definitions of these two terms and related issues.

Blockchain Consensus Mechanisms : From Nakamoto-style to BFT

In blockchain, one of the most important mechanisms is "consensus." It ensures that all participants agree on the transaction records, determining the security of transactions, the operational efficiency of the blockchain, and the degree of decentralization.

How I Built This Blog (and the previous ones)

I have tried many different ways to build my blog. Until recently, I discovered the Astro framework, which I had overlooked before. After using it to build my blog, I found it very friendly for modern front-end development. So I decided to start using it. This article summarizes all the mistakes I made when choosing different blog tools.

Let's create a linked list with JavaScript!

In this article, we're going to introduce how to make a linked list in JavaScript. JavaScript doesn't have a built-in class like `LinkedList`, but we can create one ourselves.

How to make a Hash Table in JavaScript

What's Hash Table? Hash Table is a data structure that stores key-value pairs and allows us to find the corresponding data quickly using the key we input.

Algorithm Note - Binary Search Tree (BST)

This is a note about binary search tree (BST) in JavaScript that I wrote when I was learning it. A binary search tree is a type of binary tree that maintains a specific relationship between nodes.

零知識證明的原理- 阿里巴巴與山洞秘門的咒語

今天要為大家解說區塊鏈中一個被大眾注目已久、但目前暫時尚未出現一個主流應用的「零知識證明」的基本原理。區塊鏈發明以來，就為人們帶來了三個傳統金融世界沒有的突破性的改變：「去中心化」、「不可竄改」、「公開透明」；而其中「公開透明」雖然能夠為某些團體或是 DAO 組織宣示公平，但是卻沒有保障個人在鏈上活動的隱私。因此為了解決這個問題，在區塊鏈上利用「零知識證明」的想法就被提出了。

《巔峰心智》—— 有時候什麼都不做反而可以做地更多

我一直有在關注「注意力」或是「大腦神經學」相關的知識；這週用了零碎時間把這本書《 巔峰心智 》讀完了，（翻完看到最後一頁才發現是今年十月剛出的書啊），我覺得這是我目前讀過的相關主題裡面寫得脈絡最清楚最完整的一本。

2022 年成為前端工程師的學習路線

想要在 2022 年成為一名前端工程師嗎？這篇文章將為你規劃一條完整的學習路線，從基礎的 HTML、CSS、JavaScript，到進階的框架和工具，讓你能夠循序漸進地達成目標。

React 元件庫製造紀事錄 (三) – Rollup Bundler 實作，並探究 Webpack 的 Tree Shaking

在上一篇模組化系列文章的第二篇，我們說明了使用 webpack 來打包模組程式碼、並說明了 package.json 在我們想要打包自己的 Npm 模組時扮演了什麼樣的角色。在今天這一章節，我們會繼續看到怎麼用同樣是打包工具（ Bundler ) Rollup 來進行打包，並解釋為什麼最後會選用它來進行實作的最大來由 —— Tree Shaking。

React 模組化筆記（二）- 打包工具的選擇

在開發 React 元件庫時，選擇合適的打包工具是一個重要的決定。這篇文章將介紹不同打包工具的特性，以及如何選擇最適合你需求的工具。

React 元件庫製造紀事錄 (ㄧ) – 問題說明與第一個麻煩：JavaScript 的模組系統

這陣子為了解決了一個讓我蠻頭痛的問題，第一次接觸前端 module 的打包，也了解到原來平常我們很方便能夠用 Npm 或 Yarn 這類套件管理器裝一裝就能夠直接使用的一些第三方工具在功能開發完之後，為了要讓別人能夠使用所做的處理上並不是這麼的單純，隨著使用方式的不同，要處理的部份也會有所不一樣。

作自己的腦內偵探 —— 利用 PDCA 的概念，見證每天進步 1% 的自己！

嗨，我是 Mujing ，今天要講的跟技術比較沒有直接關係，我想要跟大家分享一個平常工作時可以逐步優化自己工作流程的方法，這個方法叫做 PDCA 筆記，最近剛好在研究。

寫給職場工作者：工作環境是否會影響一個人的思考方式？

自從我進入大學階段之後，就一直有人不斷告訴我，要快一點決定未來人生的方向，要趕快想清楚、沒時間了，每次被問到這些問題我都不是很能理解，_這個在前面將近一半的學習生涯把學生教成考試機器的教育體系，為何又理直氣壯地期望這些學生在短短幾年內如獲天啓般突然知道自己的人生規劃？

原子化學習 — 程式語言中基礎知識的重要性

回顧一下轉為前端工程師的這一年經歷，因為一些原因，偶然讓我在將近三個月內就找到新的工作並成功轉職，而在那之前，我自認是一個毫無實戰經驗的打雜工讀生 (在公司只接觸 CMS 系統後端，並不斷重複造輪子)。這篇文章旨在分析並強調學習基礎知識的重要性，以及分享我這一年來學習的心得 ，希望你能夠從這之中得到一些東西，如果有什麼疑問，也歡迎隨時和我一起討論。

超越技術的工作能力

在新創工作剛滿一年，覺得正值一個可以好好整理所有收穫的時間點，現在回想起來的確學到許多以前不知道的方法跟思維，但因為都是比較零散的個人經驗，所以一直在想要以什麼為主軸來跟大家分享，既然暫時沒辦法有一個比較系統性的整理，我就來說說我在這段時間所學到的幾個工作中最重要的特質好了。

History-stack

或許 pushState 與 replaceState 這兩個方法你可能沒聽過，但是瀏覽器「上一頁、下一頁」功能你一定不陌生，其實這兩個 API 是瀏覽器提供給開發者操作瀏覽紀錄用的，透過這兩個 API 並搭配事件處理，我們就可以將瀏覽器預設的「上一頁下一頁」修改成我們想要的客製化結果。

每個衝擊都是一次學習的機會

好久不見。各位最近過得如何呢 ? 是不是又往自己的目標前進了一點 ? 一段時間沒有寫文章了，由於轉換工作環境的緣故，自從三月以來，這是第一次可以空出時間好好寫下一些東西。

React Design Pattern - Compound Components

在 React 的世界中，有許多設計模式可以幫助我們寫出更好的程式碼。今天要介紹的是 Compound Components Pattern，這是一個可以讓我們的元件更具彈性和可重用性的設計模式。

個人技術站一把罩！部落格建置大全（二）- 將 Github Page 串上自己的域名

上週提到了使用s Hexo 這個工具來架設個人部落格，並放到自己 Github Page 上的方法。這次我們要來看看怎麼把架好部落格的 Github Page ，串上自己擁有的域名( ex. blabla.com )

個人技術站一把罩！部落格建置大全（一）- 使用 Hexo 搭配 Github Page 建置自己的部落格

這是我參加六角全馬鐵人挑戰的第二週，在比賽的一開始，就讓我來分享如何在 Github Page 上面架設自己的個人頁面，並串上自己購買的網域名稱（如果有的話）。相信各位工程師們多少都會聽過或看過其他工程師們使用當作自己的部落格，對其他人分享自己經歷及技術，或是成長過程中領悟到的見解。

初探 Regex 正規表達式

正規表達式英文全名 Regular Expression，想必一定曾是每個工程師的惡夢，在新手眼裡彷彿精靈語一樣神秘又難親近，Regex 是一把複雜卻威力強大的武器。