1.精通 HTML5、CSS3,精通 DIV+CSS 布局的代码编写,熟悉 W3C 标准,能写出符合 W3C 标准的页面。了解各大浏览器之间的差异掌握新标准的写法规则,并能用于实践完成页面效果。
2.精通 DOM 操作,熟悉 DOM 的节点、方法、属性、元素以及事件,熟练使用 DOM 修改 HTML 的内容、样式以及事件的处理。
3.精通 JavaScript,能够使用原生 JavaScript 实现网页的需求和功能。掌握 JS 面向对象的编程思想,掌握原型及原型链的继承、this 的指向问题,擅长用面向对象的思想解决问题。
4.熟练使用 jQuery 等 JS 工具库,熟练使用 jQuery 选择器、事件方法、动画效果、AJAX 方法、遍历方法、杂项方法以及属性,能在项目中很好的实践运用,实现网页特效的编写和前后端交互。
5.熟练使用 Bootstrap 进行响应式开发,熟练使用 SUI 进行 WebApp 开发,并且对 MUI,jQueryUI等 UI 框架有一定的了解。
6.熟悉 Node.js,熟练使用 Express 框架以及其内部库和第三方中间件,熟练使用 artTemplate 进行模板化渲染。熟悉 MongoDB 数据库,能够结合 Express 实现简单后台服务器的编写。
7.熟练使用 RequireJS 实现异步加载 js 文件,提高页面渲染速度,改善性能。掌握模块化开发思想,熟悉 AMD 和 CMD 以及 CommonJS 标准之间的区别,熟练使用 npm 模块包管理器、熟练运用gulp、webpack 等自动化构建工具对项目代码进行优化。
8.熟悉前端三大框架,理解 MVC,MVP 和 MVVM 思想,熟练使用 Vue,拥有前后端分离的单页面项目的项目经验,熟练运用 vue+vue-router+axios+ElementUI 搭建项目,完成前端页面的效果。对 React、Angular 也有一定的研究以及使用经验。
9.熟悉 HTTP 协议,熟悉常见 HTTP 状态码,了解 GET 请求和 POST 请求的区别。
10.了解百度地图,高德地图,环信,友盟等第三方平台,能够根据第三方平台在项目中集成对应的功能。
11.熟练使用 Photoshop,Adobe Illustrato 等图像处理工具,熟练使用切图,抠图技能。
项目一
项目名称: 差旅天下
项目网址: 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.还有一点就是数据的获取,需要跟后端交涉,根据后端给出的接口获取数据。
角色 | 职位 |
负责人 | 高级前端开发工程师 |
队员 | 产品经理 |
队员 | UI设计师 |
队员 | iOS工程师 |
队员 | 安卓工程师 |
队员 | 前端工程师 |
队员 | 后端工程师 |