1.PC、Mobile、APP 的前端输出工作,能够熟练运用 HTML5、CSS3、javaScript、jQuery、fullpage
实现包括响应式、APP、PC 端页面的动静态效果。
2、熟练运用 BootStrap 框架进行响应式页面布局及开发.
3、掌握 vue.js2.0 等当前热门框架进行移动端项目开发。
4、了解并能够运用 Ajax 和 axios 实现与后台之间的数据交互与配合。
5、了解并能够运用 node.js、mongoDB 实现管理系统的页面开发、对数据进行增删改查等数据
管理。
6、能够运用 PS 软件对图片进行修改。
7、页面兼容各主流浏览器,火狐、谷歌、360 浏览器等。
1.脸书 Install Games 平台 Quiz Jam
基于 FaceBook Install Games 平台的一款 H5 测试类小游戏,页面通过 H5 和 CS3 来实现,页面逻辑多使
用 JQ 实现,例如题目切换,计算测试结果等,功能需求通过阅读 FaceBook Install Games 平台文档 根
据需求来调用不同的 api,例如拉取好友头像、id、个性签名来实现自定义的分享,分享至 FaceBook
或者 Messenger,再或者是拉取好友一起来共同进行游戏。自定义分享运用到 H5 的 canvas 以及 Base64
转码的方式来实现了用户头像和测试结果的图片合成用以实现自定义化的分享。
2.音乐窝上线 APP
此 APP 是一款在线音乐教育与分享软件,通过这款 APP 可以使乐器爱好者, 轻轻松松就能学习一门
乐器, APP 的互动功能更是让用户能够方便的交流与学习,提升用户体验。 页面布局运用 rem 来适
应不同的移动设备,页面的轮播图使用的是 vue-awesome-swiper 插件,登录注册页面运用了 H5 的表
单验证,减少服务器的压力;页面的动态效果使用 CSS3 以及 Jquery 来实现,部分页面实现滚动加载,
是对滚动条监听异步加载数据,使用 axios 数据请求实现,页面之间的跳转通过 vue-router 配置了路由,
减少了 http 的请求数,提高项目性能。
3.小尼定制电商定制官网
此项目是一个电商网站, 其产品分类包括常用办公、 广告标识、礼品定制、 销售道具、 形象服饰、
营销物料等等, 其产品涉及的品种和类型能够满足用户的线上购物需求, 能够形成用户依赖。 页
面布局使用了 BootStrap 框架,大大提高了页面布局的速度和效果,页面的轮播图使用的是 JQ 实现,
首页的特效多使用 C3 的阴影、自定义动画实现,登录注册页面运用了 H5 的表单验证,验证条件部分
使用正则表达式,验证更加严谨。商品详情的页面中通过原生 JS 实现放大镜查看物品图片的效果,提
高用户体验。部分页面实现滚动加载,依然是对滚动条监听异步加载数据,使用 ajax 数据请求实现。
4.陕西馆 贡天下特产网、亚韩美容整形官方网站
常规的电商网站,页面的动态效果使用 Jquery 以及 css3 实现,页面的静态布局所使用的是原生 div+css
实现,动态效果多使用 Jquery 和插件实现(swiper,iconfont),使用 JS 实现包括基本的 tab 选项卡、
轮播图、倒计时等逻辑功能,页面适应当前主流浏览器。
5.PS 脚本插件和图片处理器开发
使用 js 实现 ps 脚本的开发,参考 ps6 官方文档使用相关的操作 api 实现速度线的效果。 图片处理器的
开发,是跟后台 python 配合,前端通过 canvas 和 axios 发送相关数据来返后处理后图片的路径并显示
在前端。其中使用到了 fabric.js 图片拖拽插件。 图片素材生成库的开发,是通过 canvas 相关 api,例
如描边、绘字、渐变、颜色,最后通过 base64 转码(image/png)来下载到本地,实现了一个可以自主输
入文字动态改变样式的素材库。 开发过程中通过 node.js 的 http-server 建立本地服务器进行代码的调
试,提高了工作的效率。