React Logo

歡迎來到我的自介網頁

這裡展示了一個獨特的設計

無論您選擇哪個框架都能體驗到一致效果

目前您所見的是使用 Next 14 框架打造的版本。

React Logo

歡迎來到我的自介網頁

這裡展示了一個獨特的設計

無論您選擇哪個框架都能體驗到一致效果

目前您所見的是使用 Next 14 框架打造的版本。

學經歷

2015

資管系畢業

資管系專題第一名

全端團隊
Java ServletJava AndroidJSP + HTML4 + CSS
2015/09

家家有

PC 維護原有專案

全端團隊
PHP CodeigniterMySqlApache

PC 購物商城

全端個人
PHP Opencart

PHP 協助外包商串接 API

後端個人
SOAPPostman
2016/12

校園文化

全面淘汰 Flash

前端個人
HTML5 + CSS3FabricJS

APP 資訊站

後端個人
CoronaSDKLua

Web DM 網站

後端個人
HTML5 + CSS3

PC 考題系統

全端個人
HTML5 + CSS3ECharts

PC 校園教材系統

全端個人
PHP CodeigniterMySqlHTML5 + CSS3
2019/01

遊戲大麥/萌萌噠

PHP 聚合式金流串接

後端個人
GitlabSourceTreeNginxNgrok

H5 資訊站

全端個人
Vue2VuexVue-Routerless

H5 論壇

前端團隊
Webpack4Vue-Cli

H5 包網

前端團隊
ReactHooksThunkSAGAAnt DesignSass

Web 公司官方網站

前端個人
React

Socket.IO 直播聊天微服務

後端個人
PM2NodeSocket.IORedis

H5 包網重構

前端個人
Vue3TypescriptPiniaTailwindCSSJest

APP 自動化編譯工具

全端個人
ViteMongoDBJenkinsTelegram BotGradleXcode
2022/06

順鴻科技

PC 包網

前端團隊
Vue 2.7Puppeteer

H5 聊天管理系統

前端個人
Vue 3Stomp
2023/04

云桐科技

PC 維護越南資訊站

前端團隊
Next 10

APP 維護內嵌網頁

前端團隊
Next 13 Pages

APP 維護資訊站

前端團隊
React Native

H5 維護直播

前端團隊
Next 13 Pages

H5 直播 v2

前端團隊
Next 14 App Directory
Now

在職中

程式碼風格

快速了解我寫程式時的習慣

/**

* @desc獲取密碼強度

* @param {string} password驗證密碼等級

* @return {number}0=無, 1=弱, 2=中, >=3=強

*/

getPasswordStrength(password:):{

長度不足

strength0

(!password || password.8){strength0

strength

}

包含數字

(/[0-9]/.(password)){strength1

strength1

}

包含小寫英文

(/[a-z]/.(password)){strength1

strength1

}

包含大寫英文

(/[A-Z]/.(password)){strength1

strength1

}

包含特殊符號

(/[^\w0-9]/.(password)){strength1

strength1

}

strength

簡潔寫法

[/[0-9]//[a-z]//[A-Z]//[^\w0-9]/].(reg => reg.(password)).

}

感謝收看