百利达官网(www.100lida.com)全栈开发
项目简介:
该项目是百利达公司的企业官网,主要是做led灯的,该项目是一个英文网站,服务器在美国,主要供国外的客户浏览的。网站包括首页、案例列表页、案例详情页、产品列表页、产品详情页、新闻列表页、新闻详情页、公司简介和联系我们等9个页面。本系统是使用的是cms系统配合Bootstrap框架进行开发的,同时兼容手机、平板、笔记本、PC等多端浏览。
个人职责:
主要负责开发该项目中的前端页面,响应式开发,后台模版的修改等。
1. 页面中用到了比较前沿的HTML5和CSS3技术,通过Html5新技术里的语义化标签来写入页面中的dom元素,使页面的代码更加具有可读性,再通过CSS3新技术对页面进行美化,比如页面中的圆角,给部分元素添加transition的过渡效果以达成动画特效。
2. 轮播图,使用Swiper2.7.6版本,做到同时兼容多端浏览,也兼容了多浏览器浏览。
3. 数据渲染,通过cms系统的Block模块,在后台存入需要显示的数据,再在页面中通过block标签,通过这种模式,将数据逐个在页面中渲染出来