使用 aplayer 实现音乐播放器_new aplayer-爱代码爱编程
最近写毕设,想要实现一个音乐播放功能。大概样子如下面的图所示: 还有吸顶效果,吸顶在左下角: 下面来说一下实现过程。 一、安装 npm install aplayer --save yarn
代码编织梦想
最近写毕设,想要实现一个音乐播放功能。大概样子如下面的图所示: 还有吸顶效果,吸顶在左下角: 下面来说一下实现过程。 一、安装 npm install aplayer --save yarn
这篇博客和我的博客:原生 JS 实现打印机效果,一个字一个字出现,再一个字一个字消失,如此循环是实现的相同功能——打字机效果。即,一个字一个字出现,再一个字一个字消失,如此循环。如下图为大概样子: 我是在用原生js实
最近写毕业,想实现一下如下图所示的效果(这里以学弟个人博客里的为示例): 如上图所示,随机标签,字体颜色随机,字体大小随机。 下面贴一下我的实现代码。 <template></temp
最近写毕设时候,打算实现一个打印机效果放在首页,即,一个字一个字出现,再一个字一个字消失,如此循环。如下图为大概样子: 最初我是用原生js实现的。只不过感觉代码有点…冗余吧,但是功能是没问题的,亲测可用。下面粘贴一
这篇博客躺在我的草稿箱里有一阵子了,差点给遗忘了哈哈。 前言 最近开始喜欢读一些书,从书中找答案,在阅读中查漏补缺。 记得小学初中时候最爱看书了,如今却不知怎的,习惯性从网络中摄取知识,搜寻到的东西真真假假
说在前面 本文档只是对html学习过程中一些重点知识的总结,以及起一个引导萌新的作用,也相当于一个备忘录,是我再学习的路上觉得重要的,有意思的相关事情的整合 注意:由于typora会把html标签进行翻译,所以我给标签加些标点符号或“这里”来让他现行 推荐文章(13条消息) 前后端交互详解(建议收藏)抱着猫睡觉的鱼的博客-CSDN博客_前后端交互
纯原生js实现实现放大镜特效 **先上效果图 接下来是html概览,因为要通过js去操作dom做特效需要在html里拿到id或class js代码实现 window.addEventListener('load',function(){ var box=document.querySelector('.img');
你以为我要先讲什么是bfc吗? 1.overflow是什么? 根据MDN的定义:overflow 是 CSS 的简写属性,其设置了元素溢出时所需的行为——即当元素的内容太大而无法适应它的块级格式化上下文时 overflow默认属性是overflow: visible,即可见,不隐藏。换overflow: hidden;后溢出的元素就会被隐藏了
前言:前端开发常用的自适应方法如下: Px和视口 媒体查询 百分比 自适应场景下的rem解决方案 通过Vw/Vh来实现自适应 css3新单位以及响应式布局单位详解 1.rem: rem单位都是相对于根元素html的font-size来决定大小的,根元素的font-size相当于提供了一个基准,当页面的size发生变化时
今天是重新学习html5+css3的第一天,主要内容为照已有网站图片进行搭建。 因为有基础,代码后的要点是根据我自身不足列下的,如果缺漏,欢迎指出 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit
我之前写过一篇博客:使用 APlayer 实现音乐播放器,虽然 APlayer 让我实现了想要的音乐播放器效果,但是音频列表 audio 的音频链接、音频封面、歌词等,是需要自己去补充的。 那么这些数据从哪里来呢? 我昨天有发愁一会儿会儿,也去搜了获取音乐列表的接口,可以发请求去获取数据嘛。 也有瞅见MetingJS,A powerf
一、分析文件结构 /dist/ 输出目录,最后输出的axios整体文件 axios.js 未压缩的axios.min.js 压缩后的/lib/ 源码目录,所有的源代码都放在这里 /adapters/ 请求的适配器 http.js 实现http适配器(包装 http包),在 node.js向远程服务器发送请求时使用xhr.js 实现
最近在公司实习,又到我技术分享了,看了看大家之前分享的,一时想不到分享啥了,发愁ing… 突然想起来最初面实习时,被问过 axios,就来系统的学习一下啦,看有没有什么可以作为分享的,害。 一、axios 是什么 axios是一个基于promise的HTTP 网络请求库,可以作用于浏览器和 node.js中。它是 isomorphic的,
关于我与CSDN不得不说的故事,emmmmm~可以确定不是"事故" Topic1 你来自哪里?来CSDN想收获什么? 坐标轨迹溯源:from 花园城市 to 榕城(虎纠) 我与CSDN的前世今生,初衷是为了记录前端小白成长记,后来因为上了热推,第一次有了1W+的阅读作品,让我有了更多写作power。现今是为了帮助更多志同道合的coder,就是
刚学习vuex 遇到了一个问题 正常的导出表单绑定的数据 在组件接收 在输入表单的时候报错 报: Computed property “xxx“ was assigned to but it has no setter. 简单翻译了一下,是没有set方法,因为vuex中是单项流,v-model是vue中的双向绑定,但是在computed中只通过get获取
一、校验数字的表达式 1. 数字:^[0-9]*$ 2. n位的数字:^\d{n}$ 3. 至少n位的数字:^\d{n,}$ 4. m-n位的数字:^\d{m,n}$ 5. 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7. 带1
第一个是未完整封装,其中乘除1后面有几个0 代表保留几位小数 第二个函数是封装了一下 希望各位大佬指正 新手 function sav(num) { console.log(parseInt((num) * 100) / 100); } sav(9.22932424); // 封装函数,可以设置保留几位
最近在跟着尚硅谷学习axios时,发现了json-server,以前没了解过甚至没听说过这个东西,所以就来做个记录啦。 一、什么是json-server 在平时的项目开发中,当后端还没有提供接口时,我们可能会选择mock数据,这个时候就可以选择json-server,来模拟请求和响应的过程。 可以这么理解,json-server是一个在前
前言: 上次登录谷歌账号的时候,觉得它的输入框挺有意思的,比较好看和新颖,于是有了想实现一个的冲动, 照着它的样式,照虎画猫吧 正版ui 如下图: 盗版ui 如下图 : 直接上代码: 【HTML】 <div class="container"> <div class="field">
项目场景(如图): 这是常见的一种权限设置 即:参数只有city,那么只有对应city的权限,----------- 成都就只能查成都的数据 再加一个county="武侯区"的话,那么就只能查“武侯区”及其下属的数据,不能再查成都的数据了。 问题描述: 要完成这个功能,要明确两点: (1) JS 获取地址栏参数,操作完后 最好re