欢迎访问我的作品集

展示了我参与的项目及个人作品等。具体细节请移步我的Github仓库

  • 练习Demo 静态展示为主,该仓库里的内容大多独立,可以单独跑在jsFiddle或CodePen中

线上 / 运营项目




上线运营中,四川爱礼科技有限公司的主业务,打造最大最强的线上礼仪平台,利用大数据和互联网基础设施,研发具有时代气息的礼仪文化产品,提供专业、实际、轻松的礼仪教育资讯。
  • 语言:HTML/CSS/JavaScript
  • 框架:React/Redux
  • 框架:jQuery/Bootstrap/Antd
  • 环境:Node v6.11.0/npm 4
16年5月开始项目的核心建设,项目前端由jquery+bootstrap的整页构建,一直迭代到以React+Redux为核心的组件化开发,根据设计规范完成了aili-ui的UI库的开发



环球礼仪

环境参数

  • 语言 HTML CSS JavaScript Node.js
  • 框架 Think.js
  • 前端框架 React React-router Redux jQuery
  • UI库 Bootstrap AntDesign
  • 打包工具 Webpack

技术栈格式大同小异,下面的就省略了直接说重点

环球礼仪 App

用到了主流的hybrid方案,列表、内容详情,活动等页面的webview页面及相关移动端适配方案

四川爱礼科技有限公司官网

上线运营中,四川爱礼科技有限公司官网,以展示为主。

技术栈 Vue2 + vue-router + vue-resource

官网正逢改版,之前是外包做的一个简单页,正好拿之前自学的vue练练手,vue-cli搭了环境自己写了个简单的express服务器就上线跑起了,获取专家信息用了vue-resource,v-for渲染数据快捷,不涉及过多数据交互就没用到Vuex。

其他实战项目

react-job-h5

React+Redux技术栈完成的一个实战项目。亮点:用到Websocket进行通信,可实时接收、发送数据。express搭建后台api接口,mongoDB进行数据持久化

vue-jd-finance

Vue + vue-router 相关技术栈完成的SPA实战项目。亮点:组件化思想,css module模块化,hotcss移动端响应式适配方案

vue-sell-app

Vue相关技术栈完成的SPA实战项目。亮点:better-scroll的运用,vue animation,响应式布局适配方案