JavaScript - 教程之家

75浏览

0评论

你可能不需要在JavaScript使用switch语句

没有 switch 就没有复杂的代码块switch很方便：给定一个表达式，我们可以检查它是否与一堆case子句中的其他表达式匹配。考虑以下示例：const name = "Juliana";switch (name) {...

2021-06-28

64浏览

0评论

测量JavaScript函数的性能各种方式对比

概述测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法，可以确保性能没有在某些改变后受到影响，也可以追踪瓶颈。良好...

2021-06-28

76浏览

0评论

浅谈JS包装对象

概述定义对象是JavaScript语言最主要的数据类型，三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。所谓“...

2021-06-28

71浏览

0评论

比较JavaScript对象的四种方式

前言比较JavaScript中的原始值非常简单。只需使用任何一种可用的相等运算符即可，例如严格相等运算符：'a' === 'c'; // => false1 === 1; // => true但是对象却有结构化数...

2021-06-28

90浏览

0评论

JS Object构造函数之Object.freeze

概述Object.freeze(obj)可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已经属性，不能修改该对象已有属性的可枚举性...

2021-06-28

416浏览

0评论

JS如何为promise增加abort功能

概述Promise只有三种状态：pending、resolve、reject,一个异步的承诺一旦发出，经历等待（pending）后，最终只能为成功或者失败，中途无法取消（abort）。为promise提供abort功能的思路有两...

2021-06-28

83浏览

0评论

JS对象复制(深拷贝和浅拷贝)

一、浅拷贝1、Object.assign(target,source,source...)a、可支持多个对象复制b、如果source和target属性相同 source会复制target的属性c、target只能为Object对象var obj =...

2021-06-28

76浏览

0评论

聊聊JS ES6中的解构

概述es6新增了一种从数组或者对象中获取指定元素的方式，这种方式就是我们今天要说的解构。先来说说数组的解构在有解构之前呢，我们获取数组中的指定元素通常是根据索引去做的：c...

2021-06-28

89浏览

0评论

JavaScript实现简单日期特效

JavaScript之日期特效的具体代码，供大家参考，具体内容如下直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style...

2021-06-28

88浏览

0评论

详解JS中的compose函数和pipe函数用法

compose函数compose函数可以将需要嵌套执行的函数平铺，嵌套执行就是一个函数的返回值将作为另一个函数的参数。我们考虑一个简单的需求：这个需求很简单，直接一个计算函数就行：co...

2021-06-28

90浏览

0评论

如何用JavaScript检测当前浏览器是无头浏览器

什么是无头浏览器(headless browser)？无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务，比如做测试，给网页截屏等。为什么叫...

2021-06-28

79浏览

0评论

理解与使用JavaScript中的回调函数

概述在JavaScript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创...

2021-06-28

107浏览

0评论

怎样用JS模拟实现枚举

前言在当前的JavaScript中，并没有枚举这个概念，在某些场景中使用枚举更能保证数据的正确性，减少数据校验过程，下面就介绍一下JavaScript如何模拟实现枚举效果。枚举主要特点...

2021-06-28

93浏览

0评论

10大Js图像处理库

介绍对于很多人来说，使用JavaScript来处理图像不是一件非常简单的事情，幸运的是我们可以借助第三方的库来实现我们想要的功能，本篇文章就介绍一有哪些JavaScript图片处理库可供...

2021-06-28

93浏览

0评论

JS如何理解data URL

概述canvas有一个非常常用的方法canvas.toDataURL()，它会将canvas转化为data URL的格式。
通常情况下这个data URL的类型为image。
看看下面的例子：<canvas id="canvas" heigh...

2021-06-28

75浏览

0评论

详解TypeScript中的类型保护

概述在 TypeScript 中使用联合类型时，往往会碰到这种尴尬的情况：interface Bird { // 独有方法 fly(); // 共有方法 layEggs();}interface Fish { // 独有方法...

2021-06-28

85浏览

0评论

JavaScript实现长图滚动效果

本文实例为大家分享了JavaScript之长图滚动的具体代码，供大家参考，具体内容如下长图的滚动会涉及定时器：
我们先来回顾下定时器：<!DOCTYPE html><html lang="en"><head> <met...

2021-06-28

65浏览

0评论

详细讨论JavaScript中的求值策略

最近在研究 lambda演算中的 η-变换在JavaScript中的应用，偶然在 stackoverflow 上看到一个比较有意思的问题。关于JavaScript的求值策略，问js中函数的参数传递是按值传递还...

2021-06-28

368浏览

0评论

如何利用js在两个html窗口间通信

场景：当A页面打开B页面，在B页面操作后，A页面需要同步变更数据时A 页面 ,http://127.0.0.1:10001/A.htmlvar domain = 'http://127.0.0.1:10001';window.open('http://127.0.0.1...

2021-06-28

88浏览

0评论

JavaScript控制台的更多功能

概述你可能在JavaScript项目中都用了console.log。这是一种查看变量的值或程序运行中发生的事情的便捷方法。但是JavaScriptconsole 对象还有许多其他的功能，可以在处理项目...

2021-06-28

90浏览

0评论

7个你应该知道的JS原生错误类型

概述从浏览器控制台到运行 Node.js的终端，我们到处都会看到错误。本文的重点是概述我们在js开发过程中可能遇到的错误类型。提示：良好的错误提示会导致快速而无痛的发展经历与...

2021-06-28

86浏览

0评论

JavaScript实现点击改变图片形状(transform应用)

JavaScript之点击改变图片形状（transform的应用），供大家参考，具体内容如下附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transform的运...

2021-06-28

83浏览

0评论

js数组去重的11种方法

在实际工作或面试中，我们经常会遇到“数组去重”问题，接下来就是使用js实现的数组去重的多种方法：1.将数组的每一个元素依次与其他元素做比较，发现重复元素，删除var arr = [1,23,...

2021-06-28

61浏览

0评论

如何通俗的解释TypeScript 泛型

概述在 TypeScript 中我们会使用泛型来对函数的相关类型进行约束。这里的函数，同时包含 class 的构造函数，因此，一个类的声明部分，也可以使用泛型。那么，究竟什么是泛型？如果通俗...

2021-06-28

94浏览

0评论

JavaScript中正则表达式的实际应用详解

实际工作中，JavaScript正则表达式还是经常用到的。所以这部分的知识是非常重要的。一、基础语法：
第一种：字面量语法var expression=/pattern/flags;第二种：RegExp构造函数语法v...

2021-06-28

62浏览

0评论

如何自己实现JavaScript的new操作符

构造函数在介绍new之前，必须要知道什么是构造函数。构造函数和普通函数在写法上没有任何区别，当一个函数通过new Fun()调用时，就叫做构造函数，构造函数首字母通常大写。function...

2021-06-28

89浏览

0评论

如何用JavaScript实现一个数组惰性求值库

概述在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工...

2021-06-28

120浏览

0评论

详解JS变量存储深拷贝和浅拷贝

变量类型与存储空间栈内存和堆内存基本数据类型string、number、null、undefined、boolean、symbol(ES6新增) 变量值存放在栈内存中，可直接访问和修改变量的值
基本数据类型...

2021-06-28

99浏览

0评论

使用Vue3实现一个Upload组件的示例代码

通用上传组件开发
开发上传组件前我们需要了解： FormData上传文件所需API dragOver文件拖拽到区域时触发 dragLeave 文件离开拖动区域 drop文件移动到有效目标...

2021-06-28

97浏览

0评论

7个好用的TypeScript新功能

1. 可选链从 v3.7 可用这是当你尝试访问嵌套数据时的一个痛点，嵌套数据越多，代码就会变得越繁琐。在下面的例子中，要访问address，你必须遍历data.customer.address，而且data或cus...

2021-06-28

73浏览

0评论

JS快速掌握ES6的class用法

1.如何构造？先复习一下es5常用的构建类的方法：首先es5的写法使用原型进行对象的方法的，为什么不在构造函数里添加方法呢？因为实例化对象的时候，会重复的建立好多相同的方法，浪费资...

2021-06-28

58浏览

0评论

JavaScript实现简单图片切换

本文实例为大家分享了JavaScript实现简单图片切换的具体代码，供大家参考，具体内容如下下边给出几种方法进行图片切换：方法一（小白专用款！简单易懂）下边附上代码：<!DOCTYPE html><...

2021-06-28

85浏览

0评论

JS使用canvas技术模仿echarts柱状图

canvas 画布是html5中新增的标签，可以通过js操作 canvas 绘图 API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts，功能非常强大，可以实现折线图、柱状图、散点图...

2021-06-28

348浏览

0评论

Javascript之JSBridge初探

JSBridge 的起源近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中...

2021-06-28

77浏览

0评论

基于JavaScript实现网页计算器

本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码，供大家参考，具体内容如下先看效果：此外，计算器还附有数字、运算符检查功能：下贴源码：<!DOCTYPE html PUBLIC...

2021-06-28

67浏览

0评论

JavaScript实现时间范围效果

本文实例为大家分享了JavaScript实现时间范围效果的具体代码，供大家参考，具体内容如下当前时间往前的时间范围（六个月之前）效果图js文件代码片/*查询日期区间（当前时间往前） Add B...

2021-06-28

82浏览

0评论

分析ES5和ES6的apply区别

概述众所周知， ES6 新增了一个全局、内建、不可构造的Reflect对象，并提供了其下一系列可被拦截的操作方法。其中一个便是Reflect.apply()了。下面探究下它与传统 ES5 的Functi...

2021-06-28

88浏览

0评论

何时使用Map来代替普通的JS对象

1. Map 接受任何类型的键如前所述，如果对象的键不是string或symbol，JS 将隐式地将其转换为字符串。幸运的是，map的键类型没有问题const numbersMap = new Map();numbersMap.set...

2021-06-28

95浏览

0评论

微信小程序视频弹幕位置随机

本文实例为大家分享了微信小程序视频弹幕位置随机的具体代码，供大家参考，具体内容如下最近更新开发工具之后，微信小程序视频播放弹幕不再自动随机，所以就用了一个比较取巧的方法...

2021-06-28

83浏览

0评论

JS装饰者模式和TypeScript装饰器

装饰者模式介绍装饰者模式（Decorator Pattern）也称为装饰器模式，在不改变对象自身的基础上，动态增加额外的职责。属于结构型模式的一种。使用装饰者模式的优点：把对象核心职责和...

2021-06-28

70浏览

0评论

详解JavaScript进度管理

前言我们写程序的时候会经常遇到显示进度的需求，如加载进度、上传进度等。
最常见的实现方式是通过记录已完成数量(loadedCount)和总数量(totalCount)，然后算一下就能得到进度...

2021-06-28

94浏览

0评论

JS原生2048小游戏源码分享(全网最新)

最近在学习算法方面的知识，看到了一个由算法主导的小游戏，这里给大家分享下代码：效果：代码：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=360px,u...

2021-06-28

154浏览

0评论

详解JS ES6变量的解构赋值

1.什么是解构？ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。它在语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量，还能从根本上改...

2021-06-28

84浏览

0评论

深入JS继承

前言对于灵活的js而言，继承相比于java等语言，继承实现方式可谓百花齐放。方式的多样就意味着知识点繁多，当然也是面试时绕不开的点。撇开ES6 class不谈，传统的继承方式你知道几...

2021-06-28

95浏览

0评论

聊一聊JavaScript的URL对象是什么

概述如果我们自己编写从URL中分析和提取元素的代码，那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一，无休止的重复造轮子必然是令人难以容忍的，所以大多...

2021-06-28

111浏览

0评论

详解Js模块化的作用原理和方案

一、模块化概念将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起；块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信...

2021-06-28

128浏览

0评论

JS ES6展开运算符的几个妙用

1. 添加属性复制对象的同时，为其添加新的属性。例子中复制了user对象到userWithPass，并添加了password属性。const user = { id: 110, name: 'Kayson Li'}const userWithPass...

2021-06-28

101浏览

0评论

JS彻底弄懂GMT和UTC时区

前言格林威治时间、世界时、祖鲁时间、GMT、UTC、跨时区、夏令时，这些眼花缭乱的时间术语，我们可能都不陌生，但是真正遇到问题，可能又不那么确定，不得不再去查一查，处理完可能过段...

2021-06-28

75浏览

0评论

详解JavaScript私有类字段和TypeScript私有修饰符

JavaScript私有类字段和隐私需求在过去，JavaScript 没有保护变量不受访问的原生机制，当然除非是典型闭包。闭包是 JavaScript 中许多类似于私有模式（如流行的模块模式）的基础。...

2021-06-28

74浏览

0评论

详解JavaScript原始数据类型Symbol

简介创建symbol变量最简单的方法是用Symbol()函数。sysmbol变量有两点比较特别：1.它可以作为对象属性名。只有字符串和 symbol 类型才能用作对象属性名。2.没有两个symbol 的...

2021-06-28

热门文章