需求: 实现页面布局 , 实现点击显示对应的盒子的具体信息
分析:1. 利用bootstrap,实现导航栏的效果,修改bootstrap原生的样式
2. 利用bootstrap的删栏布局实现页面的布局
3. 利用jq实现点击小盒子显示集体信息的功能
4. 利用ajax配合scroll实现滚动加载
难点:1.dom和jq中api的混合使用会导致方法的混淆,所以要多看文档,查文档,了解常用方法的jq实现以及dom实现
2. ajax滚动加载通过添加类作为‘滚动加载’与‘正在加载’的flag
3. 详细信息的展示通过获取点击元素中的图片以及文字,渲染到详情页面中
4. 删栏布局中盒子是紧贴的所以用盒子套盒子来实现中间的空隙,给子盒子设置80%的宽度
面试三终于写完了,还有好多要学习的地方,加油吧!!!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步