我可以在一個頁面裡面擁有多個 h1 嗎?
通常寫多個 h1 都會被教育這是錯誤的做法,但實際上真的是如此嗎?我深入的研究各方面說法。整理 Google 與 MDN 文件的說法,一個頁面有很多個「重磅級標題」的情況非常少見的,如果這麼寫在閱讀架構上是合理的話,使用多個 <h1> 在單個頁面之中是完全沒問題的,此外有許多更值得探討的細節。
通常寫多個 h1 都會被教育這是錯誤的做法,但實際上真的是如此嗎?我深入的研究各方面說法。整理 Google 與 MDN 文件的說法,一個頁面有很多個「重磅級標題」的情況非常少見的,如果這麼寫在閱讀架構上是合理的話,使用多個 <h1> 在單個頁面之中是完全沒問題的,此外有許多更值得探討的細節。
useEffect 是 react 中一個相當基礎常見的 Hook,要真正學會它就必須要對 React 如何運作有基礎的認識才行,它是 React 提供的一個 Hook 用於操作副作用,舉例來說:送出請求、操縱 DOM、設定監聽器……等都是副作用。
Control flow is one of the essential concepts in programming languages. Besides using if and else, JavaScript offers the conditional (ternary) operator.
流程控制是程式语言中基础不可少的概念之一,除了使用if、else 之外,JavaScript 还提供一个简洁的写法,就是条件(三元)运算子,顾名思义,由三个片段所组成,分别是:「条件、成功流程与失败流程」。用更精简的语法来撰写流程控制,条件运算子是常见且必学的语法之一
流程控制是程式語言中基礎不可少的概念之一,除了使用 if、else 之外,JavaScript 還提供一個簡潔的寫法,就是條件(三元)運算子,顧名思義,由三個片段所組成,分別是:「條件、成功流程與失敗流程」。用更精簡的語法來撰寫流程控制,條件運算子是常見且必學的語法之一
In JavaScript, functions can use any number of parameters and arguments. If a parameter has no corresponding argument, it becomes undefined.
Utilizing ES6's enhanced object literals in JavaScript can simplify code snippets and even dynamically compute properties within objects!
在 JavaScript 中函式可以使用任意数量的参数与引数,如果参数没有对应的引数将导致该变数成为未定义,参数(占位符)代表一个值你期望函式所接收;引数(实际值)则是函式呼叫时所传递的值,让我们用预设参数来解决这个问题吧!
在 JavaScript 中活用 ES6 带来的增强版对象字面量可以精简代码片段,甚至可以动态计算创建对象内的项目!字面量指的是代表它自己的数值,例如数字 `25` 或 `你好世界`,而增强对象字面量就是在对象中使用的值。
在 JavaScript 中函式可以使用任意數量的參數與引數,如果參數沒有對應的引數將導致該變數成為未定義,參數(佔位符)代表一個值你期望函式所接收;引數(實際值)則是函式呼叫時所傳遞的值,讓我們用預設參數來解決這個問題吧!
在 JavaScript 中活用 ES6 帶來的加強版物件實字可以精簡程式片段,甚至還可以動態的計算創造物件內的項目!實字(Literal) 指的是代表它自己的數值,舉例來說數字 `25` 或 `你好世界` 而進階物件實字就是在物件中使用的值。
我喜歡使用自動化的工具來為專案的代碼提供錯誤檢查與整理,因此使用 ESLint 與 Prettier 讓撰寫的代碼更一致無錯,還有額外添加 TypeScript 的檢查與 VSCode 提示,本篇文章有詳細的教學範例引導你在 Astro 中安裝 ESLint 與 Prettier 套件。
Since I am a frontend developer, why not create a portfolio website myself? Creating my own portfolio is an essential experience and a very interesting journey.
Astro, as a SSG, is very suitable for building static web pages. I will use my own portfolio as a case study to teach you to create a real website.
记录一下我是如何制作自己的前端作品集的,随着从大学毕业,很快也要步入社会寻找正职工作,因此急需一个可以展示自己作品的平台,既然身为前端开发者,何不动手制作一个作品集网站呢?制作自己的作品集是必经历的体验,也是一趟很有趣的体验。