易勝資訊股份有限公司 前端工程師

主要區分兩個環節： # 一面：單純線上面試，因為這是駐點派遣公司，所以一面的人員都是駐點派遣的人力，非技術職，他們並不了解具體技術問題，僅是針對履歷內容交談，大約 1 H 時間結束，他們就會後送資料給駐點端。 # 二面：實體面試，具體看邀約的駐點單位，決定線上面試的地方，我的案例是健保 3.0 的專案，但開發的團隊位置在忠孝新生附近。 現場的辦公環境確實非常狹窄，可以看到人員的走動路線都不太順暢，同時因為面試時，唯一的會議室已經被佔用，只能在茶水間面試，這確實比較無言。 面試當下主要也是針對過往經驗去聊，並沒有太深入的技術問題，大約 2-3 題關於 Vue3 相關的口頭詢答，從協助的業務口中得知流動率不低，所以可能相當缺人。 開發環境確實比較克難，雖然可以自備筆電查詢，但實際開發要寫在內網的桌機，算是相當高的開發成本。 基本沒有太多福利可以聊，所以可以當作沒有。

# Vue3 中如何進行傳值 父傳子（Props）： ``` // 父組件 <ChildComponent :message="hello" :count="10" /> // 子組件 const props = defineProps({ message: String, count: Number }) ``` 子傳父（Emit）： ``` // 子組件 const emit = defineEmits(['update', 'submit']) emit('update', newValue) // 父組件 <ChildComponent @update="handleUpdate" /> ``` 跨層級傳值（Provide/Inject）： ``` // 祖先組件 provide('key', value) // 後代組件 const data = inject('key') ``` # 如何管理 store ``` // 定義 store import { defineStore } from 'pinia' export const useUserStore = defineStore('user', { state: () => ({ name: '', age: 0 }), getters: { doubleAge: (state) => state.age * 2 }, actions: { updateUser(name, age) { this.name = name this.age = age } } }) // 使用 store import { useUserStore } from '@/stores/user' const userStore = useUserStore() userStore.updateUser('John', 25) ``` # 如何處理樣式的 class 1. 基底使用 TailwindCSS 的樣式設計 2. 在這個基底上，選擇搭配專屬的 class name 來方便查找 3. 透過 @apply 的形式，將 class name 結合 tailwindcss 的特性，既能滿足快速查找元件的需求，又不失去 tailwindcss 的便利性。

# 職缺性質 1. 選擇易勝正職的話，薪資偏低，僅有 6 萬，但有勞基法保障+勞健保。 2. 選擇自雇的話，需要自行投保，目前開價月薪 9 萬，看後續具體對方是否答應。 # 福利 因為是駐點派遣，所以這一塊就真的要當作沒有。一個月有一筆 1000 元的設備補助，聊勝於無。 # 駐點的環境 因為健保署專案，內網開發+環境狹窄，確實沒有什麼吸引的點。