基本信息

案例ID:242411

技术顾问:Zero - 10年经验 - 上海联蔚科技有限公司

联系沟通

微信扫码,建群沟通

项目名称:电商购物商城

所属行业:电子商务 - B2C

->查看更多案例

案例介绍

1.原生 JavaScript 代码编写,把每一个模块都进行了细化,并使结构、样式和行
为进行了分离
2.数据交互:采用 jsonp 跨域链接到原网站的搜索接口,利用 iframe 创建一个内
联框架,由于无法得到后台的数据无法使用 Ajax 进行获取,故而把所有经常需要
变更的数据单独存放到 data.js 文件里,然后再模拟从后端拿到数据进行动态渲染
到页面,方便维护与升级。
3、效果实现:图片遮罩效果、轮播无缝滚动、模拟进度条、闪购倒计时呈现、固
定导航栏点击匹配到相应楼层。
4、性能优化:延迟加载
5、封装了轮播图效果组件,实现鼠标点击、移入、或者自动播放的效果;封装了
遮罩效果、实现鼠标移入即可出现透明变化、封装了 class 类使原生 JS 可以通过
class 类对元素进行操作在 IE 下同样兼容。

相似案例推荐

其他人才的相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服