医生信息展示 功能 1 点击“阅读”按钮可查看医生个人简介 2 点击“咨询”按钮可弹出咨询表单 3 上拉加载更多数据 4 可收藏和取消收藏医生 实现: 1 采用jq代替原生js 2 采用bootstrap实现各种样式 3 采用dropload-gh-pages插件实现上拉加载更多 具体实现: 1 ajax请求json文件夹中的doctor.json数据 2 将数据加载填满整个页面,并实现上拉刷新 3 隐藏咨询表单的模态框 4 为“阅读”按钮添加事件监听 5 为“收藏”添加事件监听 优点: 1 代码量少,代码简洁,开发速度快 2 响应式布局,在大屏幕出现全屏展示,小屏幕可水平滑动 3 移动端适配性好(用Chrome和微信开发者工具测试过移动端效果),并兼容PC端 缺点: 1 采用dropload-gh-pages插件,暂时没有找到先加载3个医生的方法, 只能先加载填满整个页面