javascript
文章平均质量分 56
抒深
你随风而来,我心花盛开。
展开
-
vue实现歌词与播放时间同步
引言作为音乐播放器没有歌词怎么行!实现结果如下:在上一篇博文中我们已经讲了如何将从后台返回的歌词解析为我们所需要的格式,那么本篇的目的就是将这些歌词渲染到屏幕上并实现动态滚动效果。1.先将歌词渲染到页面<ul> <li v-for="(item, index) in lyric" :key="index" > {{ item.str }} </li></ul>lyric为解析好的歌词。2.接着给他加上一点原创 2021-05-12 15:21:13 · 1788 阅读 · 0 评论 -
解析neatEaseMusic歌词
引言由于从后台返回的歌词格式有许多种,今天主要讲的是网易云音乐的后台歌词解析。1.首先我们来看看网易云返回给我们的歌词格式是什么样的。以梅梅的歌曲为例:返回的歌词是如上格式的字符串。每一行有一个换行符,并且前面一部分是播放当前歌词的时间,后面一部分是歌词。因此,首先我们得先把歌词给切分开来,得到我们想要的数据。2.根据自己的项目需求解析为具体格式。我将会把歌词拆分为如下格式:lyricArr = [ { time: '00:00.000', lyric: '作词: T原创 2021-05-10 17:58:26 · 455 阅读 · 0 评论 -
事件轮循机制
引言:1.浏览器内核的主要组成部分:1.js引擎:解析和执行js代码2.html/css解析器:负责解析html/css文件3.布局和渲染模块:负责页面的布局计算和渲染4.DOM事件处理模块:处理dom事件回调(click…)5.定时器模块:处理定时器事件6.网络请求模块:处理ajax请求我们需要知道在js代码里,像dom事件回调、定时器、网络请求都是交给浏览器来负责管理。2.js本身是单线程的,单线程也分为主线程和分线程。3.js所处理的代码也分同步任务与异步任务。4.异步任务分为宏原创 2021-04-20 16:28:40 · 305 阅读 · 0 评论 -
构造函数的8种方式
引言:没有绝对优秀的构造函数的方法,每一种方法都有他们的优缺点,我们需要考虑的是知道他们的应用场景,合理的使用他们,从而达到自己的要求。1.Object构造函数模式使用方式:先创建空对象,再添加属性/方法适用场景:起始时不确定对象内部的数据缺点:语句太多var person = new Object()person.age = 15person.name = 'Bob'person.run = function () { console.log('run');}2.对象字面量使原创 2021-04-19 10:41:47 · 14545 阅读 · 0 评论 -
JavaScript数据类型及判断方法
1.数据类型1.基本数据(值)类型String:字符串类型Number:数字类型boolean:布尔值类型 true/falsenull:nullundefined:undefined2.对象(引用)数据类型Object:任意对象Array:一种特别的对象(存储有顺序,数值下标)Function:一种特别的对象(可以执行)2.判断数据类型typeof:可以判断:undefined/number /string /boolean/functioninstanceof:判断对象的”原创 2021-04-16 16:02:16 · 191 阅读 · 0 评论 -
JavaScript闭包理解——通(wo)俗(shi)易(dong)懂(le)
文章目录前言一、什么是闭包?二、闭包的优缺点三、解决方案前言我们都知道闭包一直是JavaScript里面非常重要的知识点,那么到底什么是闭包,他有什么作用,又有什么缺点呢?一、什么是闭包?在《JavaScript高级程序设计》书中给出了这样一个定义:“闭包是有权访问其他函数作用域内的变量的一个函数。”举一个简单的例子:1.我们先定义一个函数f1和f2,在f1中定义一个变量a,如果我们希望直接从f2中获取到f1中的变量a是不可以的。2.那么我们可以在f1中再创建一个函数f3,由于链式作用.原创 2021-03-13 16:35:36 · 214 阅读 · 0 评论 -
什么是javaScript
1,简介JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的脚本语言。2.组成部分(1)ECMAScript,由ECMA-262定义,提供核心语言功能。ECMA-262规定了这门语言的组成部分:语法,类型,语句,关键字,保留字,操作符,对象。而ECMAScript是实现该标准规定的各个方面内容的语言的描述。(2)文档对象模型(DOM),提供访问和操作网页内容的方法和接口。(3)浏览器对象模型(BOM),提供与浏览器交互的方法和接口。...原创 2021-04-10 09:33:35 · 86 阅读 · 0 评论 -
原型链的理解
前言本文通过从构造函数开始,从无到有的带你分析什么是原型链。前景提示:_proto_为隐式原型prototype 为显示原型1.首先构造一个函数对象Person,这里之所以叫函数对象是因为它既是一个函数也是一个对象,后面会进行讲解。函数对象本身是具有prototype属性的,并且该属性指向它的原型,而它原型又有一个constructor属性证明该原型是由函数对象所构造出来的。2.然后利用该函数对象new一个实例对象person出来。你需要知道每一个对象上都有一个_proto_属性,并且该属性原创 2021-04-09 09:51:00 · 1675 阅读 · 0 评论