谷粒音乐是使用WEB技术(HTML、JavaScript、CSS)直接构建的移动端APP。本套视频深入移动端开发的重要部分。讲解了移动端的像素理论,视口理论。深入剖析了rem适配,viewport适配的原理。整个项目在css层面封装度也很高。使用了less等预处理器技术。对less的嵌套,继承,混合等进行了强有力的运用。对移动端常见的无缝滑屏,快速滑屏,橡皮筋效果,即点即停等效果实现了原生js的封装。可以说在整个课程中我们从无到有的搭建了一个移动端UI库。实战价值高。让学员完全摆脱UI实现层面的困扰。
视频目录 00.视频_源代码01.简介02.移动价值链03.像素理论04.像素理论05.视口理论06.如何获取三个视口的宽度07.用户放大&缩小08.系统放大&缩小09.三个注意点10.viewport的meta标签11.等比问题12.复习13.rem适配14.rem适配15.viewport适配16.一物理像素17.ie6最小高度问题18.移动端事件基础19.移动端事件基础20.移动端事件基础21.移动端常见问题22.移动端常见问题_复习23.无缝滑屏基本布局24.无缝滑屏基本逻辑25.定位版本26.2d版本27.css组件28.无缝组件版29.自动轮播的组件版30.复习31.音乐tai骨架搭建32.音乐tai头部布局33.音乐tai头部遮罩布局34.音悦tai头部遮罩js35.音悦tai可拖拽导航布局36.音悦tai可拖拽导航-橡皮筋js37.复习38.快速滑屏39.快速滑屏-橡皮筋40.优化手动滑屏橡皮筋41.解决橡皮筋间的冲突42.引入无缝滑屏&抽象可拖拽导航43.补充知识44.防抖动45.事件委托46.复习47.tap布局48.tap布局49.基本滑屏逻辑50.tap滑屏逻辑51.tap滑屏逻辑52.小绿的实现53.复习54.存值存址55.3d硬件加速56.重绘重排57.竖向滑屏58.竖向滑屏(即点即停)59.竖向滑屏(滚动条)60.竖向滑屏(滚动条)61.tai(滚动条)62.apk打包