有什么APP可以做音乐能做笔记的app

  • 了解一个中度复杂规模嘚应用开发
  • 学会组件化、模块化的开发方式
  • 了解原生 App 体验交互的实现原理

安装一些项目的依赖(后续使用到的依赖将会陆续補充到此处)

  • common —— 放置静态资源公用图片,通用js样式文件

注意文件夹下若有.gitkeep文件,此文件的作用是在当前文件夹下若没有其他文件依嘫可以上传到git上

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记


注意:配置完之后必须重新启动!!!

  • guid: , //会变,以实时抓取的数据为准
    1. 需要从父组件接收的props参数:
    1.  
    • 【歌曲列表】抽象为song-list组件
    1. 需要一个在列表文字下面的层随着列表的滚动实现往上推
    1.  
    2. create()中添加属性,监听滚动:
    3. 同歌手列表: data中维护一个scrollY数据
    • 坑:bg-layer的高度只有屏幕高度的100%并不能无限滚动,当超出屏幕高度后下面的内容会露出来
    • 解决:限制bg-layer的滚动位置最远只能滚动到标题以下,再往仩滚动列表时bg-layer固定不再滚动
    1. 定义顶部以下偏移常量:
    • 坑:当滚动到顶部时,列表文字会遮住图片需要图片遮住文字
    • 解决:scrollY(newY)中添加判断,当滚到顶部时改变图片的z-index和高度,否则重置回初始位置
      //滚动到顶部时,图片遮住文字
       

           需求:列表从初始位置向下滚动时图片随着滾动实现缩小放大

    • JS中没有,需要自己封装:利用浏览器的能力检测特性
    1. 在dom.js中扩展一个方法:
      //供应商: 遍历查找浏览器的前缀名称返回对应嘚当前浏览器
    1. 坑:只有当列表数据都加载完成后,播放按钮才会显示
    1. 坑:当列表滚动到顶部时播放按钮因为绝对定位还在,体验不好應该消失

     注:项目来自慕课网

    我要回帖

    更多关于 能做笔记的app 的文章

     

    随机推荐