Project Demos
放一些前端小项目或者demo
1.文件拖拽上传项目
查看：文件拖拽上传
功能特点:
-
拖拽上传文件、图片
-
原生JavaScript和CSS3编写
未来安排：
-
使用ES6重新组织
-
多文件上传
2.第二课堂
给团委开发的第二课堂项目，一个完整的SPA应用，后端使用PHP。
查看：第二课堂
3.社团文章精选
之前学习使用React的时候做的一个小项目，使用的Fetch获取后端数据，由于图片多，加载速度是个问题。后期考虑使用占位符优化用户体验
查看：有思精选
4.校车时刻表
一个使用React写的校车应用，重点在于CSS绘制三角形，以及时刻选择算法上。
查看： 校车时刻表
CSS绘制有坑： 关于CSS绘制图形的分辨率问题 #1
5.page transition
使用的ReactTransition + Animate.css开发的页面切换动画。
查看: PageTransition
PageTransition项目结构中
index.html是github上用于展示静态页面的入口页，引用打包好的文件，作demo展示。资源引用有一点问题，因为本项目是使用了server side rendering技术，而github只支持静态文件，要想查看完整原理，请clone本仓库，本地运行。index.html与本项目无关。