第 29 頁

方框上有代码的符号

如何使用 JavaScript 条件运算子？

流程控制是程式语言中基础不可少的概念之一，除了使用if、else 之外，JavaScript 还提供一个简洁的写法，就是条件（三元）运算子，顾名思义，由三个片段所组成，分别是：「条件、成功流程与失败流程」。用更精简的语法来撰写流程控制，条件运算子是常见且必学的语法之一

@ JavaScript
方框上有代碼的符號

可以怎麼使用 JavaScript 條件運算子？

流程控制是程式語言中基礎不可少的概念之一，除了使用 if、else 之外，JavaScript 還提供一個簡潔的寫法，就是條件（三元）運算子，顧名思義，由三個片段所組成，分別是：「條件、成功流程與失敗流程」。用更精簡的語法來撰寫流程控制，條件運算子是常見且必學的語法之一

@ JavaScript
双箭头符号

为什么你需要 JavaScript 预设参数？

在 JavaScript 中函式可以使用任意数量的参数与引数，如果参数没有对应的引数将导致该变数成为未定义，参数（占位符）代表一个值你期望函式所接收；引数（实际值）则是函式呼叫时所传递的值，让我们用预设参数来解决这个问题吧！

@ JavaScript
JS 物件语法符号

为什么你需要 JavaScript 增强版对象字面量？

在 JavaScript 中活用 ES6 带来的增强版对象字面量可以精简代码片段，甚至可以动态计算创建对象内的项目！字面量指的是代表它自己的数值，例如数字 `25` 或 `你好世界`，而增强对象字面量就是在对象中使用的值。

@ JavaScript
雙箭頭符號

為什麼你需要 JavaScript 預設參數？

在 JavaScript 中函式可以使用任意數量的參數與引數，如果參數沒有對應的引數將導致該變數成為未定義，參數（佔位符）代表一個值你期望函式所接收；引數（實際值）則是函式呼叫時所傳遞的值，讓我們用預設參數來解決這個問題吧！

@ JavaScript
JS 物件語法符號

為什麼你需要 JavaScript 加強版物件實字？

在 JavaScript 中活用 ES6 帶來的加強版物件實字可以精簡程式片段，甚至還可以動態的計算創造物件內的項目！實字(Literal) 指的是代表它自己的數值，舉例來說數字 `25` 或 `你好世界` 而進階物件實字就是在物件中使用的值。

@ JavaScript
圆框中有打勾的符号

为 Astro 设置 ESLint 与 Prettier

我喜欢使用自动化的工具来为专案的代码提供错误检查与整理，因此使用 ESLint 与 Prettier 让撰写的代码更一致无错，还有额外添加 TypeScript 的检查与 VSCode 提示，本篇文章有详细的教学范例引导你在 Astro 中安装 ESLint 与 Prettier 套件。

@ Astro
圓框中有打勾的符號

為 Astro 設置 ESLint 與 Prettier

我喜歡使用自動化的工具來為專案的代碼提供錯誤檢查與整理，因此使用 ESLint 與 Prettier 讓撰寫的代碼更一致無錯，還有額外添加 TypeScript 的檢查與 VSCode 提示，本篇文章有詳細的教學範例引導你在 Astro 中安裝 ESLint 與 Prettier 套件。

@ Astro
愛心符號

製作個人前端作品集 - 實作篇

Astro 作为一个静态内容为主的生产器非常适合用于打造静态网页，这次我将用自己的作品集为案例教你打造一个实际的静态网站，通过以自己的作品集网站为范例，借助这个机会来展示这个框架好用与强大的地方。只需要有基础的 HTML 与 CSS 知识就能跟着这篇文章创造一个属于自己的作品集。

@ Astro