Profile 03 00@2x

陳羽荻

畢業於國防大學理工學院  動力系統工程學系,28歲

我是一名充滿活力、有熱情、喜歡挑戰及學習新技術的前端工程師。

於前公司製作公司官網、使用VUE框架維護公司專案,並於後台新增用戶要求的功能,作品集使用VUE框架完成了電商購物車作品(畫面獨立刻畫、功能包含:註冊新用戶及用戶詳細資訊、會員登入登出、將商品加入購物車、超商/信用卡購物、購物總計花費、購買歷史紀錄、評論篩選、店家搜尋功能)!

能順利達成工作要求目標替公司完成客戶需求,工作期間遇到問題會主動提出與同事進行有效率的討論,共同分析窒礙問題並解決。

不斷嘗試及學習新知識讓我每天都思想活躍且充實。


座右銘:鍥而不捨地去實現夢想,因為那是自己為自己畫的藍圖!

目前職稱
Front-End Developer • Taipei,TW 
[email protected]

技能


HTML/CSS

HTML5 / CSS3
Bootstrap
Sass / SCSS
RWD
Element-UI


JavaScript | Vue.js 

JavaScript (ES6)

jQuery 

Ajax / Axios 串接API 

Vue.js 

Vuex 

Vue-Router 

Vue CLI 


Others 

Git/Github
Chrome Dev Tool
使用Sourcetree 工具
Webpack 

經歷

前端工程師:(2020/6- 2021/2)

  • 製作公司官網
  • 負責公司手機端產品維護及問題排除
  • 負責公司後台維護及客戶需求功能添加(多功能聊天室、禁言功能、時段上線/登入人數統計顯示)
  • 與後端API串接、產品需求畫面刻畫

全職自學前端工程:(2019/8- 2020/6)

  • HTML、CSS 網頁版型
  • 網頁動畫效果點綴網頁樣式
  • 使用Ajax 與後端合作串接資料
  • Vue.js前端框架


平面設計師:(2018/6~2019/7)

  • 依顧客需求設計包裝紙盒和DM給客戶挑選
  • 擅長CorelDRAW:圖形設計、插畫
  • Adobe Illustrator
  • Adobe Photoshop


中尉軍官:(2014/6 ~ 2017/12)

  • 資訊業務承辦人
  • 人事調動及年終考績業務承辦人
  • 管理單位人員勤務訓練排長



使用技巧

  • 搭建項目整體介面結構

  1. vue-router的理解和應用(router-view/router-link/keep-alive)
  2. 項目路由拆分
  3. 底部導航組件
  4. 底部導航路由組件

  • 抽取組件

  1. 頭部組件
  2. 商家列表組件

  • 前後台交互

  1. ajax請求庫:axios
  2. ajax請求函數封裝:axios+promise


  • 異步顯示數據效果

  1. vuex:開始顯示初始值,後續獲得數據後更新畫面

  • 動態展現列表數據

  1. 創回調函數,當異步執行完後執行回調函數
  2. 使用$nextTick()等更新顯示後再創建better-scroll實例

  • 將新屬性也有數據綁定

  1. 使用Vue.set(obj,'新屬性',value)

  • 其他

  1. 路由組件懶加載(不用開始全部生成)
  2. 圖片懶加載(使用vue-lazyload插件)

凌通國際官網:

(RWD製作適用不同裝置)

http://www.lt-intnl.com/

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x
Powered by CakeResumePowered by CakeResume