格美家具网站项目总结

在这次 927-1013 格美网站项目中：

1、html结构、cass类的用法、基础不够扎实，还需要多看 bootstrap 文档、swiper文档！
2、不够细心，检查时有漏掉的地方! 还需要仔仔细细的。

网站项目遇到的问题：

1、在Swiper文档中用到的【缩略图控制 / Swiper互相控制(300)】，遇到了一些问题，其310是有bug存在的，在项目中耗了些时间。

2、bootstrap 的栅格系统嵌套得过多，尽量要简洁结构。

3、pc端与手机端的兼容性也是个重点。虽然bootstrap的栅格系统已经处理得很好，但在细节上还是可以处理得更好些。

4、用 jq 做按钮返回顶部，用js写距离控制导航栏的显隐。地址：js控制元素的显示/隐藏

5、项目中用到AOS插件，用来控制元素在鼠标滚轮时的滑动效果，挺好用的。但最好是用js控制，地址：AOS插件

aos.init({disable: 'mobile',easing: 'ease-out-back',   // 动画的过度效果initClassName: 'aos-init', // class applied after initializationanimatedClassName: 'aos-animate', // class applied on animationdelay: 1300,  //延时时间，毫秒计算once: false,mirror: false,
});<h2 class="font-wg font-yellow" data-aos="fade-left" data-aos-duration="700">材质 · 分类</h2>
<img src="/assets/img/gemei/icon-rock-hd02.png" class="img"data-aos="fade-right" data-aos-duration="600" data-aos-delay="500" >

6、class的命名方式要更加严谨，可参考站酷的命名方式；

7、通过jq控制添加类名的方法进行样式改变；地址：jq两栏切换添加类名

swiper 300用法：

    var galleryTop = new Swiper('#g-swiper-news .gallery-top', {spaceBetween: 10,  //间距});var galleryThumbs = new Swiper('#g-swiper-news .gallery-thumbs', {spaceBetween: 0,centeredSlides: true,slidesPerView: 2,  //几栏显示，文档里有一个在手机屏时显示几栏的方法touchRatio: 0.2,slideToClickedSlide: true});/* 与文档的不同点 */galleryTop.params.control = galleryThumbs;galleryThumbs.params.control = galleryTop;

网站地址：格美家具网站

格美家具网站项目总结相关推荐

java家具网站需求分析_基于jsp的家具销售-JavaEE实现家具销售 - java项目源码
基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的家具销售, 该项目可用各类java课程设计大作业中, 家具销售的系统架构分为前后台两部分, 最终实现在线上进行家具 ...
【HTML】HTML作业设计---家具网站设计与开发
1.引言数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信公众号"coding加油站"中全部会得到解决 2. ...
python美多商城项目百度网盘_美多商城项目(七)
正文共: 7620字 4图预计阅读时间: 20分钟每日分享 If you can change your mind, you can change your life. 如果你愿意改变你的想法,你 ...
python美多商城项目百度网盘_美多商城项目(六)
正文共: 4850字 4图预计阅读时间: 13分钟每日分享 Never let success get to your head, and never let failure get to you ...
爬取唯美女生网站上所有小姐姐的照片
爬取唯美女生网站前几天刚好看到有人在教学爬取唯美女生网站(https://www.vmgirls.com)的图片,大致听了一下,只是介绍了一次爬取某一个小姐姐的照片,因此就尝试做一个爬取全站小姐姐照 ...
Springboot美妆网站的设计与实现毕业设计-附源码211539
摘要近年来,随着移动互联网的快速发展,电子商务越来越受到网民们的欢迎,电子商务对国家经济的发展也起着越来越重要的作用.简单的流程.便捷可靠的支付方式.快捷畅通的物流快递.安全的信息保护都使得电子商 ...
Springboot+美妆网站的设计与实现毕业设计-附源码211539
Springboot美妆网站的设计与实现摘要近年来,随着移动互联网的快速发展,电子商务越来越受到网民们的欢迎,电子商务对国家经济的发展也起着越来越重要的作用.简单的流程.便捷可靠的支付方式.快捷 ...
【美多商城项目01】了解主要需求和架构设计，创建配置工程
一.美多商城项目介绍 1.1 项目需求分析需求分析原因项目中,需求驱动开发,即开发人员需要以需求为目标来实现业务逻辑. 需求分析方式企业中,借助产品原型图分析需求. 需求分析完后,前端按照产品原 ...
奢侈品网站项目策划方案——请诸位同仁点评。
奢侈品网站项目策划方案一. 市场分析中国奢侈品消费市场的快速增长,极大地刺激着全球奢侈品公司的扩张欲望, 世界公认的顶级奢侈品品牌中已有超过八成进驻中国市场.据<2010胡润财富报告 ...

格美家具网站项目总结

在这次 927-1013 格美网站项目中：

网站项目遇到的问题：

swiper 300用法：

格美家具网站项目总结相关推荐

最新文章

热门文章