![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 81
壳子i
这个作者很懒,什么都没留下…
展开
-
JS学习笔记-DOM
什么是DOM?文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。 --* 引自MDN*可以简单的理解为DOM就是HTML元素对象,我们要做的就是对它们进行一些操作,达到我们想要的效果,那我们该如何操作DOM?一、获取DOM元原创 2020-12-07 22:32:54 · 139 阅读 · 0 评论 -
使用Blob实现前端下载
需要实现前端下载我们首先需要知道一下两个apiBlobURL.createObjectURL一、Blob一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式。 File 接口基于Blob,继承 blob功能并将其扩展为支持用户系统上的文件通俗的说,Blob就是h5提供的一个用于操作流的api1、Blob()构造函数let aBlob = new Blob( array, options );array:...原创 2020-11-22 21:11:38 · 642 阅读 · 0 评论 -
js中的this指向
。原创 2020-11-03 23:25:46 · 155 阅读 · 0 评论 -
call、apply、bind使用及一道经典面试题
call ,apply ,bind ,是 js中非常重要的三个函数(Function)原型上的方法,我们来学习一下这三个方法。原型上的方法,我们需要通过实例来创建,意思就是我们需要先创建一个函数,通过关键字function一、callcall( ctx, …args)ctx : 执行函数需要改变的this对象 ;args: 执行函数需要传入的参数我们来看一下call的基本使用function fn(name) { console.log(this, name); // window 张三原创 2020-07-22 23:17:04 · 1048 阅读 · 0 评论 -
MutationObserver 用法总结( 监听节点、DOM变化 )
一、认识MutationObserver今天在查看Event Loop相关的文章的时候,看见了MutationObserver类,然后自己看了一下,在这做下总结MutationObserver:原生api中用来监听node节点变化的一个类,用来代替Mutation Events我们先来看看MutationObserver中有哪些方法 我们使用dir函数输出一下我们可以看到MutationObserver中有三个方法,我们一一来看observeobserve(target, config)原创 2020-07-07 22:25:33 · 22421 阅读 · 0 评论 -
Vue实战 手写QQ音乐四( 圆形进度条实现 SVG)
如图所示,我们今天要说的就是这种圆形进度条的效果是如何实现的一、认识SVG矢量图摘抄自菜鸟教程SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体总结一下: svg就是使用标签绘画出来的矢量图我们先来画一个简单的 正方形试试<s.原创 2020-07-06 22:18:10 · 417 阅读 · 0 评论 -
es6箭头函数 和 es5函数区别
我们今天来聊一聊箭头函数和普通函数的区别一、定义语法我们想要了解箭头函数,我们就得先知道它咋玩函数定义// 这是普通函数定义的方式function fn(){}// 箭头函数定义let fn = ()=>{ }形参定义// 箭头函数只有一个形参时,可以省略掉小括号let fn = num => {}// 有多个 形参 或 没有形参 的时候需要加上小括号let fn2 = (num1, num2){}返回值// 我们现在有一个相加函数 sumle原创 2020-07-02 22:18:42 · 541 阅读 · 0 评论 -
使用 rem 做移动端适配
…原创 2020-06-27 16:22:51 · 419 阅读 · 1 评论 -
Vue实战 手写QQ音乐三(创建项目)
一、安装依赖我们需要使用 Vue-CLI 来构建项目,我们得先安装这些我们的安装操作都是基于 node 完成,如果没有 node 的朋友,先去官网进行安装( node 版本需要大于8.9 )在有 node 的环境下,我们执行以下命令npm install -g @vue/cli :安装Vue脚手架注意:上面的安装方式是安装的最新版脚手架(4.x.x)版本,如果要安装 (1.x.x - 2.x.x)版本的话可以基于下面命令npm install -g vue/cli :安装2.x.x版本的v原创 2020-06-25 11:24:58 · 469 阅读 · 0 评论 -
JS函数:具名函数、匿名函数、自执行函数
…原创 2020-06-16 22:22:01 · 3785 阅读 · 7 评论 -
Vue实战 手写QQ音乐二(启动服务)
…原创 2020-06-16 15:56:34 · 429 阅读 · 0 评论 -
Vue实战 手写QQ音乐一(api接口搭建)
为了请求QQ音乐的数据时的跨域问题,我们使用Node.js + Express搭建一个中间件可以直接在github: https://github.com/liaoqinwei/qqMusicApi 拔取源码写的过程中借助文章https://blog.csdn.net/weixin_33874713/article/details/88003925?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159211368419724848348原创 2020-06-14 19:27:53 · 2749 阅读 · 2 评论 -
Node.js+Express+Mysql实现登陆注册
一、划分目录原创 2020-06-09 10:50:07 · 1090 阅读 · 17 评论 -
JavaScript基本数据类型转换
number数字类型包含: 常规数字、NaNNaNnot a number: 不是一个数,但它属于数字类型NaN和任何值(包括自己)都不相等: NaN!=NaN,所以我们不能用相等的方式判断是否为有效数字isNaN]> 检测一个值是否为非有效数字,如果不是有效数字返回true,反之是有效数字返回false。在使用后isNaN进行检测的时候,首先会验证检测的值是否为数字类型,如果不是,先基于Number()这个方法,把值转换为数字类型,然后再检测把其它类型值转换为数字类型Nu原创 2020-06-05 21:13:55 · 129 阅读 · 0 评论 -
使用node.js的fs模块实现css文件打包压缩
为了防止回调地狱, 我们先将 fs 模块中的方法使用 promise 进行一步封装let fs = require('fs'), path = require('path'), resultObj = {};let suffixHandle = (pathname) => { let suffixReg = /\.(PNG|JPG|JPEG|WEBP|ICO|BMP|SVG|MP4|MP3|M3U8|WAV|OGG)$/i return suffixReg.test(pathna原创 2020-06-05 10:06:13 · 428 阅读 · 0 评论 -
js盒子模型-client,offset,scroll
测试的HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body, html { margin: 0; } #box { overflow: scroll; position: absolute;原创 2020-05-27 10:09:13 · 102 阅读 · 0 评论 -
JS学习笔记--常用事件
JS学习笔记–常用事件在js中有非常多事件,此文章对常用的事件进行一些整理测试用的html代码(统一在次代码测试)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 100px; height: 100px;原创 2020-05-21 19:41:04 · 226 阅读 · 1 评论