Yhosutun2491[Vue]-前端新手深入系列-插槽(slot and slot props-use case in slot props)上一篇有初步認識Vue slot插槽,使得我們除了可以傳遞靜態資料外,能在父組件透過slot插槽傳入不同的樣板,讓子組件的UI渲染更多變化。 Vue slot插槽官方文件其實寫得滿清楚的,只是當初在Vue讀書會中有看slot…1d ago1d ago
Yhosutun2491[Vue]-前端新手深入系列(Vue Props and Emits-Is passing Vue props functions ani-pattern?)上一次談到組件中的props驗證,我們其實有發現到可用在父祖件傳遞props函式(function)的模式,讓子組件可以直接和父組件資料進行溝通和更新,但是好像實務上和官方文件卻沒有這麼推薦,仍然是以事件(emit)觸發傳遞居多,為什麼呢,難道是違反規則(anti-pattern…2d ago2d ago
Yhosutun2491[Vue]-前端新手深入系列(Vue defineProps and Validation with Zod.js)今天來慢慢回顧Vue組件彼此溝通傳遞時,一定會用到的props參數,主要功能是將父組件的資料由上至下傳入子組件渲染。 不過,開發實務上比較頭疼的是,有可能在專案規模越來越大時,多人協作上比較難管控傳遞的參數型態是否正確。Aug 11Aug 11
Yhosutun2491[Vue]-前端新手深入系列(Vue Watch clean up-清除過期的副作用)上篇提到watch 可以讓我們監聽饗應式數據,並且執行某些副作用(side effect),自己實務上常利用是監聽某項數值,例如監測使用者點擊的id去非同步呼叫api獲取資料,或者是長列表滾軸偵測使用者拉到哪個位置,要再去獲取下一筆資料等。Aug 8Aug 8
Yhosutun2491[Vue]-前端新手深入系列(Vue Watch 監聽器執行時機點)首先恭喜羽球男麟洋配完成不可能的連霸任務~,走過東奧後起起伏,還有一些外界質疑壓力,最後找回自己堅持到最後一刻,堅持寫文章記錄很辛苦,轉職仔在艱困AI浪潮下更辛苦,也許得不到什麼,但放棄不讓自己的技術精進更難受~。Aug 6Aug 6
Yhosutun2491[Vue]-前端新手深入系列(Vue Computed 計算屬性)慶祝昨天奧運中華隊獎牌開張~很感動,也發現每位選手都是堅持自己的運動練習8小時以上,身為新手轉職工程師的我們更要每天堅持一下XD,never git up!。Aug 4Aug 4
Yhosutun2491[Vue]-前端新手深入系列(Vue — Ref)接續上一篇著重在Vue響應式系統的reactive() 使用,也理解它主要是針對物件型態資料做響應式資料綁定,今天一口氣來理解另一個ref()吧~Aug 3Aug 3
Yhosutun2491[Vue]-前端新手深入系列(JavaScript Proxy and Vue Reactive)上一次複習了JavaScript常見物件方法後,有種耳目一新的感覺,對比剛上工接觸Vue時,自己寫了一篇 Proxy-代理物件筆記 還很生澀,現在回顧有種溫故而知新的感覺。Aug 3Aug 3
Yhosutun2491[JavaScript] - 物件常見的操作方法(JavaScript Common Object Methods)前幾天都在複習和深入Vue讀書會的一些疑問和重點,接下來要慢慢進入資料的更新,現在實務上開發都以包裝好的框架去管控物件或原始型別,反而忽略了最基本的JS基本功,來做個物件常見方法的回顧,對於後續研究Vue響應式系統也有幫助。Jul 31Jul 31
Yhosutun2491[Vue]-前端新手深入系列(Vue <script setup>語法糖)為了斷絕自己的技術懶惰症,所以每天逼自己找出心中堆積已久的答案,面對奇怪商業邏輯時和隨著框架用越久絕對不是越熟練,而是總會產生更多疑問堆心裡。Jul 30Jul 30