115浏览

0评论

详解JS同源策略和CSRF

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

• 2021-06-28

101浏览

0评论

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

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

• 2021-06-28

92浏览

0评论

详解JS中的reduce fold unfold用法

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

• 2021-06-28

67浏览

0评论

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

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

• 2021-06-28

100浏览

0评论

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

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

• 2021-06-28

89浏览

0评论

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

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

• 2021-06-28

96浏览

0评论

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

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

• 2021-06-28

106浏览

0评论

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

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

• 2021-06-28

79浏览

0评论

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

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

• 2021-06-28

84浏览

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

92浏览

0评论

详解TypeScript2.0标记联合类型

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

• 2021-06-28

59浏览

0评论

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

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

• 2021-06-28

80浏览

0评论

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

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

• 2021-06-28

135浏览

0评论

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

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

• 2021-06-28

113浏览

0评论

详解JS浏览器事件模型

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

• 2021-06-28

91浏览

0评论

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

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

• 2021-06-28

72浏览

0评论

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

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

• 2021-06-28

152浏览

0评论

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

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

• 2021-06-28

109浏览

0评论

JS根据奖品权重计算中奖概率

一、示例场景1.1、设置抽奖活动的奖项名称奖项名称：["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项，当然开发者可以扩展更多。var prizes = ["一等...

• 2021-06-28

97浏览

0评论

JavaScript函数中this指向问题详解

this关键字
哪个对象调用函数，函数里面的this指向哪个对象。**严格模式下：**在全局环境中，this指向的是undefined**非严格模式下：**在全局环境中，this指向的是window全局定义的函...

• 2021-06-28

138浏览

0评论

如何用JS WebSocket实现简单聊天

短轮询（Polling）短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送 HTTP 请求，服务端在收到请求后，不论是否有数据更新，都直接进行响应。在服务端响应完成，就会关闭这个 TCP...

• 2021-06-28

173浏览

0评论

JavaScript伪数组和数组的使用与区别

伪数组和数组在JavaScript中，除了5种原始数据类型之外，其他所有的都是对象，包括函数（Function）。对象与数组的关系
在说区别之前，需要先提到另外一个知识，就是 JavaScript 的原型继...

• 2021-06-28

97浏览

0评论

教你如何写出可维护的JS代码

什么是可维护代码可维护代码需要遵循以下几个特点。1.可理解性-其他人可以接手代码并理解它的意图和一般途径。
2.直观性-代码中的东西一看就明白，不管其操作过程有多复杂。...

• 2021-06-28

89浏览

0评论

浅谈JavaScript工具链不完全指南

概述在 JavaScript 语言日渐强大的同时，与其配套的开发工具也蓬勃发展。现在的 Web 前端项目，早已不是写几个 HTML 页面，加点 CSS 和 JS 就完事了。随便一个实用的项目，可能都需...

• 2021-06-28

78浏览

0评论

微信小程序实现用户登录模块服务器搭建

我选用的是node.js来搭建服务器，没有安装的小伙伴可以参考我的node.js其他博客。服务器安装与配置
初始化项目，将会自动创建package.json配置文件。
npm init -y安装Express框...

• 2021-06-28

228浏览

0评论

详解TS对象扩展运算符和rest运算符

概述TypeScript 2.1 增加了对 对象扩展运算和 rest 属性提案的支持，该提案在 ES2018 中标准化。可以以类型安全的方式使用 rest 和 spread 属性。对象 rest 属性假设已经定义...

• 2021-06-28

103浏览

0评论

图片该如何优化来提高网站性能

概述图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩...

• 2021-06-28

66浏览

0评论

JS异步代码单元测试之神奇的Promise

前言写这篇文章的起因是在写单元测试时，做形如下测试时new Promise((resolve, reject) => reject(1)).then().catch(err => { console.log(err)})async function jestTest...

• 2021-06-28

304浏览

0评论

JavaScript 如何在线解压 ZIP 文件

一、ZIP 格式简介
ZIP 文件格式是一种数据压缩和文档储存的文件格式，原名 Deflate，发明者为菲尔·卡茨（Phil Katz），他于 1989 年 1 月公布了该格式的资料。ZIP 通常使用后缀名 “...

• 2021-06-28

136浏览

0评论

JavaScript如何利用Promise控制并发请求个数

一、场景
假设现在有这么一种场景：现有 30 个异步请求需要发送，但由于某些原因，我们必须将同一时刻并发请求数量控制在 5 个以内，同时还要尽可能快速的拿到响应结果。如图所示：上...

• 2021-06-28

92浏览

0评论

JS带你深入领略Proxy的世界

1. Proxy 的基本结构Proxy 的基本使用方式：/** * target: 表示要代理的目标，可以是object, array, function类型 * handler: 是一个对象，可以编写各种代理的方法 */const proxy...

• 2021-06-28

77浏览

0评论

JavaScript内置日期、时间格式化时间实例代码

一、基础知识（date对象的方法）
&#128540; getFullYear( ) 用于返回一个表示年份的4位数&#129315; getMonth( ) 返回表示月份的数字，但是返回值是 0（一月） 到 11（十二月） 之间的一个...

• 2021-06-28

105浏览

0评论

微信小程序实现简单Tab切换效果

本文实例为大家分享了微信小程序实现Tab切换效果的具体代码，供大家参考，具体内容如下使用步骤代码如下（示例）：定义一个状态statusdata: { status: 0, },代码如下（示例）：在点击切...

• 2021-06-28

112浏览

0评论

基于 antd pro 的短信验证码登录功能(流程分析)

概要最近使用 antd pro 开发项目时遇到个新的需求, 就是在登录界面通过短信验证码来登录, 不使用之前的用户名密码之类登录方式.这种方式虽然增加了额外的短信费用, 但是对...

• 2021-06-28

117浏览

0评论

微信小程序实现拍照和相册选取图片

本文实例为大家分享了微信小程序实现拍照和相册选取图片的具体代码，供大家参考，具体内容如下布局：<!--pages/camera/camera.wxml--><view class="tui-menu-list" id="view1" st...

• 2021-06-28

134浏览

0评论

JavaScript判断文件是否存在的实例代码

一、业务场景
最近一直在做和文件上传和下载相关的开发，在涉及到下载的时候，我使用如下的方法进行下载 //获取或者赋值一个下载路径 let downUrl; //采用如下的方式可以...

• 2021-06-28

65浏览

0评论

JavaScript继承的三种方法实例

继承1. 什么是继承
继承: 首先继承是一种关系，类(class)与类之间的关系，JS中没有类,但是可以通过构造函数模拟类，然后通过原型来实现继承。 继承也是为了数据共享,js中的继...

• 2021-06-28

97浏览

0评论

js如何构造elementUI树状菜单的数据结构详解

背景说明
elementUI中自带树状菜单，就是数据结构有点复杂，偏向json风格。数据库中菜单数据是二维表格，通过parentPk定义上下级，是list型。需要把list转换成tree的结构。elementU...

• 2021-06-28

64浏览

0评论

如何使用JS中的webWorker

一、webWorker之初体验所以，JavaScript是单线程也是有背景的。如下：<!DOCTYPE html> <head> <title>singleThread</title> <meta http-equiv="Content-Type"...

• 2021-06-28

108浏览

0评论

微信小程序新手入门之自定义组件的使用

前言从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以...

• 2021-06-28

79浏览

0评论

Javascript中函数分类&this指向的实例详解

JS中定义函数的三种方式
通过实例来说明吧<script> //method1 function fn() { console.log('fn created '); } //method2...

• 2021-06-28

175浏览

0评论

微信小程序学习之wxs使用教程

什么是wxs&#63;
wxs(WeiXin Script)是小程序的一套脚本语言, 结合WXML, 可以构建出页面结构.wxs标签
<wxs module="utils" src="../../wxs/test.wxs"></wxs>module属性:当前...

• 2021-06-28

85浏览

0评论

如何用JavaScipt测网速

前言事情是这样的，最近尝试写一个通过判断当前网速，从而在前端控制范围请求去分步请求一个大型文件的库。这个东东我现在一行代码都还没写，除了突然发现这个需求的思路有些不太...

• 2021-06-28

87浏览

0评论

JavaScript之不可靠的undefined

undefined在 JavaScript 中，假设我们想判断一个是否是undefined，那么我们通常会这样写：if(a === undefined){//code}但是，JavaScript 中的undefined并不可靠，我们试着写这样一个...

• 2021-06-28

99浏览

0评论

字节跳动面试之如何用JS实现Ajax并发请求控制

前言讲真的，最近也很迷茫。关于技术、关于生活吧。也找了很多在大厂的朋友去聊，想需求一些后期发展的思路。这其中也聊到了面试，聊到了招聘中会给面试者出的一些题目。我正好也...

• 2021-06-28

115浏览

0评论

JS使用reduce()方法处理树形结构数据

定义reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。reduce() 与forEach()、map()、filter()这些方法一样，也会对数组...

• 2021-06-28

72浏览

0评论

一篇文章弄懂javascript内存泄漏

1、什么是内存泄漏
在了解什么是内存泄漏之前, 我们应该要对内存是什么有个概念, 随机存取存储器（英语：Random Access Memory，缩写：RAM）是与 CPU 直接交换数据的内部存储器。它可...

• 2021-06-28

86浏览

0评论

JavaScript 如何实现同源通信

一、Broadcast Channel API 简介
Broadcast Channel API 可以实现同源下浏览器不同窗口、Tab 页或者 iframe 下的浏览器上下文之间的简单通讯。通过创建一个监听某个频道下...

• 2021-06-28

87浏览

0评论

JavaScript数据类型转换详解（推荐）

JS数据类型
在 JavaScript 语言中数据类型分为2大类：基本数据类型和复杂数据类型基本数据类型有： number string boolean null undefined symbol bigint...

• 2021-06-28

90浏览

0评论

Promise面试题详解之控制并发

前言在写这篇文章的时候我有点犹豫，因为先前写过一篇类似的，一道关于并发控制的面试题，只不过那篇文章只给出了一种解决方案，后来在网上又陆续找到两种解决方案，说来惭愧，研究问题...

• 2021-06-28