JS带你深入领略Proxy的世界
1. Proxy 的基本结构Proxy 的基本使用方式：/** * target: 表示要代理的目标，可以是object, array, function类型 * handler: 是一个对象，可以编写各种代理的方法 */const proxy...
2021-06-28
JavaScript内置日期、时间格式化时间实例代码
一、基础知识（date对象的方法）
😜 getFullYear( ) 用于返回一个表示年份的4位数🤣 getMonth( ) 返回表示月份的数字，但是返回值是 0（一月） 到 11（十二月） 之间的一个...
2021-06-28
微信小程序实现简单Tab切换效果
本文实例为大家分享了微信小程序实现Tab切换效果的具体代码，供大家参考，具体内容如下使用步骤代码如下（示例）：定义一个状态statusdata: { status: 0, },代码如下（示例）：在点击切...
2021-06-28
基于 antd pro 的短信验证码登录功能(流程分析)
概要最近使用 antd pro 开发项目时遇到个新的需求, 就是在登录界面通过短信验证码来登录, 不使用之前的用户名密码之类登录方式.这种方式虽然增加了额外的短信费用, 但是对...
2021-06-28
微信小程序实现拍照和相册选取图片
本文实例为大家分享了微信小程序实现拍照和相册选取图片的具体代码，供大家参考，具体内容如下布局：<!--pages/camera/camera.wxml--><view class="tui-menu-list" id="view1" st...
2021-06-28
JavaScript判断文件是否存在的实例代码
一、业务场景
最近一直在做和文件上传和下载相关的开发，在涉及到下载的时候，我使用如下的方法进行下载 //获取或者赋值一个下载路径 let downUrl; //采用如下的方式可以...
2021-06-28
JavaScript继承的三种方法实例
继承1. 什么是继承
继承: 首先继承是一种关系，类(class)与类之间的关系，JS中没有类,但是可以通过构造函数模拟类，然后通过原型来实现继承。 继承也是为了数据共享,js中的继...
2021-06-28
js如何构造elementUI树状菜单的数据结构详解
背景说明
elementUI中自带树状菜单，就是数据结构有点复杂，偏向json风格。数据库中菜单数据是二维表格，通过parentPk定义上下级，是list型。需要把list转换成tree的结构。elementU...
2021-06-28
如何使用JS中的webWorker
一、webWorker之初体验所以，JavaScript是单线程也是有背景的。如下：<!DOCTYPE html> <head> <title>singleThread</title> <meta http-equiv="Content-Type"...
2021-06-28
微信小程序新手入门之自定义组件的使用
前言从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以...
2021-06-28
Javascript中函数分类&this指向的实例详解
JS中定义函数的三种方式
通过实例来说明吧<script> //method1 function fn() { console.log('fn created '); } //method2...
2021-06-28
微信小程序学习之wxs使用教程
什么是wxs?
wxs(WeiXin Script)是小程序的一套脚本语言, 结合WXML, 可以构建出页面结构.wxs标签
<wxs module="utils" src="../../wxs/test.wxs"></wxs>module属性:当前...
2021-06-28
如何用JavaScipt测网速
前言事情是这样的，最近尝试写一个通过判断当前网速，从而在前端控制范围请求去分步请求一个大型文件的库。这个东东我现在一行代码都还没写，除了突然发现这个需求的思路有些不太...
2021-06-28
JavaScript之不可靠的undefined
undefined在 JavaScript 中，假设我们想判断一个是否是undefined，那么我们通常会这样写：if(a === undefined){//code}但是，JavaScript 中的undefined并不可靠，我们试着写这样一个...
2021-06-28
字节跳动面试之如何用JS实现Ajax并发请求控制
前言讲真的，最近也很迷茫。关于技术、关于生活吧。也找了很多在大厂的朋友去聊，想需求一些后期发展的思路。这其中也聊到了面试，聊到了招聘中会给面试者出的一些题目。我正好也...
2021-06-28
JS使用reduce()方法处理树形结构数据
定义reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。reduce() 与forEach()、map()、filter()这些方法一样，也会对数组...
2021-06-28
一篇文章弄懂javascript内存泄漏
1、什么是内存泄漏
在了解什么是内存泄漏之前, 我们应该要对内存是什么有个概念, 随机存取存储器（英语：Random Access Memory，缩写：RAM）是与 CPU 直接交换数据的内部存储器。它可...
2021-06-28
JavaScript 如何实现同源通信
一、Broadcast Channel API 简介
Broadcast Channel API 可以实现同源下浏览器不同窗口、Tab 页或者 iframe 下的浏览器上下文之间的简单通讯。通过创建一个监听某个频道下...
2021-06-28
JavaScript数据类型转换详解（推荐）
JS数据类型
在 JavaScript 语言中数据类型分为2大类：基本数据类型和复杂数据类型基本数据类型有： number string boolean null undefined symbol bigint...
2021-06-28
Promise面试题详解之控制并发
前言在写这篇文章的时候我有点犹豫，因为先前写过一篇类似的，一道关于并发控制的面试题，只不过那篇文章只给出了一种解决方案，后来在网上又陆续找到两种解决方案，说来惭愧，研究问题...
2021-06-28
浅谈JS的二进制家族
概述Blob: 前端的一个专门用于支持文件操作的二进制对象ArrayBuffer：前端的一个通用的二进制缓冲区，类似数组，但在API和特性上却有诸多不同Buffer：Node.js提供的一个二进制缓冲...
2021-06-28
微信小程序实现录音Record功能
本文实例为大家分享了微信小程序实现录音Record功能的具体代码，供大家参考，具体内容如下布局<!--pages/record/record.wxml--><view> <button class="tui-menu-list" bindt...
2021-06-28
原生Js实现的画廊功能
   原生Js实现画廊功能，点击图片，在下方出现相应放大图片。给a标签绑定onclick点击事件。这里上方的小图和下方将要展示大图，都是同一张图片，只是上下两个img的styl...
2021-06-28
最新热门脚本Autojs源码分享
今天给大家分享一个包含最新50个热门脚本合集的源码，目前包括：矿牛守卫赚、热血星际、捉妖特工队、体重保卫战、炎兔、魔兽红包群、横扫太空、疯狂合体鸭、动物星球、猜猜什么...
2021-06-28
JavaScript 中如何实现并发控制
一、并发控制简介假设有 6 个待办任务要执行，而我们希望限制同时执行的任务个数，即最多只有 2 个任务能同时执行。当 正在执行任务列表 中的任何 1 个任务完成后，程序会自动从...
2021-06-28
bootstrap实现轮播图效果
本文实例为大家分享了bootstrap实现轮播图效果的具体代码，供大家参考，具体内容如下实现效果步骤1、下载bootstrap和jquery-3.6.0.min.js，并在html中引用，注意jq.js应在全部js前...
2021-06-28
JavaScript实现班级抽签小程序
本文实例为大家分享了JavaScript实现班级抽签小程序的具体代码，供大家参考，具体内容如下项目展示项目中假设一个班只有三十个人html结构<div class="outerContainer"> <div...
2021-06-28
TypeScript 中如何限制对象键名的取值范围
当我们使用 TypeScript 时，我们想利用它提供的类型系统限制代码的方方面面，对象的键值，也不例外。譬如我们有个对象存储每个年级的人名，类型大概长这样：type Students = Record<s...
2021-06-28
JavaScript JSON.stringify()的使用总结
一、使用方法
1、基本用法
JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。let json1 = { title: "Json.stringify", author: [ "浪里行舟" ], y...
2021-06-28
JS如何使用剪贴板操作Clipboard API
一、Document.execCommand() 方法Document.execCommand()是操作剪贴板的传统方法，各种浏览器都支持。它支持复制、剪切和粘贴这三个操作。 document.execCommand('copy')（...
2021-06-28
如何在uniapp项目中使用mqtt
由于要取一些实时数据并在手机app上展示，就想到用mqtt进行即时通讯。下面附上uniapp中引入mqtt的全过程：一、uniapp插件市场的参考插件 https://ext.dcloud.net.cn/plugin&...
2021-06-28
js实现网页计算器
如何在利用HTML，css和js的知识制作一个简单的网页计算器呢？一个计算机中具备了： 计算机整体框 输入框 输入按钮计算机整体框：/*设置div样式*/ #showdiv{ border: sol...
2021-06-28
浅谈如何循序渐进的学好JS
概述在我们第一阶段完成HTML+CSS的学习之后，很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象，Js给我们的印象总是那么的“复杂”，因为它相比html来说是动态的，是编...
2021-06-28
JS实现扫雷项目总结
本文实例为大家分享了JS实现扫雷项目的总结，供大家参考，具体内容如下项目展示图项目准备一样的，我们先是准备出三个文件夹，以及根目录下的index.html 文件然后是两张图片（地雷 和...
2021-06-28
JavaScript canvas实现七彩太阳光晕效果
本文实例为大家分享了JavaScript canvas实现七彩太阳光晕效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met...
2021-06-28
基于canvas实现超炫酷的流水灯效果
本文实例为大家分享了基于canvas实现超炫酷的流水灯效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于...
2021-06-28
详解前端安全之JavaScript防http劫持与XSS
HTTP劫持、DNS劫持与XSS先简单讲讲什么是 HTTP 劫持与 DNS 劫持。HTTP劫持什么是HTTP劫持呢，大多数情况是运营商HTTP劫持，当我们使用HTTP请求请求一个网站页面的时候，网络运营...
2021-06-28
如何用JS追踪用户
一、同步 AJAX数据发回服务器的常见做法是，将收集好的用户数据，放在unload事件里面，用 AJAX 请求发回服务器。但是，异步 AJAX 在unload事件里面不一定能成功，因为网页已经处于卸...
2021-06-28
js给图片打马赛克的方法示例
本文主要主要介绍了js给图片打马赛克的方法示例，分享给大家，具体如下：效果演示Canvas简介这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展...
2021-06-28
JavaScript 检测文件的类型的方法
我们会想到通过 input 元素的 accept 属性来限制上传的文件类型：<input type="file" id="inputFile" accept="image/png" />这种方案虽然可以满足大多数场景，但如果用户把 JPE...
2021-06-28
js实现简单日历效果
本文实例为大家分享了js实现简单日历效果的具体代码，供大家参考，具体内容如下## css模块<style type="text/css"> *{ margin: 0; padding: 0; } .date{ width: 300px...
2021-06-28
bootstrap Table的使用方法总结
本文为大家分享了bootstrap Table的使用方法，供大家参考，具体内容如下官网资料效果图：案例：html<!-- 表格 --><table id="ffServerSystemCheckListTable" data-toolbar="#...
2021-06-28
微信小程序中实现车牌输入功能
前言
哈哈哈，上新文章啦。好久没有更新啦，今天乘着休息来总结下之前用的到自定义键盘来输入车辆号牌微信组件。下面是效果图，请欣赏：背景
近期做了一个和车有关的项目，有车肯定就...
2021-06-28
JS实现单例模式的6种方案汇总
前言今天在复习设计模式中的-创建型模式，发现JS实现单例模式的方案有很多种，稍加总结了一下，列出了如下的6种方式与大家分享大体上将内容分为了ES5（Function）与ES6（Class）实现两种...
2021-06-28
JS实现简单图片轮播效果
本文实例为大家分享了JS实现简单图片轮播效果的具体代码，供大家参考，具体内容如下实现效果 左右按钮可点击左右移动显示图片进行无缝滚动 下面的小圆圈点击可跳到对应的...
2021-06-28
JavaScript 中如何实现大文件并行下载
相信有些小伙伴已经了解大文件上传的解决方案，在上传大文件时，为了提高上传的效率，我们一般会使用 Blob.slice 方法对大文件按照指定的大小进行切割，然后在开启多线程进行分块上...
2021-06-28
JavaScript canvas实现七彩时钟效果
利用canvas写七彩时钟！1、题目（1）、拿到一个时钟案例要求在页面上画出一个时钟，获取当前电脑的系统时间？（样式不限利用h5实现）2、思路（1）、首先我们要充分了解到canvas画布元素里面的...
2021-06-28
如何计算Web动画帧率FPS
流畅动画的标准首先，理清一些概念。FPS 表示的是每秒钟画面更新次数。我们平时所看到的连续画面都是由一幅幅静止画面组成的，每幅画面称为一帧，FPS 是描述“帧”变化速度的物理...
2021-06-28
原生js封装无缝轮播功能
原生js封装无缝轮播插件，供大家参考，具体内容如下说明：这是一个使用原生js、es5语法写出的无缝轮播程序，代码中对相关api进行了封装，使得在引入该轮播js文件后，只需要在自己的js文...
2021-06-28
利用JS定时器实现元素移动
利用JS定时器做一个元素做一个有移动效果的方法，实现思路：首先声明一个变量存放元素距离左侧的边距，然后我们在声明一个变量存放每次元素需要移动的距离，然后再给这个方法一个完...
2021-06-28
