# 项目案例

安全考虑，所有列出的关于公司的项目不提供源码。

# React Redux 学习案例 TodoList DEMO

用于学习 React Redux 和 开发本站得公益 TodoList, 使用了 LocalStorage 本地存储, 欢迎大家添加书签在日常生活和工作中使用它。

# HTML-To-PDF DEMO

前端实现高清PDF报告导出.

# 一个 React 后端管理项目 DEMO DEMO

做了两年 VUE 项目，终于有机会做一个 React 项目，自己搭建 webpack 自动化工具，TypeScript + PropTypes 类型检查，React Hooks 状态管理。

# 辅仁成长中心-微信小程序端 DEMO

提供给学生家长使用，方便完善用户信息，查阅下载子女心理报告，跟踪学生心理健康发展。原生微信小程序语言，Echarts（微信版）绘制数据图表。

# 宽窄心理管理云 DEMO

使用性能更好的Vue框架对旧平台进行技术升级重构，平台主要功能包括教师人员管理系统，学生人员管理系统，新增学生排课系统，教学产品信息管理系统，更好交互设计，更便捷的业务操作逻辑，更好的用户体验。公网：http://zxs.kuanzhai.com.cn/#/login

# 宽窄心理测评云 DEMO

面向中小学学生的心理健康评测网站，学生通过完成不同类型的答题问卷，获得一份由权威专家给出的心理健康评测报告。前后端分离，基于 Vue + ElementUI 开发，webpack 自动化构建。独立完成项目，使用 rem + CSS 媒体查询（Media Query）构建响应式布局网站。公网：http://ceping.kuanzhai.com.cn/#/login

# 斯柯达汽车品牌手册官网 DEMO

斯柯达汽车品牌官网，主要用于销售培训，品牌介绍等业务。使用 jq、iScroll 等前端类库进行响应式页面开发，使用 html5shiv，Selectivizr，Respond 等让 IE6~8 支持 H5 特性。

# ThreeJS 3D 模型动画 DEMO

3D-Demo ，3D模型， TweenMax动画， 光效阴影 ，鼠标控制 ，设备传感器控制，材质贴图

# Flex 快速可视化学习手册 DEMO

将 CSS Flex 各属性做成可配置项，实时查看不同属性对页面的布局效果

# 视频短片制作搞笑动图(CSS Blend、渐进式JPG对比基本JPG) DEMO

上传或者或者使用我们为你挑选好的视频短篇，添加自定义字幕，制作搞笑 GIF 动图。

# **用户管理中心 DEMO

**用户管理中心, 用户和子用户体系，树形结构公司组织架构，颗粒度用户权限分配。

技术架构：Vue + ant-design-vue, mockJS 模拟数据接口，Vuex管理用户和站点数据状态，独立开发。

# **数据可视化项目 DEMO

**数据可视化项目, 大量使用 Echarts 图标库，多个自己封装的图表组件，多种屏幕适配模式。

技术架构：Vue + ant-design-vue, mockJS 模拟数据接口，Vuex管理用户和站点数据状态，独立开发。