WoodyMusic一款基于github的播放音乐的webApp 技术实现:html5、css、jQuery、Ajax 项目细节:
- 使用Flex弹性盒模型完成页面的整体布局;
- 采用模块化**划分各个功能模块,区分出共享模块和独立模块,页面结构分离,降低各个页面之间的耦合;
- 对于页面的字体适配采用vw相对视口单位,解决不同设备显示文字大小的问题;
- 难点一:编写底层的路由模块函数以及url地址分析提取模块函数,实现单页面间的数据通信;
- 难点二:对于流量的控制和二次加载的问题,采用H5里面localstorage缓存机制将每次渲染的信息存起来,刷新时再供调用;
- 难点三:采用Ajax异步请求数据的方式,动态获取api数据、加载数据并解析数据,渲染到页面;