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