代码编织梦想

使用 aplayer 实现音乐播放器_new aplayer-爱代码爱编程

  最近写毕设,想要实现一个音乐播放功能。大概样子如下面的图所示:   还有吸顶效果,吸顶在左下角:   下面来说一下实现过程。 一、安装 npm install aplayer --save yarn

在 vue 中使用 vue-爱代码爱编程

  这篇博客和我的博客:原生 JS 实现打印机效果,一个字一个字出现,再一个字一个字消失,如此循环是实现的相同功能——打字机效果。即,一个字一个字出现,再一个字一个字消失,如此循环。如下图为大概样子:   我是在用原生js实

实现随机标签,字体大小、颜色随机显示_element plus绘制字体大小随机颜色随机插件-爱代码爱编程

  最近写毕业,想实现一下如下图所示的效果(这里以学弟个人博客里的为示例):   如上图所示,随机标签,字体颜色随机,字体大小随机。   下面贴一下我的实现代码。   <template></temp

原生 js 实现打印机效果,一个字一个字出现,再一个字一个字消失,如此循环_js实现打印机效果-爱代码爱编程

  最近写毕设时候,打算实现一个打印机效果放在首页,即,一个字一个字出现,再一个字一个字消失,如此循环。如下图为大概样子:   最初我是用原生js实现的。只不过感觉代码有点…冗余吧,但是功能是没问题的,亲测可用。下面粘贴一

你不知道的javascript 上卷 part1_你不知道的javascript上卷pdf-爱代码爱编程

  这篇博客躺在我的草稿箱里有一阵子了,差点给遗忘了哈哈。 前言   最近开始喜欢读一些书,从书中找答案,在阅读中查漏补缺。   记得小学初中时候最爱看书了,如今却不知怎的,习惯性从网络中摄取知识,搜寻到的东西真真假假

html概览-爱代码爱编程

说在前面 本文档只是对html学习过程中一些重点知识的总结,以及起一个引导萌新的作用,也相当于一个备忘录,是我再学习的路上觉得重要的,有意思的相关事情的整合 注意:由于typora会把html标签进行翻译,所以我给标签加些标点符号或“这里”来让他现行 推荐文章(13条消息) 前后端交互详解(建议收藏)抱着猫睡觉的鱼的博客-CSDN博客_前后端交互

纯原生js实现实现放大镜特效-爱代码爱编程

纯原生js实现实现放大镜特效 **先上效果图 接下来是html概览,因为要通过js去操作dom做特效需要在html里拿到id或class js代码实现  window.addEventListener('load',function(){  ​    var box=document.querySelector('.img');

什么是bfc?-爱代码爱编程

你以为我要先讲什么是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发生变化时

使用html+css完成仿站操作要点_^灰鸽的博客-爱代码爱编程

今天是重新学习html5+css3的第一天,主要内容为照已有网站图片进行搭建。 因为有基础,代码后的要点是根据我自身不足列下的,如果缺漏,欢迎指出 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit

vue使用 APlayer+Meting实现音乐播放,支持多平台音乐:网易云、腾讯、虾米、酷狗、百度-爱代码爱编程

  我之前写过一篇博客:使用 APlayer 实现音乐播放器,虽然 APlayer 让我实现了想要的音乐播放器效果,但是音频列表 audio 的音频链接、音频封面、歌词等,是需要自己去补充的。   那么这些数据从哪里来呢?   我昨天有发愁一会儿会儿,也去搜了获取音乐列表的接口,可以发请求去获取数据嘛。   也有瞅见MetingJS,A powerf

axios源码模拟实现-爱代码爱编程

一、分析文件结构 /dist/ 输出目录,最后输出的axios整体文件 axios.js 未压缩的axios.min.js 压缩后的/lib/ 源码目录,所有的源代码都放在这里 /adapters/ 请求的适配器 http.js 实现http适配器(包装 http包),在 node.js向远程服务器发送请求时使用xhr.js 实现

一文掌握 axios 基础-爱代码爱编程

  最近在公司实习,又到我技术分享了,看了看大家之前分享的,一时想不到分享啥了,发愁ing…   突然想起来最初面实习时,被问过 axios,就来系统的学习一下啦,看有没有什么可以作为分享的,害。 一、axios 是什么   axios是一个基于promise的HTTP 网络请求库,可以作用于浏览器和 node.js中。它是 isomorphic的,

关于我与CSDN不得不说的故事-爱代码爱编程

关于我与CSDN不得不说的故事,emmmmm~可以确定不是"事故" Topic1 你来自哪里?来CSDN想收获什么? 坐标轨迹溯源:from 花园城市 to 榕城(虎纠) 我与CSDN的前世今生,初衷是为了记录前端小白成长记,后来因为上了热推,第一次有了1W+的阅读作品,让我有了更多写作power。现今是为了帮助更多志同道合的coder,就是

vuex数据与组件内表单实现v-model 实时同步-爱代码爱编程

刚学习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

javascript 保留任意位小数 (且不四舍五入)-爱代码爱编程

第一个是未完整封装,其中乘除1后面有几个0 代表保留几位小数 第二个函数是封装了一下 希望各位大佬指正 新手 function sav(num) { console.log(parseInt((num) * 100) / 100); } sav(9.22932424); // 封装函数,可以设置保留几位

json-server 的基本使用-爱代码爱编程

  最近在跟着尚硅谷学习axios时,发现了json-server,以前没了解过甚至没听说过这个东西,所以就来做个记录啦。 一、什么是json-server   在平时的项目开发中,当后端还没有提供接口时,我们可能会选择mock数据,这个时候就可以选择json-server,来模拟请求和响应的过程。   可以这么理解,json-server是一个在前

实现 一个 类似谷歌登录的 input框-爱代码爱编程

前言: 上次登录谷歌账号的时候,觉得它的输入框挺有意思的,比较好看和新颖,于是有了想实现一个的冲动, 照着它的样式,照虎画猫吧 正版ui 如下图: 盗版ui 如下图 : 直接上代码: 【HTML】 <div class="container"> <div class="field">

关于前端从地址栏 获取参数 引发的思考-爱代码爱编程

项目场景(如图): 这是常见的一种权限设置 即:参数只有city,那么只有对应city的权限,----------- 成都就只能查成都的数据 再加一个county="武侯区"的话,那么就只能查“武侯区”及其下属的数据,不能再查成都的数据了。 问题描述: 要完成这个功能,要明确两点: (1) JS 获取地址栏参数,操作完后 最好re