1.熟练掌握HTML+CSS及HTML5/CSS3新特性,善于利用DIV+CSS进行页面布局,熟悉W3C标准;
2.熟练掌握JavaScript开发,了解面向对象;
3.熟练使用jQuery操作DOM,简化原生JS的使用,实现快速开发;
4.熟练掌握ReactJS、Redux、VueJS等主流框架,熟练使用less进行前端开发;
5.熟练使用Ajax处理Json数据与后台进行交互;
6.能使用Bootstrap、Swiper、Slidr等主流框架、插件,快速进行PC端和移动端的UI构建;
7.能使用css3 ,Animate.css等技术来制作页面的动效和动图;
8.熟悉使用SVN,方便开发团队进行资源共享;同时熟悉用git进行版本处理;
9.了解移动端开发的适配及相关注意事项.
产品名称:面料销售小程序
项目描述:该项目主要实现了对面料的智能化管理,直观的展现面料的关键信息,能快速的获取到面料的指数参考、颜色选项、资质凭证、评论等的面料销售系统,可以选择面料类型,点击提交订单到选择面料颜色版块,类似淘宝的购物车;展示了价格、库存,这里可以选择颜色以及购买数量,当点击立即购买进入到订单详情页面;填写收货地址等信息就可以确定购买订单了,个人主页即会显示个人的购买信息。在面料详情页中可以编写评论以及回复评论操作。面料销售小程序可以让用户更能购买到心仪的面料。
项目职责:
1.负责图片展示、面料详情和订单详情所有板块的页面制作。
2. 使用Ajax读取后台数据,完成页面数据的读取 。
3. 编写功能代码,实现页面的动态效果。负责实现用户的下单、评论等功能。
技术要点:
使用div+css进行布局,用css3动画做动画效果,让页面视觉效果更好;
焦点轮播使用Swiper插件完成,可自动,循环播放;
引入jQuery库,简化使用原生JS的操作,实现页面特效,包含事件处理,分页加载数据等;
利用ajax实现后端交互,获取数据添加到页面上,展现给用户,数据交互采用JSON的形式;
使用微信小程序的previewImage预览图片、收货地址是通过addressProcess获取configData,以供WeixinJSBridge.invoke使用,最终res参数中含有地址信息,可以应用于页面逻辑;
应用响应式布局进行主流移动端设备的适配。