js

JavaScript中的Promise详解

目录 前言 Promise使用 Promise封装Ajax请求 Promise封装读取文件 Promise.prototype.then方法 Promise多文件读取 Promise.prototype.catch() Promise.prototype.finally() Promise.all »

关于layer.js使用心得-向弹出框传值问题

目录 layer.js使用心得-向弹出框传值 问题背景 问题描述 问题分析 layui传值的一些经验,也没怎么整理:表格渲染数据,弹出框 1.layui向表格渲染数据的格式转换 2. layui弹出框,并且在表格里选中 layer.js使用心得-向弹出框传值 问题背景 实现弹出 »

D3.js入门之比例尺的使用与绘制

目录 比例尺 常用比例尺 scaleLinear 线性比例尺 scaleBand 有序序数比例尺 d3.scaleTime() 时间比例尺 scaleOrdinal 无序序数比例尺 scalePoint 点比例尺 scaleThreshold 阈值比例尺 scaleQuantize 量化比例尺 »

D3.js实现绘制柱状图的教程详解

目录 获取处理数据 设置图表大小位置信息 绘制画布 创建比例尺 绘制数据 绘制坐标轴 优化 tickSize 和 nice 属性 在了解了svg和d3的基础知识以及画图最重要的比例尺,接下来就可以开始画图表了。本章我们以柱状图为例,尽可能的按照图表的绘制步骤实现下面的柱状图。点击查看demo。 »

D3.js实现饼图,环图,玫瑰图的绘制

目录 d3.pie d3.area 饼图 环图 玫瑰图 总结 饼图和之前介绍的柱状图和折线图不同,不存在坐标系,也就不会有比例尺的映射。在折线图的介绍中,我们提到了d3提供了一些图形构造器并了解了一下d3.line以及d3.area,而饼图会用到另外俩个构造方法d3.pie和d3.arc。 »

JS数据结构与算法中的队列结构详解

目录 队列结构 一.认识队列 二.队列的应用 三.队列类的创建 四.队列的常见操作 五.击鼓传花 六.优先级队列 七.优先级队列的实现 队列结构 一.认识队列 受限的线性结构: 我们已经学习了一种受限的线性结构:栈结构. 并且已经知道这种受限的数据结构对于解决某些特定问题,会有特 »

JS数据结构之队列结构详解

目录 一.认识队列 二.队列的应用 三.队列类的创建 四.队列的常见操作 五.击鼓传花 六.优先级队列 七.优先级队列的实现 一.认识队列 受限的线性结构: 我们已经学习了一种受限的线性结构:栈结构. 并且已经知道这种受限的数据结构对于解决某些特定问题,会有特别的 效果. 下面,我 »

JS数据结构与算法-队列结构

队列结构 一.认识队列 受限的线性结构: 我们已经学习了一种受限的线性结构:栈结构. 并且已经知道这种受限的数据结构对于解决某些特定问题,会有特别的 效果. 下面,我们再来学习另外一个受限的数据结构:队列. 队列(Queue),它是一种受限的线性表,先进先出(FIFO First ln First ... »

JavaScript原型与原型链深入探究使用方法

目录 原型(prototype) 显示原型与隐式原型 原型链 原型链属性问题 原型链 instanceof 使用 练习 原型(prototype) 每一个函数都有一个 prototype 属性,它默认指向一个Object空对象(即称为:原型对象)。 <script> »

Easy Elixir 系列 - 比较 JS 和 Elixir 之间闰年检测的简单工作

灵药我在东京,但我是福冈交易所的 YOSUKE。 Easy 让我们快速编写 Elixir 系列的小故事。我打算用这个概念来实现它。 因为工作原因,我使用 Elixir 以外的语言创建示例代码。或者我正在制作教材。创建一个返回年份是否为闰年的函数。我为这个主题编写了一个 JavaScript 代码,那 »

JavaScript深拷贝与浅拷贝实现详解

目录 对于基本类型数据 对于引用类型数据 实现深拷贝 简单版 够用版 structuredClone 对于基本类型数据 可以说都是深拷贝。 对于引用类型数据 对于引用类型数据,浅拷贝 后,因为浅拷贝只拷贝了引用地址,所以两个对象均使用同一个引用地址,此引用地址指向同一个内存即数据 »

使用JavaScript实现按钮的涟漪效果实例代码

目录 前言 分析 实现 总结 前言 不知道你们有没有使用过 Material UI。这是一个 React UI 组件库,它实现了 Google 的 Material Design。 Material Design 设计规范中包含了很多关于点击的涟漪效果,类似于一块石头跌落水中所产生的波浪 »

PHP+JS实现文件分块上传的示例代码

目录 一、分块上传流程 二、实现代码 HTML JS PHP 我们在上传大文件时,可能会由于服务器的原因导致文件上传失败,文件过大时由于服务器的配置或响应事件过长导致上传文件失败,这时候我们可以将一个大的文件分为若干块,然后分批次上传到服务端,当所有文件块上传完成后再由服务器将各个文件块整 »

JS数组操作大全对象数组根据某个相同的字段分组

目录 先说点废话 目标对象数组 准换后的对象数组 编写函数的思路 方法一 方法二 拓展————ES6的新方法Object.keys 先说点废话 最近在实际业务中,需要编写一个方法根据数组中每一个对象的一个相同字段,来将该字段值相等的对象重新编入一个数组,返回一个嵌套的数组对象,特地来做个总 »

JavaScript断言与类型守卫及联合声明超详细介绍

目录 一、TypeScript 断言 1.1 类型断言 1.尖括号语法 2.as 语法 1.2 非空断言 1.3 确定赋值断言 二、类型守卫 2.1 in关键字 2.2 typeof关键字 2.3 instanceof 关键字 2.4 **自定义类型保护的类型谓词 三、联合 »

JavaScript数据类型检测实现方法详解

目录 一、typeof 二、instanceof 三、Object.prototype.toString.call() 面试问题 一、typeof 优点:能快速判断基本数据类型,除了 Null; 缺点:不能判别 Object、Array、Null ,都返回 object;判别引用类型除函 »

xterm.js在web端如何实现Terminal

这篇文章主要介绍“xterm.js在web端如何实现Terminal”,在日常操作中,相信很多人在xterm.js在web端如何实现Terminal问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”xterm.js在web端如何实现Terminal”的疑惑有所帮助!接下来 »

Javascript如何实现对象扁平化实例详解

目录 前言 例题详情 扁平化 代码实现 总结 前言 数组扁平化相信大家已经耳熟能详了,在被面试官问到如何实现数组扁平化你就偷着乐吧,但是相信有不少大佬在面试一些国内顶尖的大厂时,被面试官问到如何实现对象扁平化,笔者在学习过程中对此也感兴趣,让我们一起看看如何实现对象扁平化吧 例题详情 »

关于javascript解决闭包漏洞的一个问题详解

目录 解决闭包漏洞的一个问题 问题原理: 方法一: 方法二: 解决办法; 解决方法二: 总结 解决闭包漏洞的一个问题 在不修改下面代码的情况下,修改obj的内容 var o = (()=>{ var obj = { a:1, b:2, »