Gui Site
劉桂廷 Gui
前端工程師
尚昇數位股份有限公司
2024.3 -
前端工程師
版塊設計 Block Studio
2022.2 - 2023.8
資訊助理人員（實習）
環球睿視股份有限公司
2020.7 - 2021.3
資訊管理系
致理科技大學
2017.8 - 2021.7
前端技能
使用 SCSS 手刻手機優先 RWD / AWD 版面。
Uno.css / Tailwind CSS / Bootstrap CSS 框架開發經驗。
Vite、Nuxt 以及搭配基礎 TypeScript 開發經驗。
使用 asyncData 搭配 axios 與 Nuxt 3 useFetch 的 API 串接經驗。
各項套件使用經驗：Swiper、i18n、AOS、... 等。
後端技能
使用 WordPress 搭配 PHP 客製化開發產品與接案。
利用 WordPress 開設 API 規格以利前端進行串接使用。
MySQL 基本 CRUD 邏輯撰寫與運用。
其他技能
基本 Linux 操作與 Shell + Cron Job 腳本運用經驗。
使用 PM2 監聽 SSR 專案後運用 Nginx / Apache 進行反向代理。
無障礙網站開發與調整經驗，幫助專案取得無障礙認證標章。
使用 Hexo 架設技術部落格撰寫技術筆記與學習紀錄。
運用 Chat GPT 產生 Node.js 腳本生成 Hexo API 供本站 Blog 區塊串接。
建立你第一個 Git 版控專案吧！
Git 是一個工程師需要會的一項技能，利用 Git 能夠容易做到版本控制以及與團隊進行專案協作，除了指令外我們能夠透過圖形化介面，幫助整個專案運行的流程更加順暢。 使用 Git 的好處上述提到了版本控
建立你第一個 Git 版控專案吧！
關於 JavaScript 的 Fucntion 那些事
來把以前 JavaScript 關於 Function 的筆記 Po 上來與大家分享～ 使用函數原因用輸入跟輸出的例子來說明：|輸入|處理|輸出||---|---|---||按電視遙控器|遙控器處理我
關於 JavaScript 的 Fucntion 那些事
讓 emit 回傳資料給 Vue 父層元件！
上一次介紹了 [初步認識 Vue Props，父元件傳入值給子元件！](https://guiblogs.com/vue-props/)，但是然後呢？如果我需要回傳值到父層元件，該怎麼做呢？今天就來介
讓 emit 回傳資料給 Vue 父層元件！
初步認識 Vue Props，父元件傳入值給子元件！
Vue 的頁面由一組又一組的元件所組成，其中或多或少會需要元件之間傳遞值，首先如果是父層元件要將值傳給子層元件，該怎麼設定呢？今天就來介紹 Props 這個能夠將值傳遞給子元件的機制。 將資料傳入元件
初步認識 Vue Props，父元件傳入值給子元件！
