2019年04月_70kggg

原创《华为音乐播放器项目》——3.JS实现部分功能，播放，上一首，下一首

JS实现部分播放功能：播放 / 暂停，上一首歌，下一首歌具体实现过程…直接上代码吧，代码中有注释，应该描述的比较清楚了，并且图片内都是上下衔接的。如果需要源码的话也点击我的github查看：https://github.com/70kg111/HUAWEI-MUSIC...

2019-04-29 16:16:01 2011

原创《华为音乐播放器项目》——2.静态页面实现

emmmmm，静态页面好像没什么需要特别记录的东西。最多就是新知道的几个CSS知识点和SVG的用法，但还是把具体实现步骤记录一下吧。最终效果如下：一、对效果图先分区布局主要分为三个部分：head: 包括歌名、作者panel：旋转的效果，当前歌词和下一句歌词footer: 一些功能按钮二、着手写整体布局的CSS：1、先确定主题颜色，直接微信截图看的，这时候 svg 的好处就...

2019-04-27 23:24:49 664

原创《华为音乐播放器项目》——1.项目简介与环境搭建

华为音乐播放器项目项目简介：做出一个华为音乐播放器项目，涉及技术有JS、SVG、SCSS最终效果预览：点击查看目的：自己JS基础太差了，需要熟悉JS，CSS具体环境搭建过程一、首先肯定是创建一个 HUAWEI-MUSIC 文件夹然后电脑里面下载好 node ，没有的话直接去官网下一个就好了二、因为后面需要使用到一些工具包，所以需要先进行初始化git bash 进入到 HUAWEI-...

2019-04-26 21:48:46 952

原创立即执行函数的使用

在引入MVC模块化概念后，会将JS代码分为多个JS文件保存但这个时候就需要去避免使用局部变量，所以需要使用到了立即执行函数将JS代码包起来。使用方法及步骤：1、不要用全局变量，要用局部变量2、ES 5里面，只有函数内部的是局部变量3、于是就声明一个 function xxx(){ … }，然后直接 xxx.call()执行这个函数4、但这样的话 xxx() 这个函数就变成了全局变量（全...

2019-04-18 16:34:58 363

原创原生JS写出一个AJAX请求

使用JS写出一个AJAX请求let request = nre XMLHttpRequest();//配置requestrequest.open('GET','http://jack.com:8000/xxx'); //发送请求request.send(); request.onreadystatechange=function(){ if(request.readyState ...

2019-04-15 12:15:12 584

原创 call、apply、bind的用法分别是什么？

call：call 是函数的正常调用方式，并指定上下文 this。apply：apply 的作用和 call 一样，只是在调用的时候，传参数的方式不同。区别是 apply 接受的是数组参数，call 接受的是连续参数。如下代码：function add(x,y){ return x+y;}add.call(add, 1, 2); //3add.apply(add, [1, 2])...

2019-04-10 11:58:59 187

原创移动端适配是怎么做的？

一、使用 meta viewport ，在head标签内部加入以下代码，改代码的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale...

2019-04-07 19:39:03 3505