iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端工程師在工作中的各種實戰技能 (Vue 3) 系列

身為一個前端工程師,如果只會框架 (Vue, React, Angular 等等) 是遠遠不夠的,如果你想要在工作中游刃有餘,或者找到一份好的工作甚至更資深的職位,還有許多技能力是需要具備的,因為在實務上可能還會因為產品的性質、面對的客群以及團隊的工作流程或合作的對象,而有許多技能與難題是需要具備與克服的,那到底還有哪些常見的技能是我們應該學會的呢?

鐵人鍊成 | 共 30 篇文章 | 53 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First 2.0
DAY 1

[Day01] 前言:常見的前端實戰技能有哪些?

Credit: https://lilly021.com/angular-vs-react-vs-vue-js/ 身為一個前端工程師,除了框架 (Vue, R...

2021-09-16 ‧ 由 Mia Yang 分享
DAY 2

[Day02] Vue i18n - 導入 & 基礎用法

i18n 全寫為 internationalization,俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...

2021-09-17 ‧ 由 Mia Yang 分享
DAY 3

[Day03] Vue i18n - Message Format Syntax

紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦? 上一篇我們介紹的基礎用法...

2021-09-18 ‧ 由 Mia Yang 分享
DAY 4

[Day04] Vue i18n - Pluralization

在本地化 (localize) 文字訊息時,我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文),雖然我們可以透過個別定義 key value 的方式...

2021-09-19 ‧ 由 Mia Yang 分享
DAY 5

[Day05] Vue i18n - Component Interpolation

在本地化 (localize) 文字訊息時,我們可能會遇到需要特別處理 HTML tag的情況,什麼意思呢?我們來看一下上圖紅框中的句子的 HTML 結構。...

2021-09-20 ‧ 由 Mia Yang 分享
DAY 6

[Day06] Vue i18n - Number Formatting (Currency 貨幣)

在本地化 (localize) 專案時,我們可能會遇到需要處理金錢、價錢等貨幣的問題,在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ,例如: &lt...

2021-09-21 ‧ 由 Mia Yang 分享
DAY 7

[Day07] Vue i18n - Datetime Formatting

在本地化 (localize) 專案時,我們可能會遇到需要處理日期時間顯示的問題,因為日期時間的顯示方式可能會因為每個國家而有所不同,例如: <p>...

2021-09-22 ‧ 由 Mia Yang 分享
DAY 8

[Day08] Storybook - 基本介紹 & 安裝

Credit: https://www.behance.net/gallery/35988339/Style-guide-e-commerce-web-app...

2021-09-23 ‧ 由 Mia Yang 分享
DAY 9

[Day09] Storybook - What's a story and how to write

Story 是元件呈現狀態的描述,開發者可以為每個元件攥寫多個 Story,也就是說元件可能會因為不同的參數組合而有不同的樣貌,而我們可以透過定義 Story...

2021-09-24 ‧ 由 Mia Yang 分享
DAY 10

[Day10] Storybook - Configure story rendering

在 Storybook - 基本介紹 & 安裝 有提到 .storybook/preview.js 這支 js 檔是用來控制 Story 呈現的方式,它...

2021-09-25 ‧ 由 Mia Yang 分享