面试三(下)

Posted on 2017-04-22 22:45  NaN~  阅读(105)  评论(0编辑  收藏  举报

需求: 实现页面布局 , 实现点击显示对应的盒子的具体信息

分析:1. 利用bootstrap,实现导航栏的效果,修改bootstrap原生的样式

   2. 利用bootstrap的删栏布局实现页面的布局

   3. 利用jq实现点击小盒子显示集体信息的功能

   4. 利用ajax配合scroll实现滚动加载

难点:1.dom和jq中api的混合使用会导致方法的混淆,所以要多看文档,查文档,了解常用方法的jq实现以及dom实现

   2. ajax滚动加载通过添加类作为‘滚动加载’与‘正在加载’的flag

   3. 详细信息的展示通过获取点击元素中的图片以及文字,渲染到详情页面中

   4. 删栏布局中盒子是紧贴的所以用盒子套盒子来实现中间的空隙,给子盒子设置80%的宽度

 面试三终于写完了,还有好多要学习的地方,加油吧!!!