![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 51
yun_shuo
这个作者很懒,什么都没留下…
展开
-
返回流文件前端处理方法(全)
前后端分离项目中,为保证数据安全性,文件数据通常使用接口调用方式获取,后端返回二进制文件流后前端该如何处理原创 2022-09-14 15:25:57 · 7880 阅读 · 0 评论 -
axios流文件返回结果如何显示报错信息
axios调用流文件接口,接口返回错误信息json结果如何显示报错信息原创 2022-06-29 11:13:26 · 1955 阅读 · 0 评论 -
浏览器录音
vue实现录音及与服务端通信,包含:socket和http通信原创 2022-06-23 12:05:43 · 1351 阅读 · 0 评论 -
浏览器录音发送二进制流案例(websocket通信)
var begin = document.getElementsByClassName('start-button'); var wsUrl = 'wss://ws-rtasr.hivoice.cn/v1/ws';//服务地址 var wstime = '1626325549809'//访问时间戳 var appkey = '45gn7md5n44aak7a57rdjud3b5l4xdgv75saomys'//用户的appkey var sign = 'EE1CB17678086F0ED..原创 2022-01-21 17:33:18 · 5012 阅读 · 0 评论 -
es6三个点(...)扩展运算符用法
扩展运算符用法扩展运算符( spread )是三个点(…),是ES6新增的一种运算符,其作用很多,例如可以将一个数组转为用逗号分隔的参数序列等作用。应用场景中通常使用在对象的扩展运算符和数组的运算符两种类型。对象中的扩展运算符扩展运算符在对象对象中用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述简单的例子可以看出…后面为对象,则将该对象的所有属性变量赋值原创 2021-05-27 18:48:52 · 375 阅读 · 1 评论 -
判断一个对象是真数组的几种方法
判断一个对象是真数组的几种方法在js中对对象进行判断时需了解到它是否是一个真数组,例如arguments等类似的虽然以数组的样式(下标值)在存储,但它是一个类数组对象。下面列举几种常见的判断是否为真数组的几种方法起手式:定义一个类数组和真数组 <div></div> <div></div> <div></div> <script> var divs = document.getElementsByTa原创 2021-05-16 11:25:40 · 335 阅读 · 1 评论 -
js事件模型
js事件模型JavaScript事件使得网页具备互动和交互性,对js事件模型的了解可以帮助我们更加深入了解其中的原理,便于开发工作,在目前各种浏览器中,JavaScript的事件模型主要分为三种,DOM0级事件模型(原始事件模型)、DOM2事件模型、IE事件模型。DOM0级事件模型DOM0级事件模型是一种被所有浏览器都支持的事件模型,对于原始事件而言,没有事件流,事件一旦发生将马上进行处理。以点击事件为例,有两种常见的方法绑定事件。(1)在html代码中直接指定属性值,如下代码<button原创 2021-05-12 20:31:54 · 546 阅读 · 1 评论 -
js的事件循环
剖析js的事件循环机制众所周知, JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求,那么到底是为什么呢?其中的原理与事件循环机制大有关系。在探索事件循环之前,我们得先了解浏览器执行线程~~浏览器的渲染进程是多线程的,浏览器每一个tab标签都代表一个独立的进程,其中浏览器内核属于浏览器多进程中的一种,主要负责页面渲染,脚本执行,事件处理等。其包含的线程有以下几种GUI 渲染线程:负责渲染页面,解析 HTML,CSS 构成 DOM 树;JS 引擎线程:解释执行代码、用户输入和网原创 2021-05-10 21:02:35 · 305 阅读 · 3 评论 -
ES6方法实现两个数组的交集、并集和差集
ES6全称 ECMAScript 6.0 ,是 JavaScript 的一个版本标准。其中新增很多方法。如何使用ES6中的一些方法完成两个数组的交集 并集 差集(不能出现重复项)呢?首先然我们看看需要使用到哪些方法…1、模板字符串需要输出字符串时传统做法需要使用大量的“”(双引号)和 + 来拼接才能得到我们需要的模版。但是这样是十分不方便的。于是ES6中提供了模版字符串,用`(反引号)标识,用${}将变量括起来。下面是几种应用场景。console.log(`string text`);cons原创 2021-05-06 20:33:03 · 2754 阅读 · 0 评论 -
ES6中的symbol是什么
ES6中的symbol是什么最近学习es6语法过程中发现一种从未见过的数据类型。在js中常见的有六种数据类型,分别是 undefined 、number 、boolean、string、object、function。在ES6里面引入一种新的数据类型用来表示独一无二的值,就是symbol类型。它可用作对象的唯一属性名,这样其他人就不会改写或覆盖你设置的属性值。symbol的声明symbol和其他几种数据类型不同,symbol没有字面量的写法也不可以使用new关键字创建。具体声明方法如下。var s原创 2021-04-28 21:00:21 · 1356 阅读 · 2 评论 -
详解ajax使用步骤
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。ajax的使用使网页异步刷新,在不重新加载整个页面时,对网页的局部进行刷新。ajax的使用并不难,可分为以下大步1、实例化对象(创建请求对象)var xhr=new XMLHttpRequest();这里一般使用xhr作为请求对象名,在开发中看到xhr的变量就可以知道是一个ajax请求对象。使用到的XmlHttp可以理解为更新网页是部分内容而不需要刷新整个页面2、调用ope原创 2021-04-25 19:22:56 · 348 阅读 · 1 评论 -
location的常用方法
location的常用方法location作为BOM对象的属性对象,包含有关当前 URL 的信息。以一个百度网页为例。location.protocal获取当前url协议HTTPS是一种全新的安全协议,对网站本身以及访问网站的网友都有着更好的安全性,防止隐私泄露。location.host获取当前域名即当前 URL 的端口号url:统一资源定位器location.pathname获取文件路径名location.search获取当前url参数它将返回从问号 (?) 开始原创 2021-03-20 11:32:35 · 1260 阅读 · 1 评论 -
常见的四种原型继承
常见的四种原型继承1、最原始的继承 子类原型继承父类的实例 function Father() { this.firstName = '三' } var father = new Father(); Father.prototype.lastName = '张'; function Son() { this.firstName = '四'; this.sex = '男'; } // 子类原型继承父类的实例 S原创 2021-03-09 20:27:56 · 1894 阅读 · 0 评论 -
JS闭包的实现与缺陷解决办法
JS闭包的实现与缺陷解决办法总所周知局部变量(函数变量)在外部不能直接访问,但有需求要它在全局访问而又不定义为全局变量,这里就需要使用到闭包。闭包的实现例如使用js想要实现点击一下计数器加一的效果。可以用如下代码实现。 <button type="button" onclick="add()">计数</button> <div id="div">0</div> <script> var count = 0; function a原创 2021-03-06 22:28:28 · 356 阅读 · 0 评论 -
js函数参数传递基本数据类型和引用数据类型的不同
js函数参数传递基本数据类型和引用数据类型的不同之前提到函数的参数分为形参、实参两种,形参是用来函数定义是设接收调用传入,实参是用来函数调用时传入小括号里面的真实数据。函数在传递参数时,可以传入两种数据类型,一种是基本数据类型,另一种是引用数据类型,其不同表现形式如下。1、参数传入基本数据类型是按值传递 var a = 10; var b = 20; function test(a,b){ // a,b 形参 将全局下的a,b 复制一原创 2021-03-01 20:58:37 · 799 阅读 · 3 评论 -
数组常用方法详解
数组常用方法详解 数组概念:数组可以把一组相关的数据存放在一起,并提供方便的访问方式,就是一株数据的几个,每一个单独的数据叫做元素,数组中可以存放任意类型的元素。数组创建常见的两种创建方式有两种:1.new关键字创建:var arr = new Array();2.字面量创建:var arr1 = [ ];数组长度返回数组元素个数的值:arr.lenght数组遍历数组遍历:forEach(),用法如下: var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];原创 2021-01-27 20:16:36 · 211 阅读 · 0 评论 -
JS函数递归案例
JS函数递归案例在学习案例前先了解下JavaScript中函数的用法有哪些。1.函数的概念:函数是封装了一段可被重复调用执行的代码块。2.常用的声明方式(字面量创建)为:function 函数名(){ 代码块}调用方式为:函数名();3.函数的参数分为形参、实参两种,形参是用来函数定义是设接收调用传入,实参是用来函数调用时传入小括号里面的真实数据。4.函数的返回值:return 返回值;之前在循环的案例中例子中利用for循环实现斐波拉契数列1、1、2、3、5…(第三项开始,前两项和等于原创 2021-01-21 20:49:33 · 643 阅读 · 0 评论 -
JS逻辑训练题--循环
JS逻辑训练题–循环前篇循环中介绍了while、do…while、for循环,如何利用循环实现数学逻辑呢,看看下面几道题训练一下。1.求S = a + aa + aaa + aaaa + aaaaa + aaaaaa + aaaaaaa +…… a和n从键盘输入,例如用户输入的a是2,n是5,则要求将2+22+222+2222+22222的和计算出来 var a = Number(prompt("请输入a值")); var n = Number(prompt("请输入n值,1-9"));原创 2021-01-18 19:44:23 · 861 阅读 · 1 评论 -
JS条件选择switch语句案例
JS条件选择switch语句案例switch 语句用于基于不同条件执行不同动作,使用 switch 语句来选择多个需被执行的代码块之一,基本语法如下:switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块} 执行的规则是:1、计算一次 switch 表达式。2、把表达式的值与每个 case 的值进行对比。3、如果原创 2021-01-14 20:50:31 · 1413 阅读 · 0 评论 -
JS条件判断语句案例--输入三个数从大到小输出
输入三个数从大到小输出(JavaScript)在 JavaScript 中,最普通的条件语句就是if语句了,基础语法是if (条件) {如果条件为 true 时执行的代码}else{如果条件为false 时执行的代码}在练习js条件判断语句时碰到一个很好的题目,如下:用户依次输入三个数,并从大到小输出。 alert("请依次输入三个数"); var num1 = Number(prompt("请输入第一个数")); var num2 = Number(prompt("请输入原创 2021-01-13 20:46:31 · 3196 阅读 · 0 评论 -
Javascript数据类型
详解Javascript数据类型在编程过程中,数据类型是重要的概念。为了能够操作变量,了解数据类型是很重要的。下面让我们看看在JavaScript中常用的原始数据类型有哪些在此之前介绍一下常用的两种判断和检测数据类型的两种方法1、 isNaN() 用来判断 一个变量是否为非数字的类型(返回是布尔变量)2、 typeof() 检测变量的数据类型数字类型–Number数字类型包括整数和 小数例如12、12.35。 var a = 12; console.log("a原创 2021-01-11 20:36:09 · 149 阅读 · 1 评论