js实现旋转大风车
相信大家都对风车这个东西感到不陌生，所以我们今天就要写一个大风车的案例.这是一个动态网页，下面是css文件的代码，废话少说，上代码：<style> .fc{ a...
2022-08-03
js实现表格的隔行变色和上下移动
本文实例为大家分享了js实现表格的隔行变色和上下移动的具体代码，供大家参考，具体内容如下话不多说，先看效果图：点击上移或下移table样式：<style> table{ ...
2022-08-03
js执行shell命令的几种方式（Node）
目录前言调起shell的几种方式介绍（不限于这几种）1、child_process2、shelljs3、simple-git总结在做一个客户端基建项目的时候，多处需要用到JS调取命令行执行shell脚本，这里对she...
2022-08-03
详解JavaScript如何实现四种常用排序
目录一、插入排序直接插入排序二、交换排序（1）冒泡排序（2）快速排序三、选择排序（1）简单选择排序（2）堆排序四、归并排序一、插入排序插入排序有直接插入排序，折半插入排序，希尔排序，这里...
2022-08-03
JavaScript最完整的深浅拷贝实现方式详解
目录基本类型拷贝数组拷贝 concat（） slice（）对象拷贝newObject（）Object.assignJSON.parse(JSON.stringify())递归展开运算符总结深浅拷贝：内存中一共分为栈内存和堆内存两大区域，所...
2022-08-03
一文总结JS中逻辑运算符的特点
目录Js中的逻辑运算符描述JS逻辑运算符的特点1. 取反 !2. 逻辑与 &&3. 逻辑或 ||总结 Js中的逻辑运算符JavaScript中有三个逻辑运算符，&&与、||或、!非，虽然他们被称为逻辑运...
2022-08-03
JavaScript中函数的防抖与节流详解
目录一、函数的节流1.1 定义1.2 解决方法1.3 案例演示1.3 .1 代码演示1.3 .2 运行结果1.3 .3 添加函数节流操作1.3 .4 运行结果 二、函数的防抖2.1 定义2.2 解决方法2...
2022-08-03
JavaScript实现网页端播放摄像头实时画面
目录初衷应对的场景涉及到的范围解决问题的思路摄像头的Rtsp地址ffmpeg下载，安装，配置环境变量nodejs和ExpressJSMpeg播放和请求打开关闭初衷写这篇博客已经是项目过去很久了，...
2022-08-03
JS与JQuery分别实现淘宝五星好评特效
本文实例为大家分享了JS与JQuery实现淘宝五星好评特效的具体代码，供大家参考，具体内容如下我们经常用的五星好评是如何来的，主要就是三个Event 中的三个事件分别：onmouseover...
2022-08-03
TypeScript与JavaScript项目里引入MD5校验和
目录一、什么是MD5校验和？二、MD5校验和的优点和漏洞三、如何在TS项目里引入MD5校验和？四、MD5校验的使用五、另一个npm依赖包的使用方法一、什么是MD5校验和？MD5，是Message Dig...
2022-08-03
一文入门Webpack文件指纹
目录什么是文件指纹文件指纹的作用文件指纹策略占位符介绍文件指纹的设置JS文件指纹设置图片文件指纹设置CSS文件指纹设置设置步骤文件指纹项目应用什么是文件指纹文件指纹...
2022-08-03
JS实现表格隔行变色
本文实例为大家分享了JS实现表格隔行变色的具体代码，供大家参考，具体内容如下用到的鼠标事件：（1）鼠标经过 onmouseover；（2）鼠标离开 onmouseout核心思路：鼠标经过 tr 行的时候，当前行...
2022-08-03
ant-design-pro使用qiankun微服务配置动态主题色的问题
使用微服务后,遇到一个问题,主应用和子应用的主题色不一致.希望可以通过主应用的颜色动态变换子应用的主题色
ant-design-pro可以通过config.ts配置全局主题色所有最优的方...
2022-08-03
JavaScript压缩并加密图片的方法你了解吗
目录一、压缩图片二、加密图片总结一、压缩图片压缩原理：将图片读入canvas，并使用canvas的toDataURL方法将图片base64化，在此过程中，可以设定quality值，即图片质量值，值为0.1到1之...
2022-08-03
利用JavaScript实现仿京东放大镜效果
功能实现1、鼠标经过小图片盒子，黄色的遮挡层和大图片显示，离开时就隐藏2个盒子功能2、黄色遮挡层跟着鼠标走把鼠标的坐标给盒子，不断地进行赋值操作把鼠标地坐标给遮挡层不合...
2022-08-03
JavaScript实现简单版的留言发布与删除
首先用户在输入框中输入内容，按下发布按钮，内容到下面的li中，并且清空输入框中的内容下面这个li元素就是后面创建的<!DOCTYPE html><html lang="en"> <head> <meta charset=...
2022-08-03
Javascript 动态样式控制方法
目录方法一:使用style属性来设置方法二：定义好类选择器的样式方法一:使用style属性来设置使用style属性来设置html代码： <div id="div1"> div </div>Ja...
2022-08-03
JavaScript 中的输出数据多种方式
前言在 JavaScript 中，不像 Java 等语言，它没有任何打印或者输出方法的，通常使用如下 4 种方式来输出数据。使用 window.alert() 用于弹出警告框使用 document.write() 将内容...
2022-08-03
利用Echarts如何实现多段圆环图
目录前言原型示例完美实现效果图总结前言开发某款app时,产品给的UI原型图上有个分为三段的圆环图,本来以为使用echarts应该会很好做的,主要考虑移动端echarts的兼容问题就好...
2022-08-03
实现在 Chrome 中执行 JavaScript 代码
目录一、打开开发者工具1.右键“检查”2.快捷键F123.菜单进入二、开发者工具中执行JavaScript代码1.Console窗口执行2.Snippet脚本前言：要在浏览器中执行 JavaScri...
2022-08-03
微信小程序实现美食展示与收藏功能
目录一、项目展示二、首页三、收藏一、项目展示今日美食是为用户提供各种美食的制作方法，详细介绍了配料和制作流程二、首页首页采用垂直布局，由搜索栏、轮播图、宫格三大组件...
2022-08-03
JS中URL.createObjectURL使用示例讲解
目录前言URL.createObjectURL()语法参数返回值示例URL.revokeObjectURL()语法参数objectURLReturnvalue示例与FileReader.readAsDataURL(file)区别主要区别执行时机内存使用...
2022-08-03
JS实现表单全选以及取消全选实例
本文实例为大家分享了JS实现表单全选以及取消全选的具体代码，供大家参考，具体内容如下实现效果：全选按钮：点击全选按钮所有的小按钮都会被选中；点掉全选按钮，所有按钮取消选中；小按...
2022-08-03
JavaScript的事件监听你了解吗
目录1. 什么是事件监听？2. DOM0级事件监听2.1)常见的页面事件监听2.2)常见的鼠标事件监听2.3)常见的键盘事件监听2.4)常见的表单事件监听3. DOM2级事件监听总...
2022-08-03
JavaScript仿京东实现秒杀倒计时案例详解
功能介绍：1、这个倒计时是不断变化的，因此需要定时器来自动变化（setInterval）2、三个黑色的盒子，分别存放时、分秒3、三个盒子利用innerHTML存入倒计时<!DOCTYPE html><html lang...
2022-08-03
JavaScript函数封装的示例详解
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
2022-08-03
利用JavaScript编写一个花里胡哨的点击按钮
目录正片结构就两行样式表现正片小轮播图滑动滚播，好不好看你说了算。视频演示结构就两行<main> <div class="grid"> <div class="grid__item theme-1">...
2022-08-03
JS实现网络请求的三种方式梳理
目录背景前言XMLHttpRequestPromiseasync/await结语背景为了应对越来越多的测试需求，减少重复性的工作，有道智能硬件测试组基于 electron 开发了一系列测试提效工具。随着工具...
2022-08-03
Javascript中的async函数详解
前言：async 是“异步”的简写，async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，await 只能出现在 async 函数中。Generator 函数：var fs...
2022-08-03
Javascript的原型和原型链你了解吗
目录一、为什么要使用原型？怎样去理解原型的出现1、对象字面量创建对象的缺点2、工厂函数3、构造函数二、使用原型三、原型概念辨析四、原型链练习总结一、为什么要使用原型？...
2022-08-03
微信小程序实现幸运大转盘功能的示例代码
目录一、项目展示二、抽奖页三、领奖页一、项目展示幸运大转盘是一个简单的抽奖小程序参与用户点击抽奖便可抽取轮盘的奖品二、抽奖页抽奖页是一个大轮盘和活动规则页面形式...
2022-08-03
JavaScript实现手写原生任务定时器
功能介绍定时器顾名思义就是在某个特定的时间去执行一些任务，现代的应用程序早已不是以前的那些由简单的增删改查拼凑而成的程序了，高复杂性早已是标配，而任务的定时调度与执行...
2022-08-03
JavaScript仿京东搜索框实例
马上就到双十一了，我们在京东淘宝购物，疯狂剁手的同时，有没有注意到京东的搜索框呢，除了能进行搜索内容以外，它的样式又是如何实现的呢？下面就分析一下如何实现仿京东的搜索框。核...
2022-08-03
详解ant-design-pro使用qiankun微服务
目录主应用配置子应用配置微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码在网上搜了下,很多例子都是基于官方文档的例子...
2022-08-03
JavaScript新增的两个原始数据类型详解(Record和Tuple)
目录前言基础写法可读特性非唯一性普通对象和数组的转换支持扩展运算符JSON方法扩展提前体验应用场景总结前言JavaScript即将推出两个新的数据类型：Record 和 Tuple ，这俩是啥...
2022-08-03
关于JavaScript中JSON的5个小技巧分享
目录1.格式化2.隐藏字符串化数据中的某些属性3.使用toJSON创建自定义输出格式4.恢复数据5.使用revivers隐藏数据1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看const...
2022-08-03
面试官常问之说说js中var、let、const的区别
前言关于 var、let 和 const 三个关键字的区别，是一个老生常谈的问题，也是经典的面试题。本篇文章将全面讲解三者的特性，以及它们之间的区别，由浅入深让你彻底搞懂这个知识点。...
2022-08-03
HTML+JS实现监控切屏功能
目录项目描述记录离开页面创建html监控是否离开页面监控是否切屏记录时间离开次数项目描述该项目是我在网上看其他博客的时候无意中看到的，看见别人居然能实现这种操作很好奇...
2022-08-03
Javascript中async与await的捕捉错误详解
目录async与await捕捉错误正常的输出时try catch捕捉错误多个异步嵌套时 await-to-js异步嵌套使用了try，代码相对不够智能总结async与await捕捉错误正常的输出时<template>...
2022-08-03
JavaScript中的FileReader示例详解
目录前言：input:fileFileReader补充：一个比较全面的例子总结前言：FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。input:file在介绍FileReader之前...
2022-08-03
JS实现拖动滑块验证
使用这种验证方法的目的：证明当前的用户不是机器人~防止恶意操作。实现思路：1、获取silde滑块（获取元素）2、为元素注册事件———鼠标点击事件（onmousedown）鼠标点...
2022-08-03
JS实现简单Tab栏切换案例
本文实例为大家分享了JS实现简单Tab栏切换的具体代码，供大家参考，具体内容如下要求：当鼠标点击上面相应的选项卡（tab），下面页面的内容也随之而改变。结构分析：全部的内容都放到一个...
2022-08-03
带你彻底搞懂JavaScript的事件流
目录DOM事件流事件冒泡事件捕获情景一：直接在HTML中绑定事件情景二：[domNode].onclick()方式——DOM0级情景三：[domNode].addEventListener()方式——DOM2...
2022-08-03
普通web整合quartz跑定时任务的示例
目录一.场景（什么时候用到定时任务）二.目前都有哪些工具可以定时处理数据三.如何集成1.jar包下载2.理解几个核心概念 四.配置示例 五.在线cron表达式一.场景（什么时候用到定时...
2022-08-03
uni-app自定义导航栏右侧做增加按钮并跳转链接功能
目录1.先看效果图2.实现思路3.pages.json文件中配置4.page的代码5.点击按钮后跳转事件uni-app自定义导航栏右侧做增加按钮并跳转链接uni-app 在页面上的导航栏右侧做一个增...
2022-08-03
JavaScript的异步ajax详解
目录一级目录二级目录三级目录HTTP协议请求消息结构请求方法响应头信息响应状态码AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript【JSON】 和 XML）。XMLHttpR...
2022-08-03
js如何实现小程序wx.arrayBufferToBase64方法实例
目录前言探索失败的过程卡壳的arrayBuffer转base64关键点btoa的实现修成正果总结前言在小程序开发中，需要将接口请求获得的arrayBuffer数据，转换为base64格式数据，进行图片的显...
2022-08-03
Javascript连接数据库查询并插入数据
目录一、准备数据库二、在Vscode中编译package.json文件三、用Javascript代码实现数据库的连接四、查询和插入数据编译环境 : vscode
数据库 : MySQL
类库 : node一、准备数...
2022-08-03
JavaScript仿淘宝实现固定右侧侧边栏
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
2022-08-03
JavaScript树形组件实现无限级树形结构
目录一、问题研究的背景和意义二、详细设计方案三、源代码实现（Java版）四、思考与总结（1）XML层次结构（2）UL-LI层次结构（3）TABLE层次结构一、问题研究的背景和意义...
2022-08-03
