以下展示了近十年来的部分项目,一部分是我的 side projects,一部分是公司的项目或自己工作室的项目。

早中期(IE6、IE7 年代)的项目,我偏重 UI 展示方面的开发,前端方面我基本只写 HTML、CSS 和一些 jQuery 特效。中后期的项目才开始正式学习、应用 JavaScript。


凑趣网 (Mobile & Wechat Official Account)

  • 项目地址: 凑趣网(建议移动设备访问)
  • 项目类别:SPA 移动应用
  • 项目时间:2017
  • 项目描述:
    • 公司项目,独立负责所有前端工作、产品设计、UI 设计
    • 前端:TypeScript, Vue (Vuex), SCSS, webpack
  • 作品预览:

凑趣网 (PC)

  • 项目地址: 凑趣网
  • 项目类别:传统电商类
  • 项目时间:2017
  • 项目描述:
    • 公司项目,独力负责所有前端工作,负责大部分产品设计,部分 UI 设计
    • IE8+
    • 前端:Backbone (underscore & jQuery), SCSS, webpack
  • 作品预览:

小琴迷

  • 项目地址: 小琴迷
  • 项目类别:SPA 单页应用
  • 项目时间:2016
  • 项目描述:
    • 个人爱好作品,全栈,从数据库、服务器、到前端所有工作均独力完成
    • 支持主流版本的 Safari (Mac/iOS) , Chrome, Firefox, Opera(Blink), IE10+(无测试)
    • 服务器:Node.js (Express) + Mongodb (Mongoose.js)
    • 前端:Vue 2.0 (Vuex), SCSS, webpack
  • 作品预览:

注:为了快速实现,使用了一些 CSS3、ES5、6 特性,未做兼容性处理。


安处

  • 项目地址: 安处
  • 项目类别:Hybrid
  • 项目时间:2016
  • 项目描述:
    • iOS、Android Hybrid 应用,我负责 webview 部分开发
    • 技术: Backbone, SCSS, gulp + browserify
  • 作品预览:

稀呱

  • 项目地址: 稀呱
  • 项目类别: Hybrid
  • 项目时间:2016
  • 项目描述:
    • iOS、Android Hybrid 应用,我负责 webview 部分开发
    • 技术: Backbone, SCSS, gulp + browserify
  • 作品预览:

快乐洋葱

  • 项目类别: PC端独立电商
  • 项目时间:2013
  • 项目描述:
    • 传统独立电商网站,我负责前端代码开发
    • 技术: HTML + CSS + Javascript 交互及动画
  • 作品预览:

酒店之家

  • 项目地址: 酒店之家
  • 项目类别: 在线OTA网站
  • 项目时间:2012
  • 项目描述:
    • 所在公司旗下酒店预订网,我负责产品设计、UI设计、交互设计、前端开发等工作
    • 前端: HTML + CSS
  • 作品预览:

128旅行网

  • 项目地址: 128旅行网
  • 项目类别: 在线OTA网站
  • 项目时间:2011
  • 项目描述:
    • 所在公司旗下酒店预订网,我负责产品设计、UI设计、交互设计、前台、后台管理系统的前端开发
    • 技术: 设计 + HTML + CSS
  • 作品预览:

口岸中旅

  • 项目类别: 在线旅行社
  • 项目描述:
    • 我们自己团队承接的网站开发项目,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

广告人

  • 项目地址: 广告人
  • 项目类别: 传统门户资讯站
  • 项目描述:
    • 我们团队为朋友开发的网站,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

腾飞广告

  • 项目类别: 传统企业网站
  • 项目描述:
    • 我们团队制作的网站,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

尚半年设计

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队的站点,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

派聚时货

  • 项目类别: PC端电商网站
  • 项目描述:
    • 我们团队承接的电商网站开发项目,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

揾宝

  • 项目类别: 电商网站
  • 项目描述:
    • 我们团队自己的产品,我配合产品设计、部分UI设计、交互设计,负责前端开发
    • 技术: 设计 + HTML + CSS + Javascript
  • 作品预览:

影视周边

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

EZIO

  • 项目地址: EZIO
  • 项目描述:
    • 我们合作伙伴的项目,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

酷爸爸

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我所做的工作是前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

U站客

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我所做的工作是前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

宅女爱家居

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的主力产品之一,我所做的工作是前端开发以及专题等制作
    • 前端: HTML + CSS + Javascript
  • 作品预览:

移动欢乐抽奖

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我所做的工作是前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

爱回家

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的主力产品之一,我所做的工作是前端开发,专题制作等
    • 前端: HTML + CSS + Javascript
  • 作品预览:

集促销程序

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己开发的建站程序,我所做的工作是前端开发、主题皮肤开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

淘加拍程序

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己开发的建站程序,我所做的工作是前端开发、主题皮肤开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

拍拍客官网

  • 项目类别: 传统网站
  • 项目描述:
    • 我们自己团队开发的建站程序,我所做的工作是前端开发、主题皮肤开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

科普大赛

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队承接的网站建设工作,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

passion

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队承接的网站建设工作,我负责前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

来推吧

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我所负责的工作是前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

基督教东山堂

  • 项目类别: 传统网站
  • 项目描述:
    • 帮基督教信徒朋友开发的站点,我所做的是前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

咕咕网

  • 项目类别: 传统网站
  • 项目描述:
    • 我们团队自己的产品,我所做的工作是UI、交互、前端开发
    • 前端: HTML + CSS + Javascript
  • 作品预览:

篇幅问题,更多案例未列举...