JavaScript - 教程之家

325浏览

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

71浏览

0评论

JavaScript控制台的更多功能

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

2021-06-28

65浏览

0评论

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

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

2021-06-28

53浏览

0评论

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

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

2021-06-28

64浏览

0评论

js数组去重的11种方法

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

2021-06-28

45浏览

0评论

如何通俗的解释TypeScript 泛型

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

2021-06-28

73浏览

0评论

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

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

2021-06-28

46浏览

0评论

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

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

2021-06-28

69浏览

0评论

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

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

2021-06-28

100浏览

0评论

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

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

2021-06-28

77浏览

0评论

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

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

2021-06-28

78浏览

0评论

7个好用的TypeScript新功能

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

2021-06-28

57浏览

0评论

JS快速掌握ES6的class用法

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

2021-06-28

41浏览

0评论

JavaScript实现简单图片切换

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

2021-06-28

63浏览

0评论

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

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

2021-06-28

310浏览

0评论

Javascript之JSBridge初探

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

2021-06-28

55浏览

0评论

基于JavaScript实现网页计算器

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

2021-06-28

43浏览

0评论

JavaScript实现时间范围效果

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

2021-06-28

57浏览

0评论

分析ES5和ES6的apply区别

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

2021-06-28

61浏览

0评论

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

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

2021-06-28

72浏览

0评论

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

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

2021-06-28

57浏览

0评论

JS装饰者模式和TypeScript装饰器

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

2021-06-28

47浏览

0评论

详解JavaScript进度管理

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

2021-06-28

71浏览

0评论

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

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

2021-06-28

122浏览

0评论

详解JS ES6变量的解构赋值

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

2021-06-28

65浏览

0评论

深入JS继承

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

2021-06-28

75浏览

0评论

聊一聊JavaScript的URL对象是什么

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

2021-06-28

89浏览

0评论

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

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

2021-06-28

106浏览

0评论

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

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

2021-06-28

73浏览

0评论

JS彻底弄懂GMT和UTC时区

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

2021-06-28

55浏览

0评论

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

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

2021-06-28

47浏览

0评论

详解JavaScript原始数据类型Symbol

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

2021-06-28

76浏览

0评论

详解JS同源策略和CSRF

概述本文主要涉及三个关键词：同源策略（Same-origin policy，简称 SOP）跨站请求伪造（Cross-site request forgery，简称 CSRF）跨域资源共享（Cross-Origin Resource Sharing...

2021-06-28

78浏览

0评论

JavaScript把局部变量变成全局变量的方法

首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时，直接调用了
例如：(function () { console.log("函数");})();我们会看到浏览器直接打印...

2021-06-28

67浏览

0评论

详解JS中的reduce fold unfold用法

fold（reduce）说说reduce吧, 很喜欢这个函数，节省了不少代码量，而且有一些声明式的雏形了，一些常见的工具函数，flatten，deepCopy，mergeDeep等用reduce实现的很优雅简洁。reduce也称为...

2021-06-28

41浏览

0评论

浅谈TypeScript3.7中值得注意的3个新特性

前言距typescript 3.7正式发布已经有一段时间了，这段时间正在对手上的项目进行typescript的迁移工作，所以会特别留意每一次的release。对于3.7中包含的新特性，其实相比较之前几...

2021-06-28

74浏览

0评论

微信小程序+ECharts实现动态刷新的过程记录

前言最近遇到了一个需求，就是要在小程序中实时刷新图表，最开始选择的是wx-chart，然后发现不能满足我的需求，最后选择了ECharts，也踩了一些坑，通过在网上收集资料，终于弄出来了，记录...

2021-06-28

69浏览

0评论

JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false

console.log( [] == ![] ) // trueconsole.log( {} == !{} ) // false在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。...

2021-06-28

67浏览

0评论

微信小程序静默登录和维护自定义登录态详解

1.背景
在小程序中，openid是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户，就如同你的身份证一样。2.什么是静默登录？
在普通的应用中，用户通过表单验证...

2021-06-28

81浏览

0评论

JS中一些高效的魔法运算符总结

JavaScript 现在每年都会发一个新版本，里面也会新增一些操作更加便利、高效的运算符。今天我们就来盘点下几个高效的魔法运算符。1. 可选链运算符
之前当我们想要使用某个结...

2021-06-28

54浏览

0评论

小程序数据缓存机制应用实现

小程序数据缓存相关知识数据缓存：缓存数据，从而在小程序退出后再次打开时，可以从缓存中读取上次保存的数据，常用的数据缓存API如下表所示：
注意：将数据存储在本地缓存中指定的 key...

2021-06-28

67浏览

0评论

JS 9个Promise面试题

1. 多个.catchvar p = new Promise((resolve, reject) => { reject(Error('The Fails!'))})p.catch(error => console.log(error.message))p.catch(error => console.log(e...

2021-06-28

62浏览

0评论

详解TypeScript2.0标记联合类型

使用标记的联合类型构建付款方式假设咱们为系统用户可以选择的以下支付方式建模 Cash (现金) PayPal 与给定的电子邮件地址 Credit card 带有给定卡号和安全码对于...

2021-06-28

42浏览

0评论

JavaScript为内置对象添加原型方法实现

对象调用方法的顺序：实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找我们能为系统的对象的原型中添加方法,其实也就是相当于在改变源码添加字符串倒序输出字...

2021-06-28

61浏览

0评论

原生js实现表单的正则验证（验证通过后才可提交）

实现了如下功能：
1.用户名：onfouc显示msg规则；onkeyup计算字符，其中中文为两个字符；onblur，验证是否通过2.邮箱：onblur 正则匹配，正则是根据自己的需求写的，可以根据个人需求更改3.....

2021-06-28

107浏览

0评论

详解TypeScript映射类型和更好的字面量类型推断

概述TypeScript 2.1 引入了映射类型，这是对类型系统的一个强大的补充。本质上，映射类型允许w咱们通过映射属性类型从现有类型创建新类型。根据咱们指定的规则转换现有类型的每...

2021-06-28

75浏览

0评论

详解JS浏览器事件模型

什么是事件我想你很可能听说过事件驱动, 但是事件驱动到底是什么？为什么说浏览器是事件驱动的呢？事件驱动通俗地来说就是什么都抽象为事件。一次点击是一个事件键盘按...

2021-06-28

72浏览

0评论

LayUI+Shiro实现动态菜单并记住菜单收展的示例

LayUI + Shiro + Thyemleaf 实现动态菜单并记住菜单收展
一、Maven 依赖<dependencies>  <dependency> <groupId>com.al...

2021-06-28

54浏览

0评论

JavaScript正则验证密码强弱度的实现方法

展示设计
密码强弱度分析
密码由数字,字母,特殊符号组成密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级：弱两两组合: 数字和字母, 数字和特殊符号, 字母...

2021-06-28

130浏览

0评论

如何用JS实现简单的数据监听

概述主要是用Object.defineProperty实现类似vue的数据绑定。第一步const data = { name: "tom", age: 14}Object.defineProperty(data, "name", { get(){ return "nam...

2021-06-28

热门文章