HTML 95%
CSS 93%
JavaScript 86%
Node.js 60%
Vue.js 85%
React 65%

莊子說過:“水之積也不厚,則其負大舟也無力。”作為一名前端開發工程師,我對前端的基礎知識 HTMLCSSJavaScript 駕輕就熟,清楚整個網站開發流程。

剛畢業的那一兩年,我從事網頁設計工作,用AI和Photoshop把需求展現在效果圖之上。

從2013年開始,我便專註於前端領域,經過多年的工作與學習,讓我在 jQueryBootstrapNode.jsD3.jsSnap.svgPHP 等技術點都有涉略。我偏向於 git 工具控制項目版本,我習慣於開源免費的 Atom 現代編輯器。此外我每天都用 firebug 來調試網頁,RESTClient、ESlint、Fiddler這些好工具有時真幫了我大忙。下班回到家,我就在個人電腦玩轉Ubuntu系統,對Linux常用命令、終端 VIM 不會感到陌生。

這幾年前端發展很快,在最近的一年時間裏,我著重學習和運用 Vue.jsReact 框架,結合 webpack 熱開發,打包發佈,使用 gulp 構建自動化工作流。

我註重細節,擁有優雅的編程風格 ...

代碼就是財富。代碼是寫給人看的,為方便其他同事閱讀、維護,我在開發過程中,除了編寫註釋之外,通常牢記簡單的兩點:

  • 縮進 -- 兩個空格
  • 命名 -- class使用減號(select-all-btn),js變量使用駝峰(eleSelectAllBtn)

... 以及敏捷的邏輯思維

自小我就喜歡下象棋,在獲得快樂的同時,也讓我的思維能力得到鍛煉。我數學一向不錯,曾經還得過不少競賽獎,不知是否與我對象棋的愛好有關呢?總之,我在 天天象棋 等妳。

W22728718
殘局 七星聚會
殘局 千裏獨行
殘局 蚯蚓降龍
e換電

Immotor(易馬達)中國

2017-08 to 2018-08

  • 1. 使用vuejs編寫了代理商平臺應用。
  • 2. 使用jquery,bootstrap編寫了運營後臺管理系統,前後端分離的開發模式。
  • 3. 制作程程單車活動頁,運用gulp工具打包發布,主要在手機移動端傳播。
  • 4. 編寫谷歌瀏覽器擴展,增強百度頁面功能。
魅族科技大樓

珠海魅族科技

2013-02 to 2016-01

  • 1. 開發用戶反饋項目。
  • 2. 開發flowchart流程管理系統。
  • 3. 開發nuclear報表管理系統,使用百度echarts實現統計數據的可視化。
  • 4. redmine二次開發及維護。
  • 5. 瓷磚導購個人業務系統,拼圖遊戲的編寫。

6年前端開發之路

佛山毅豐

佛山市毅豐電器實業有限公司

2011-09 to 2012-09

  • 1. 維護公司官方網站。
  • 2. 佛山在線改版工作。
  • 3. 追蹤並敦促同事們的工作,協助經理開發新項目。
  • 4. 任職期間設計制作了不少於50個網頁前臺頁面。

some projects

  • 代理商管理後臺

    易馬達業務迅速擴展,為其代理商提供一個管理工具。最初1.0.0版本前端用了13個工作日的開發周期,其中運用到vuejs,elementUI技術。

  • 俄羅斯方塊

    沒有嘗試自己寫過一個遊戲,算不上熱愛編程。還記得小時候我們一班農村孩子排排坐,拿著小遊戲機就是為這俄羅斯方塊著迷。

    該項目是一個業余項目,主要是在canvas上繪圖,還涉及一些PHP,MySQL知識,用來保存遊戲分數,統計pv之類。

  • 單機五子棋

    思路是很清晰的,用面向對象(OOP)的寫法。雖然是純原生,但運用了ES6的類,還借鑒了react由數據模型生成視圖的思想。

  • 九空格

    把1~-9填入九宮格內,使橫豎斜三個數的和等於15. 通過最常見的枚舉法得到答案。

  • 備忘錄

    用React編寫的單頁app備忘錄。使用localStorage存儲數據,我在我的工作電腦上日日運行它。

  • swiper lite

    強大的swiper大家可能都聽說過,但我寫的是最簡版的。僅支持手機,不依賴任何庫,純原生,代碼小。此外啟用硬件加速,很流暢。

  • 七巧

    不知為啥,我就對七巧板情有獨鐘。使用CSS3,妳可以擺出很多有意思的圖案。

  • gulp-cht

    gulp plugin: change Simplified Chinese to Traditional Chinese.

  • xposed後臺

    一個後臺界面優化的案例,我接手時已有雛形,經過我的設計及重構優化,經理表示很喜歡。

  • rom下載站

    rom資源的下載站,同時包含有刷機教程。

  • chrome擴展:baiduCAl

    谷歌瀏覽器絕對是最有前途的桌面瀏覽器。百度則是國內訪問量最高的網站之一。很遺憾,我沒有發現一個鍵盤快捷鍵能將焦點定位到百度搜索框去,於是我寫了一個chrome擴展。

  • Flexigrid貢獻代碼

    Flexigrid是一個表格插件。但是它有缺點--鼠標拖拽列時會選中表格的數據,最終以反色顯示。我修改了作者插件源碼並申請pull request.

  • 玩客

    一個興趣愛好社區。

  • 自動下註

    早年工作時公司承接的博應用軟件宣傳頁。

  • 券多多

    領券的h5活動頁,主要通過微信傳播。

圖片加載失敗

優化前

圖片加載失敗

優化後

圖片加載失敗
圖片加載失敗
圖片加載失敗
圖片加載失敗
圖片加載失敗
圖片加載失敗
圖片加載失敗
圖片加載失敗