JS快速掌握ES6的class用法
1.如何构造？先复习一下es5常用的构建类的方法：首先es5的写法使用原型进行对象的方法的，为什么不在构造函数里添加方法呢？因为实例化对象的时候，会重复的建立好多相同的方法，浪费资...
2021-06-28
JavaScript实现简单图片切换
本文实例为大家分享了JavaScript实现简单图片切换的具体代码，供大家参考，具体内容如下下边给出几种方法进行图片切换：方法一 （小白专用款！简单易懂） 下边附上代码：<!DOCTYPE html><...
2021-06-28
JS使用canvas技术模仿echarts柱状图
canvas 画布是html5中新增的标签，可以通过js操作 canvas 绘图 API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts，功能非常强大，可以实现折线图、柱状图、散点图...
2021-06-28
Javascript之JSBridge初探
JSBridge 的起源近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中...
2021-06-28
基于JavaScript实现网页计算器
本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码，供大家参考，具体内容如下先看效果：此外，计算器还附有数字、运算符检查功能：下贴源码：<!DOCTYPE html PUBLIC...
2021-06-28
JavaScript实现时间范围效果
本文实例为大家分享了JavaScript实现时间范围效果的具体代码，供大家参考，具体内容如下当前时间往前的时间范围（六个月之前）效果图js文件代码片/*查询日期区间（当前时间往前） Add B...
2021-06-28
分析ES5和ES6的apply区别
概述众所周知， ES6 新增了一个全局、内建、不可构造的Reflect对象，并提供了其下一系列可被拦截的操作方法。其中一个便是Reflect.apply()了。下面探究下它与传统 ES5 的Functi...
2021-06-28
何时使用Map来代替普通的JS对象
1. Map 接受任何类型的键如前所述，如果对象的键不是string或symbol，JS 将隐式地将其转换为字符串。幸运的是，map的键类型没有问题const numbersMap = new Map();numbersMap.set...
2021-06-28
微信小程序视频弹幕位置随机
本文实例为大家分享了微信小程序视频弹幕位置随机的具体代码，供大家参考，具体内容如下最近更新开发工具之后，微信小程序视频播放弹幕不再自动随机，所以就用了一个比较取巧的方法...
2021-06-28
JS装饰者模式和TypeScript装饰器
装饰者模式介绍装饰者模式（Decorator Pattern）也称为装饰器模式，在不改变对象自身的基础上，动态增加额外的职责。属于结构型模式的一种。使用装饰者模式的优点：把对象核心职责和...
2021-06-28
详解JavaScript进度管理
前言我们写程序的时候会经常遇到显示进度的需求，如加载进度、上传进度等。
最常见的实现方式是通过记录已完成数量(loadedCount)和总数量(totalCount)，然后算一下就能得到进度...
2021-06-28
JS原生2048小游戏源码分享(全网最新)
最近在学习算法方面的知识，看到了一个由算法主导的小游戏，这里给大家分享下代码：效果：代码：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=360px,u...
2021-06-28
详解JS ES6变量的解构赋值
1.什么是解构？ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。它在语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量，还能从根本上改...
2021-06-28
深入JS继承
前言对于灵活的js而言，继承相比于java等语言，继承实现方式可谓百花齐放。方式的多样就意味着知识点繁多，当然也是面试时绕不开的点。撇开ES6 class不谈，传统的继承方式你知道几...
2021-06-28
聊一聊JavaScript的URL对象是什么
概述如果我们自己编写从URL中分析和提取元素的代码，那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一，无休止的重复造轮子必然是令人难以容忍的，所以大多...
2021-06-28
详解Js模块化的作用原理和方案
一、模块化概念将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起；块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信...
2021-06-28
JS ES6展开运算符的几个妙用
1. 添加属性复制对象的同时，为其添加新的属性。例子中复制了user对象到userWithPass，并添加了password属性。const user = { id: 110, name: 'Kayson Li'}const userWithPass...
2021-06-28
JS彻底弄懂GMT和UTC时区
前言格林威治时间、世界时、祖鲁时间、GMT、UTC、跨时区、夏令时，这些眼花缭乱的时间术语，我们可能都不陌生，但是真正遇到问题，可能又不那么确定，不得不再去查一查，处理完可能过段...
2021-06-28
详解JavaScript私有类字段和TypeScript私有修饰符
JavaScript私有类字段和隐私需求在过去，JavaScript 没有保护变量不受访问的原生机制，当然除非是典型闭包。闭包是 JavaScript 中许多类似于私有模式（如流行的模块模式）的基础。...
2021-06-28
详解JavaScript原始数据类型Symbol
简介创建symbol变量最简单的方法是用Symbol()函数。sysmbol变量有两点比较特别：1.它可以作为对象属性名。只有字符串和 symbol 类型才能用作对象属性名。2.没有两个symbol 的...
2021-06-28
详解JS同源策略和CSRF
概述本文主要涉及三个关键词： 同源策略（Same-origin policy，简称 SOP） 跨站请求伪造（Cross-site request forgery，简称 CSRF） 跨域资源共享（Cross-Origin Resource Sharing...
2021-06-28
JavaScript把局部变量变成全局变量的方法
首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时，直接调用了
例如：(function () { console.log("函数");})();我们会看到浏览器直接打印...
2021-06-28
详解JS中的reduce fold unfold用法
fold（reduce）说说reduce吧, 很喜欢这个函数，节省了不少代码量，而且有一些声明式的雏形了，一些常见的工具函数，flatten，deepCopy，mergeDeep等用reduce实现的很优雅简洁。reduce也称为...
2021-06-28
浅谈TypeScript3.7中值得注意的3个新特性
前言距typescript 3.7正式发布已经有一段时间了，这段时间正在对手上的项目进行typescript的迁移工作，所以会特别留意每一次的release。对于3.7中包含的新特性，其实相比较之前几...
2021-06-28
微信小程序+ECharts实现动态刷新的过程记录
前言最近遇到了一个需求，就是要在小程序中实时刷新图表，最开始选择的是wx-chart，然后发现不能满足我的需求，最后选择了ECharts，也踩了一些坑，通过在网上收集资料，终于弄出来了，记录...
2021-06-28
JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false
console.log( [] == ![] ) // trueconsole.log( {} == !{} ) // false在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。...
2021-06-28
微信小程序静默登录和维护自定义登录态详解
1.背景
在小程序中，openid是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户，就如同你的身份证一样。2.什么是静默登录？
在普通的应用中，用户通过表单验证...
2021-06-28
JS中一些高效的魔法运算符总结
JavaScript 现在每年都会发一个新版本，里面也会新增一些操作更加便利、高效的运算符。今天我们就来盘点下几个高效的魔法运算符。1. 可选链运算符
之前当我们想要使用某个结...
2021-06-28
小程序数据缓存机制应用实现
小程序数据缓存相关知识数据缓存：缓存数据，从而在小程序退出后再次打开时，可以从缓存中读取上次保存的数据，常用的数据缓存API如下表所示：
注意：将数据存储在本地缓存中指定的 key...
2021-06-28
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
详解TypeScript2.0标记联合类型
使用标记的联合类型构建付款方式假设咱们为系统用户可以选择的以下支付方式建模 Cash (现金) PayPal 与给定的电子邮件地址 Credit card 带有给定卡号和安全码对于...
2021-06-28
JavaScript为内置对象添加原型方法实现
对象调用方法的顺序：实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找我们能为系统的对象的原型中添加方法,其实也就是相当于在改变源码添加字符串倒序输出字...
2021-06-28
原生js实现表单的正则验证（验证通过后才可提交）
实现了如下功能：
1.用户名：onfouc显示msg规则；onkeyup计算字符，其中中文为两个字符；onblur，验证是否通过2.邮箱：onblur 正则匹配，正则是根据自己的需求写的，可以根据个人需求更改3.....
2021-06-28
详解TypeScript映射类型和更好的字面量类型推断
概述TypeScript 2.1 引入了映射类型，这是对类型系统的一个强大的补充。本质上，映射类型允许w咱们通过映射属性类型从现有类型创建新类型。根据咱们指定的规则转换现有类型的每...
2021-06-28
详解JS浏览器事件模型
什么是事件我想你很可能听说过事件驱动, 但是事件驱动到底是什么？为什么说浏览器是事件驱动的呢？事件驱动通俗地来说就是什么都抽象为事件。 一次点击是一个事件 键盘按...
2021-06-28
LayUI+Shiro实现动态菜单并记住菜单收展的示例
LayUI + Shiro + Thyemleaf 实现动态菜单并记住菜单收展
一、Maven 依赖<dependencies> <!--阿里 FastJson依赖--> <dependency> <groupId>com.al...
2021-06-28
JavaScript正则验证密码强弱度的实现方法
展示设计
密码强弱度分析
密码由数字,字母,特殊符号组成 密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级：弱 两两组合: 数字和字母, 数字和特殊符号, 字母...
2021-06-28
如何用JS实现简单的数据监听
概述主要是用Object.defineProperty实现类似vue的数据绑定。第一步const data = { name: "tom", age: 14}Object.defineProperty(data, "name", { get(){ return "nam...
2021-06-28
JS根据奖品权重计算中奖概率
一、示例场景1.1、设置抽奖活动的奖项名称奖项名称：["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项，当然开发者可以扩展更多。var prizes = ["一等...
2021-06-28
JavaScript函数中this指向问题详解
this关键字
哪个对象调用函数，函数里面的this指向哪个对象。**严格模式下：**在全局环境中，this指向的是undefined**非严格模式下：**在全局环境中，this指向的是window全局定义的函...
2021-06-28
如何用JS WebSocket实现简单聊天
短轮询（Polling）短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送 HTTP 请求，服务端在收到请求后，不论是否有数据更新，都直接进行响应。在服务端响应完成，就会关闭这个 TCP...
2021-06-28
JavaScript伪数组和数组的使用与区别
伪数组和数组在JavaScript中，除了5种原始数据类型之外，其他所有的都是对象，包括函数（Function）。对象与数组的关系
在说区别之前，需要先提到另外一个知识，就是 JavaScript 的原型继...
2021-06-28
教你如何写出可维护的JS代码
什么是可维护代码可维护代码需要遵循以下几个特点。1.可理解性-其他人可以接手代码并理解它的意图和一般途径。
2.直观性-代码中的东西一看就明白，不管其操作过程有多复杂。...
2021-06-28
浅谈JavaScript工具链不完全指南
概述在 JavaScript 语言日渐强大的同时，与其配套的开发工具也蓬勃发展。现在的 Web 前端项目，早已不是写几个 HTML 页面，加点 CSS 和 JS 就完事了。随便一个实用的项目，可能都需...
2021-06-28
微信小程序实现用户登录模块服务器搭建
我选用的是node.js来搭建服务器，没有安装的小伙伴可以参考我的node.js其他博客。服务器安装与配置
初始化项目，将会自动创建package.json配置文件。
npm init -y安装Express框...
2021-06-28
详解TS对象扩展运算符和rest运算符
概述TypeScript 2.1 增加了对 对象扩展运算和 rest 属性提案的支持，该提案在 ES2018 中标准化。可以以类型安全的方式使用 rest 和 spread 属性。对象 rest 属性假设已经定义...
2021-06-28
图片该如何优化来提高网站性能
概述图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩...
2021-06-28
JS异步代码单元测试之神奇的Promise
前言写这篇文章的起因是在写单元测试时，做形如下测试时new Promise((resolve, reject) => reject(1)).then().catch(err => { console.log(err)})async function jestTest...
2021-06-28
JavaScript 如何在线解压 ZIP 文件
一、ZIP 格式简介
ZIP 文件格式是一种数据压缩和文档储存的文件格式，原名 Deflate，发明者为菲尔·卡茨（Phil Katz），他于 1989 年 1 月公布了该格式的资料。ZIP 通常使用后缀名 “...
2021-06-28
JavaScript如何利用Promise控制并发请求个数
一、场景
假设现在有这么一种场景：现有 30 个异步请求需要发送，但由于某些原因，我们必须将同一时刻并发请求数量控制在 5 个以内，同时还要尽可能快速的拿到响应结果。如图所示：上...
2021-06-28
