项目案例

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

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管理用户和站点数据状态,独立开发。