尚硅谷Java培训

项目实战:谷粒音乐

视频介绍

谷粒音乐是使用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头部遮罩js
  • 35.音悦tai可拖拽导航布局
  • 36.音悦tai可拖拽导航-橡皮筋js
  • 37.复习
  • 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打包