JavaScript实现监控上传和下载进度

目录一、写在前面二、xhr 监控进度三、axios 监控进度四、写在后面一、写在前面网路的不稳定性,网速的变化,会导致有时一个请求可能需要很长的的时间,而这个过程如果没有相应的...

JavaScript使用Fetch的方法详解

目录进行 fetch 请求支持的请求参数发送带凭据的请求上传 JSON 数据上传文件上传多个文件检测请求是否成功自定义请求对象HeadersGuardResponse 对象Body特性检测Fetch API...

让JavaScript代码更加精简的方法技巧

目录前言:对象解构示例 {}解构空对象嵌套对象解构前言:使用 JavaScript 对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。先来看一个 article 对象,...

浅析JavaScript中的变量提升

目录前言:函数提升var变量提升let & const提升Class提升前言:JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部...

JavaScript深入浅出__proto__和prototype

目录构造函数和实例prototypeconstructor原型对象的原型原型链扩展知识总结首先我们先记住几个知识点:每个函数都有一个prototype属性每个对象都有一个__proto__属性(null除外...

微信小程序骨架屏的应用与实现步骤详细记录

目录什么是骨架屏小程序骨架屏的实现1. 生成页面骨架2. 骨架屏的应用3. 使用注意4. 思考后的封装总结什么是骨架屏骨架屏是作为一种首次渲染加载优化的一种方法我们打开一个...

JavaScript 赋值,浅复制和深复制的区别

目录一、变量赋值1.1 原始值和引用值1.2 赋值二、浅复制(Shallow Copy)2.1 原生 JavaScript 中的浅复制Object.assign()2.2 浅复制的手动实现三、深复制(Deep Copy)2.1 原生 Jav...

JavaScript 原始包装类型汇总

目录一、原始包装类型1、Boolean2、Number3、String二、原始包装类型的特点1、原始值为什么可以调用一些方法2、引用类型和原始值包装类型的区别3、原始包装类型构造函数 和...

详解如何优雅迭代JavaScript字面对象

目录为什么要实现自定义迭代器如何实现JavaScript字面量对象迭代实现方法解析为什么生成器函数要这样设计为什么要实现自定义迭代器因为在JavaScript中字面量对象是不支持迭...

JS实现获取GIF总帧数的方法详解

目录前言写在前面思路分析什么是Gif组成结构解析原理数据块分析Header BlockLogical Screen DescriptorGlobal Color TableGraphics Control ExtensionImage DescriptorImag...

Electron应用显示隐藏时展示动画效果实例

目录最终效果实现思路实现过程总结最终效果实现思路窗口设置透明建立系统托盘获取托盘坐标,实现应用在托盘上方出现CSS 里面写上加载和退出的动画添加加载动画的事件,即给元素...

基于JS实现接粽子小游戏的示例代码

目录游戏设计游戏实现添加粽子元素粽子掉落难度选择开始游戏总结端午节马上就到了,听说你们公司没发粽子大礼包?没关系,这里用 JS 实现了一个简单的接粽子小游戏,能接到多少粽子...

es6新增对象的实用方法总结

目录一、属性的简写二、属性名表达式三、super关键字四、扩展运算符的应用五、属性的遍历六、对象新增的方法Object.is()Object.assign()Object.getOwnPropertyDescriptors(...

基于JavaScript概括浏览器方向的优化

目录一、前言二、高谈阔论:“一字一图”三、具体落地:一个 link 标签四、写在后面一、前言再过半个月,Internet Explorer 就正式退役了,曾经的浏览器霸主,服役超过25年...

能够让你事半功倍的JS utils工具函数详解

目录前言时间相关时间戳转自定义格式时间格式化距离现在已过去的时间判断两个不同格式的日期是否为同一天判断时间是不是今天URL 相关URL 参数转对象获取URL参数获取URL has...

如何在uni-app使用微软的文字转语音服务

目录前言解析Azure官网的演示功能两个参数三次发送接收的二进制消息用Node.js实现它两个参数创建WebSocket连接三次发送接收二进制消息拼接mp3命令行工具在uni-app中使用新...

如何利用JavaScript读取excel文件并绘制echarts图形

目录1、场景描述2、需求描述3、功能实现4、尾言1、场景描述通常来说,前端要拿到excel数据,都是先上传存储数据库,然后再请求后端接口,获取数据。但有100个产品经理,就会有101个不...

JavaScript中的this关键词指向

目录1、es5中的this的指向2、es6中的this1、es5中的this的指向this是JavaScript的一个关键字,他是函数执行过程中,自动生成的一个内部对象,指当前的对象,只在当前函数内部使用。...

微信小程序实现图形验证码

本文实例为大家分享了微信小程序实现图形验证码的具体代码,供大家参考,具体内容如下1.wxml页面<canvas canvas-id="canvas" bindtap='change' style="width:90px;height: 30px...

微信小程序实现触底加载与下拉刷新的示例代码

目录触底加载loader函数思考loader函数实现触底加载动画触底加载的优点下拉刷新最后在最近做小程序的时候有这么一个很常见的需求,加载一个信息列表,要求需要触底加载和下拉刷...

JavaScript 函数表达式与函数声明的用法及区别

目录前言什么是函数声明?函数声明的好处什么是函数表达式?函数表达式的好处函数表达式和函数声明之间的区别函数表达式中的作用域如何在表达式和声明之间进行选择何时选择函数...

ECMAScript 数据类型之Number类型

目录前言练习场景其他进制八进制十六进制浮点值科学计数法小数值浮点值精确度值的范围最大值与最小值InfinityisFinite() 函数NaN练习场景NaN特性isNaN()函数数值转换Number...

坐标轴刻度取值算法之源于echarts的y轴刻度计算需求

目录前言算法描述上代码代码运行效果ts版本(2021/3/10补充)总结前言因实习的公司是做大数据的,而我的工作刚好又是需要绘制一些数据图表的。绘制图表有许多现成的组件可以使...

echarts安装与配置

一、安装1、独立版本我们可以在直接下载 echarts.min.js 并用 <script> 标签引入。echarts.min.js(4.7.0)另外,开发环境下可以使用源代码版本 echarts.js 并用 <script> 标签...

JavaScript中 this 的绑定指向规则

目录问题来源this 绑定规则1.默认绑定2.隐式绑定3.显示绑定4.new 绑定5.内置方法6.规则优先级7.规则之外8.实践问题来源在 js 中,有一个疑惑的点 this, 它的指向问题,存在各...

学习JavaScript中的闭包closure应该注意什么

目录闭包简述1.闭包使得内部函数可以访问外部函数的属性(变量或方法)2.闭包的广阔应用场景3.用闭包模拟私有方法4.从性能角度考虑,非必要不使用闭包闭包简述Mozilla 上这样解释...

微信小程序实现获取用户信息替换用户名和头像到首页

目录一、形成空白文件二、小程序页面路径配置三、修改小程序页面四、与WXML玩耍1、插入文字2、插入图片3、分割代码五、与wxss玩耍1、处理图片2、处理文字3、调整布局4、长...

uni-app多环境配置实现自动部署的方式详解

目录前言一、uni-app 不同打包方式下的环境配置1.HBuilderX 方式2.基于 vue-cli 命令行方式二、配置多环境实现自动部署总结前言uni-app 项目在不同阶段需要部署到不同的环...

JavaScript实现移动端禁止下拉露出网址广告屏蔽技巧

目录需求查找解决方案需求移动端禁止下拉 露出网址或广告查找解决方案基本都是document.body.addEventListener('touchmove', function (e) { e.preventDefault() }, { pass...

JS实现页面滚动到关闭时的位置与不滚动效果

目录滚动不滚动标题显而易见,要说两种情况:重新打开页面或者返回某个页面时滚动到上次离开时的位置,以及不滚动保持在顶部。滚动这也有两种情况:页面重新打开,与返回某个页面。...

JavaScript三大变量声明详析

目录前言Var基础写法声明未定义值声明定义值不推荐写法var 声明作用域局部作用域全局作用域便捷语法var 声明提升Letlet 作用域冗余声明暂时性死区全局声明条件声明for 循环...

基于Cesium绘制栅栏的示例代码

目录最终效果创建 dynamicWallMaterialProperty.js 文件网上的资料要不收费,要不代码不全,很多跟绘制墙体有关的案例要不缺放法要不干嘛的,我自己根据网上的方法又加上自己百度...

JS中promise特点与信任问题解决

目录1.Promise的信任问题1.1信任问题1.2信任问题产生的原因1.2.1调用过早1.2.2调用过晚1.2.3回调未调用1.2.4调用次数过少或过多1.2.5未传递参数、环境值#### 1.2.6吞掉错...

echarts交互组件与数据的视觉映射

交互组件ECharts 提供了很多交互组件:例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline。接下来的内容我们将介绍...

cypress中丰富的调试工具使用方法

目录cypress调试工具一、 Time travel二、 快照三、errors信息四、页面事件五、控制台的输出六、调试专用命令cypress调试工具Cypress附带了一系列调试工具来帮助我们弄明白...

JavaScript生成UUID的五种方法详解

目录简介1.第一种2.第二种3.第三种4.第四种5.第五种简介UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUI...

JavaScript实现文本相似度对比

目录一、发现问题二、解决问题1、编辑距离的概念2、测试文本3、代码实现4、相似度对比结果一、发现问题在开发过程中,难免会使用到2个(多个)文本内容处理,一是便于宏观知道文本...

JavaScript中随机数方法 Math.random()

目录定义基础写法生成指定范围内的随机数生成两个数之间的随机数常用场景前言:我们学习项目的时难免遇到一些问题,比如;遇到一个功能需要随机返回多条不重复的数据,也可以是拿...

JS中函数科里化的背景与应用实例教程

目录背景使用场景JS中的函数科里化经典面试题:add(1)(2)(3)总结背景柯里化(Currying)是一种关于函数的高阶技术。它不仅被用于 JavaScript,还被用于其他编程语言。函数柯里化又...

ECharts入门教程

Echart官网:https://echarts.apache.org/zh/index.html下载页面:https://echarts.apache.org/zh/download.html演示地址:https://echarts.apache.org/examples/zh/index.html文...

echarts实现饼图与样式设置

饼图饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,只有一维的数值,不需要给类目。因为不在直角坐标系上,所以也不需要 xAxis,yAxis。m...

JS实现将数据导出到Excel的方法详解

修改之前项目代码的时候,发现前人导出excel是用纯javascript实现的。并没有调用后台接口。之前从来没这么用过,记录一下。以备不时之需。方法一:将table标签,包括tr、td等对json...

JS逆向之 webpack 打包站点实战原理分享

目录webpack 原理说明扣 JS 代码webpack 原理说明webpack 是前端程序员用来进行打包 JS 的技术,打包之后的代码特征非常明显,例如下述代码。(window.webpackJsonp = window.we...

微信小程序实现下拉刷新和上拉分页效果的方法详解

目录下拉刷新上拉分页下拉刷新下拉刷新这个玩意吧,很有用,但是在我博客关联的小程序中,用处不大,也是,我那个小程序一共也没有几个页&hellip;&hellip;我这里还是用在首页,上拉分页...

JavaScript利用正则表达式来禁止键盘输入数字

今日在看JavaScript的时候,发现键盘响应时间onkeydown和一些其他的相关事件都停用了keyCode这个属性,而keyCode这个属性返回的是键盘按键的ASCII码值,停用后有个code属性替代,但...

ECMAScript 的 6 种简单数据类型

目录前言typeof 操作符类型检测使用说明小知识Undefined 类型练习场景undefined 与 not defined 的区别使用 typeof 检测 undefined小知识Null 类型练习场景小知识Boolean...

axios概念介绍和基本使用

目录简介使用axios配置对象常用的配置项:默认配置axios拦截器取消请求总结 简介本文主要讲解axios的概念和基本使用。axios时目前最流行的ajax封装库之一,用于很方便地实现aja...

使用cypress编写第一个测试用例

目录cypress测试编写一、新建一个文件二、编写第一个测试文件1. 编写一个测试通过的代码2. 编写一个测试失败的代码3. 测试文件中的describe, it, 和expect 是什么三、编写...

js获取标签元素data-*属性值的4种方法

目录方式一:dataset方式二: getAttribute/setAttribute/removeAttribute方法三:jQuery.attr方法四:jQuery.data前言:标签上有两个属性​​data-id​​​ 和 ​​data-user-name...

分享11个常用JavaScript小技巧

目录1.通过条件判断向对象添加属性2.检查对象中是否存在某个属性3.解构赋值4.循环遍历一个对象的key和value5.使用可选链(Optionalchaining)避免访问对象属性报错6.检查数组...

返回顶部
顶部