jQuery实现简易音乐播放器

最新推荐文章于 2022-08-16 16:27:29 发布

ray_zzzzz

最新推荐文章于 2022-08-16 16:27:29 发布

阅读量679

点赞数

分类专栏：前端 ajax 文章标签： ajax jquery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/Xyouzi/article/details/104226568

版权

前端同时被 2 个专栏收录

6 篇文章

订阅专栏

4 篇文章

订阅专栏

作者学习使用jq库后，成功将一个包含音乐文件及通过Ajax渲染歌曲信息的小型音乐项目部署到GitHub上。项目较大，包含了音乐文件，歌曲信息由Ajax动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

了解了github后，就试着把用jq学着做的小项目部署了上去，文件比较大因为有音乐文件，歌曲信息都是ajax渲染的
github地址：https://github.com/xyouzi/youziMusic

博客等级

码龄5年

53
原创

98
点赞

254
收藏

55
粉丝

关注

私信

热门文章

分类专栏

设计模式 1篇
springboot 12篇
java 20篇
docker 2篇
nginx 3篇
nacos 1篇
前端 6篇
linux 2篇
分布式 1篇
javascript 4篇
uniapp 2篇
websocket 2篇
idea 1篇
vue 2篇
ajax 4篇
nodejs 4篇

最新评论

uniapp实现简单的锚点定位
钱厚端: 如果是滑动屏幕到锚点，而不是点击滚动到锚点。可以看看https://uview-plus.jiangruyi.com/components/indexList.html 的源码
uniapp实现简单的锚点定位
钱厚端: [code=html] <template> <view class="flex" style="width: 100%;"> <scroll-view :scroll-into-view="viewId" scroll-y scroll-with-animation style="height: 100vh;"> <view :id="item" class="text-xxl" v-for="item in list" style="height: 150px;">{{ item.toUpperCase() }}</view> </scroll-view> <view class="bg-grey radius padding-xs margin-top text-center to-view"> <view :data-id="item" v-for="item in list" @tap="toView">{{ item }}</view> </view> </view> </template> <script setup lang="ts"> import { ref } from 'vue'; const list = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' ]; const viewId = ref(''); function toView(event) { console.log(event) viewId.value = event.currentTarget.dataset.id; setTimeout(() => { viewId.value = ''; }) } </script> <style lang="scss"> .to-view { position: fixed; right: 10rpx; } </style> [/code]
uniapp实现简单的锚点定位
钱厚端: 点击滚动到X位置了，滑动屏幕到A，再点击X没用，没反应得在 this.toView = id; 之后还原toView值 [code=javascript] setTimeout(() => { this.toView = ''; }) [/code]
springboot自定义注解+aop+redis实现延时双删
弦梦弦人: 这里的name 起了什么作用？
springboot利用Spring的自动装配，策略模式提高系统接口扩展能力，
优快云-Ada助手: 不知道 Java 技能树是否可以帮到你：https://edu.youkuaiyun.com/skill/java?utm_source=AI_act_java

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。