项目一
项目名称: 差旅天下
项目网址: http://www.tripg.com
项目介绍: 该项目是差旅天下的官网,采用 jQuery 和 bootstrap 作为主要框架。采用 bootstrap
的bootbox.js 插件,通过 ajax 请求,提交信息。
软件环境: Windows/HTML5/CSS3/JavaScript/jQuery/Bootstrap/VScode
硬件环境: PC
责任描述:
1.负责该项目的首页,新闻资讯,成功案列等的切图,完成页面的链接。
2.使用 css 改变页面样式以及页面的排版,利用 JavaScript 给页面添加动态效果。
3.采用 ajax 请求将用户登录信息进行验证,并返回结果。
项目二
项目名称: U 家工场
项目网址: http://www.u-workshop.com
项目介绍: 该项目是关于家装设计项目,主要有登录、注册以及一些关于家具销售以及家装设计等。
用户可以到网上选择购买家具,预约设计,预约装修等。
软件环境: Windows/HTML5/CSS3/JavaScript/jQuery/Bootstrap/VScode
硬件环境: PC/移动端
责任描述:
1.负责页面的布局及页面效果。通过 HTML5 和 Bootstrap 框架进行页面的静态布局,主要的界面交互的效果通过 jQuery 库来实现,页面的基本布局样式通过 Bootstrap 框架来具体实现。
2.负责与后台的数据交互。通过 jQuery 中的 Ajax 方法来实现向后台请求数据,然后渲染 到页面上,实现与后台接口的对接以及数据的获取。
3.负责页面的后期维护和优化。在完成项目后,有可能会出现一些 bug,通过自己的经验以及团队的协助,完成对 bug 的修复,以及后期的维护和优化等工作。
项目三
项目名称: 雅利安洗车
项目网址: http://www.djfxcj.com
项目介绍: 这是一款专门从事线上下单洗车服务。项目中使用了 Ionic 框架,完成了移动设备的适配。
软件环境: Windows/jQuery/Javascript/CSS3/Ionic/NodeJS/VScode
硬件环境: PC/移动端
责任描述:
1.负责项目的 App 开发的需求分析,项目计划安排。
2.使用 HTML+CSS3+Ionic 进行对页面的的布局规划,以及部分切图,到最后样式的美化并在当中遇到的一些小问题,使其及时解决。
3.在框架的搭建中,使用了 ion-tabs 和 ui-router 实现了应用的 Tab 选项卡效果,使用 ion-slide-menu 实现了侧滑菜单等。
4.解决开发中遇到的各种问题 , 以及对页面的进行后期的测试与维护, 减少页面的一些 bug 问题,优化页面,合理布局页面。
项目四
项目名称: 游侠客摄影网站
项目地址: http://www.youxiake.net
项目介绍: 为了分享,交流而制作的这个摄影网站为广大的摄影爱好者或普通群众提供了一个良好的平台,在这里你可以欣赏到各类高清媒体资源如高清照片、高清视频、表情包、图标之类。它们由 vue 框架搭建,单文件组件排版布局,css 美化修饰,vue-router 路由链接,形成一个优雅唯美的媒体资源网站。
软件环境: Windows/HTML5/CSS3/Javascript/jQuery/vue.js/webpack/VScode
硬件环境: PC/移动端
责任描述:
1.主要负责单文件组件的编写,其中包括对数据的排版,css 样式的调试,父子组件之间的数据传递,子组件之间的数据传递,其中难点是 css 布局和 vue-router 路由,因为用到了很多小巧的动画效果,如把鼠标放到图片上,图片会有些缩进的效果,有些图片会从左上角缓慢显示一些文字信息;路由方面,页面比较多,跳转的方式也有所不同,比如动态路由,命名路由,路由嵌套等,所以显得有些复杂。
2.解决方法是使用了动画和媒体查询,图片的 hover 事件加上动画名,让文字的显示和隐藏有动画的效果;图片的缩进可以用图片的 hover 事件加上 scale 方法和 opacity 属性,鼠标放上去就会有一种立体的感觉;页面的跳转则遵循 vue 路由的跳转规则,如图片到详情页的跳转使用的是动态路由传递 id 的方式进行跳转。
3.此外这个项目还多处用到了媒体查询,可以适配不同宽度的设备,在移动设配上也能得到很好的适应。
4.还有一点就是数据的获取,需要跟后端交涉,根据后端给出的接口获取数据。