elema:仿饿了么手机APP,进行移动端项目设计。
FlappyBird:一款名为Flappy Bird(扑扇的小鸟)的游戏项目设计。
jqueryPlugin:自定义jQuery插件,包含:轮播图、当前时间,倒计时等功能。
myUtil:封装一些常用的组件,包含:获取元素、domready、动画封装、事件处理、模态对话框等组件。
nowcoder:仿PC端牛客网首页设计。
youxuan:仿手机端优选APP,进行移动端设计。
1. 使用 vue.js + webpack + es6 等技术;
2. 使用vue cli 脚手架进行代码的开发;
3. 采用组件化,模块化的开发方式,实现移动端的设计;
4. 使用css预处理语言sass进行css代码的开发;
5. 使用flex弹性布局;
6. 使用ESLint工具,进行代码风险检查;
7. 实现自动化打包工具进行编译打包。1. 使用 原生js + canvas 等技术;
2. 游戏采用中介者模式,进行代码的开发;
3. 游戏采用ajax技术,从后台获取数据;
4. 游戏通过面向对象的方法,编译各个不同类的实例;
5. 游戏采用响应式布局,完美适应不同的手机屏幕尺寸;
6. 使用自动化打包工具gulp进行编译打包。# slide插件
1. 自定义jQuery插件,实现轮播图特效;
2. 采用响应式布局,用户可以自定义轮播图大小;
3. 用户可以自定义图片数量,是否需要左右轮播按钮,以及下方小圆点按钮;
4. 用户可以自定义轮播的间隔时间,以及滑动方式。
# time插件
1. 自定义jQuery插件,显示当前时间;
2. 采用响应式布局,用户可以自定义文字大小,所占空间大小;
3. 用户可以自定义时间格式,是否显示周末。
# countdown插件
1. 自定义jQuery插件,实现倒计时特效;
2. 采用响应式布局,用户可以自定义空间大小;
3. 用户可以自定义倒计时结束时间。# getEle组件
1. 封装用于获取元素的组件,包括:通过ClassName获取,通过tagName获取,通过id获取;
2. 兼容各个浏览器(IE5以上)。
# domready组件
1. 用于在dom加载完毕后,即执行代码;
2. 兼容各个浏览器(IE5以上)。
# startMove组件
1. 封装元素的动画效果的组件;
2. 支持多个动画同时进行;
3. 支持链式运动,既一个动画执行完毕后,再开启下一个动画;
4. 解决带有边框或者内边距的物体运动问题;
5. 支持缓冲运动。
# eventUtil组件
1. 用于DOM2级事件处理,包括:事件监听,阻止冒泡,阻止默认行为等;
2. 兼容各个浏览器(IE5以上)。
# Dialog组件
1. 封装用于创建对话框的组件;
2. 可以动态解析用户输入的信息。
# getPosition组件
封装用于获取元素相对于屏幕左边,屏幕上边的距离的组件;
# getPosition组件
封装用于获得字符串型的当前时间的组件;(例:2018年07月31日 星期二 21:41:24)
1. 纯原生js对PC端网页进行开发设计;
2. 实现一个定时器控制多个动画;
3. 采用ajax技术,从后台获取数据;
4. 使用css预处理语言sass进行css代码的开发;
5. 使用精灵图技术加载图片,节省了空间;
6. 实现了动态加载用户信息;
7. 实现回到顶部特效,以及点击定位动画;
8. 使用自动化打包工具gulp进行编译打包。1. 使用原生js,以及hotcss,zepto,swiper等框架,进行开发设计;
2. 使用rem布局,实现响应式页面;
3. 实现获取URL参数的方法,可以进行多页面的数据传输;
4. 使用css预处理语言sass进行css代码的开发;
5. 实现倒计时特效;
6. 使用自动化打包工具gulp进行编译打包。具体项目源码,请访问我的github。