JavaScript - 教程之家

122浏览

0评论

如何使用js获取扩展名详解

目录一、使用正则表达式二、使用String中的split方法三、使用String的lastIndexOf方法四、附获取文件扩展名的另两种方法总结一、使用正则表达式function getFileExtension1...

2022-08-03

47浏览

0评论

原生js实现旋转木马效果

本文实例为大家分享了js实现旋转木马效果的具体代码，供大家参考，具体内容如下html部分<div class="wrap" id="wrap"> <div class="slide" id="slide"> <ul> ...

2022-08-03

63浏览

0评论

HTML+CSS+JS实现的简单应用小案例分享

目录1.猜数字2.表白墙3.切换日夜间模式4.待办事项1.猜数字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

2022-08-03

75浏览

0评论

JS实现玩转风车

本文实例为大家分享了JS实现玩转风车的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>找风车</title> ...

2022-08-03

51浏览

0评论

JavaScript几种弹窗事件的使用

目录一、弹窗事件是什么？二、简述几种弹窗的使用1.警告框2.选择框3.信息录入框一、弹窗事件是什么？弹窗事件就是在我们执行某操作的时候,弹出信息框给出提示。或收集数据的时...

2022-08-03

58浏览

0评论

javascript中的类,继承,构造函数详解

目录前言一、Class类二、es5构造函数三、实例、类的关系实例的原型指向类的原型Constructor四、继承es6继承es5继承的实现总结前言在es5中实现一个构造函数，并用new调用，即可...

2022-08-03

59浏览

0评论

浅谈js中Object.create()与new的具体实现与区别

目录Object.create与new区别Object.create()原理new原理继承比较组合继承与寄生组合继承组合继承寄生组合继承Object.create与new区别function A() { this.name = 'abc';...

2022-08-03

71浏览

0评论

Javascript和jQuery的深浅拷贝详解

目录JS的浅拷贝JS的深拷贝jQuery的深浅拷贝总结深浅拷贝在引用数据类型（数组对象）复制过程中产生的问题。JS的浅拷贝直接复制拷贝的是数组/对象的内存地址，本质上是一个引用数...

2022-08-03

64浏览

0评论

深入理解JS中attribute和property的区别

目录attribute和property介绍“脚踏两只船”attribute和property的取值和赋值1、attribute取值2、attribute赋值3、property取值4.Property赋值更改property和att...

2022-08-03

117浏览

0评论

js+css实现卡片轮播图效果

本文实例为大家分享了js+css实现卡片轮播图效果的具体代码，供大家参考，具体内容如下实现点击的时候切换卡片，自动轮播，鼠标移入暂停，移出继续轮播,有动画事件
效果就是这样下面是...

2022-08-03

66浏览

0评论

Exif.js图片旋转修正的方法

本文实例为大家分享了Exif.js图片旋转修正的具体方法，供大家参考，具体内容如下上传后图片旋转修正测试流程上传 -> base64展示 -> 获取旋转值 -> 修正 -> 修正后展示 -> 转换b...

2022-08-03

194浏览

0评论

cropper.js和exif.js实现头像上传缩放裁剪旋转

本文实例为大家分享了cropper.js和exif.js实现头像上传缩放裁剪旋转的具体代码，供大家参考，具体内容如下做了一个头像上传的小功能，同时处理了ios竖着拍照图片旋转的问题。crop...

2022-08-03

57浏览

0评论

js实现旋转大风车

相信大家都对风车这个东西感到不陌生，所以我们今天就要写一个大风车的案例.这是一个动态网页，下面是css文件的代码，废话少说，上代码：<style> .fc{ a...

2022-08-03

43浏览

0评论

js实现表格的隔行变色和上下移动

本文实例为大家分享了js实现表格的隔行变色和上下移动的具体代码，供大家参考，具体内容如下话不多说，先看效果图：点击上移或下移table样式：<style> table{ ...

2022-08-03

157浏览

0评论

js执行shell命令的几种方式（Node）

目录前言调起shell的几种方式介绍（不限于这几种）1、child_process2、shelljs3、simple-git总结在做一个客户端基建项目的时候，多处需要用到JS调取命令行执行shell脚本，这里对she...

2022-08-03

64浏览

0评论

详解JavaScript如何实现四种常用排序

目录一、插入排序直接插入排序二、交换排序（1）冒泡排序（2）快速排序三、选择排序（1）简单选择排序（2）堆排序四、归并排序一、插入排序插入排序有直接插入排序，折半插入排序，希尔排序，这里...

2022-08-03

42浏览

0评论

JavaScript最完整的深浅拷贝实现方式详解

目录基本类型拷贝数组拷贝 concat（） slice（）对象拷贝newObject（）Object.assignJSON.parse(JSON.stringify())递归展开运算符总结深浅拷贝：内存中一共分为栈内存和堆内存两大区域，所...

2022-08-03

67浏览

0评论

一文总结JS中逻辑运算符的特点

目录Js中的逻辑运算符描述JS逻辑运算符的特点1. 取反 !2. 逻辑与 &&3. 逻辑或 ||总结 Js中的逻辑运算符JavaScript中有三个逻辑运算符，&&与、||或、!非，虽然他们被称为逻辑运...

2022-08-03

61浏览

0评论

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

121浏览

0评论

JavaScript实现网页端播放摄像头实时画面

目录初衷应对的场景涉及到的范围解决问题的思路摄像头的Rtsp地址ffmpeg下载，安装，配置环境变量nodejs和ExpressJSMpeg播放和请求打开关闭初衷写这篇博客已经是项目过去很久了，...

2022-08-03

99浏览

0评论

JS与JQuery分别实现淘宝五星好评特效

本文实例为大家分享了JS与JQuery实现淘宝五星好评特效的具体代码，供大家参考，具体内容如下我们经常用的五星好评是如何来的，主要就是三个Event 中的三个事件分别：onmouseover...

2022-08-03

71浏览

0评论

TypeScript与JavaScript项目里引入MD5校验和

目录一、什么是MD5校验和？二、MD5校验和的优点和漏洞三、如何在TS项目里引入MD5校验和？四、MD5校验的使用五、另一个npm依赖包的使用方法一、什么是MD5校验和？MD5，是Message Dig...

2022-08-03

78浏览

0评论

一文入门Webpack文件指纹

目录什么是文件指纹文件指纹的作用文件指纹策略占位符介绍文件指纹的设置JS文件指纹设置图片文件指纹设置CSS文件指纹设置设置步骤文件指纹项目应用什么是文件指纹文件指纹...

2022-08-03

64浏览

0评论

JS实现表格隔行变色

本文实例为大家分享了JS实现表格隔行变色的具体代码，供大家参考，具体内容如下用到的鼠标事件：（1）鼠标经过 onmouseover；（2）鼠标离开 onmouseout核心思路：鼠标经过 tr 行的时候，当前行...

2022-08-03

96浏览

0评论

ant-design-pro使用qiankun微服务配置动态主题色的问题

使用微服务后,遇到一个问题,主应用和子应用的主题色不一致.希望可以通过主应用的颜色动态变换子应用的主题色
ant-design-pro可以通过config.ts配置全局主题色所有最优的方...

2022-08-03

52浏览

0评论

JavaScript压缩并加密图片的方法你了解吗

目录一、压缩图片二、加密图片总结一、压缩图片压缩原理：将图片读入canvas，并使用canvas的toDataURL方法将图片base64化，在此过程中，可以设定quality值，即图片质量值，值为0.1到1之...

2022-08-03

57浏览

0评论

利用JavaScript实现仿京东放大镜效果

功能实现1、鼠标经过小图片盒子，黄色的遮挡层和大图片显示，离开时就隐藏2个盒子功能2、黄色遮挡层跟着鼠标走把鼠标的坐标给盒子，不断地进行赋值操作把鼠标地坐标给遮挡层不合...

2022-08-03

59浏览

0评论

JavaScript实现简单版的留言发布与删除

首先用户在输入框中输入内容，按下发布按钮，内容到下面的li中，并且清空输入框中的内容下面这个li元素就是后面创建的<!DOCTYPE html><html lang="en"> <head> <meta charset=...

2022-08-03

59浏览

0评论

Javascript 动态样式控制方法

目录方法一:使用style属性来设置方法二：定义好类选择器的样式方法一:使用style属性来设置使用style属性来设置html代码： <div id="div1"> div </div>Ja...

2022-08-03

56浏览

0评论

JavaScript 中的输出数据多种方式

前言在 JavaScript 中，不像 Java 等语言，它没有任何打印或者输出方法的，通常使用如下 4 种方式来输出数据。使用 window.alert() 用于弹出警告框使用 document.write() 将内容...

2022-08-03

81浏览

0评论

利用Echarts如何实现多段圆环图

目录前言原型示例完美实现效果图总结前言开发某款app时,产品给的UI原型图上有个分为三段的圆环图,本来以为使用echarts应该会很好做的,主要考虑移动端echarts的兼容问题就好...

2022-08-03

60浏览

0评论

实现在 Chrome 中执行 JavaScript 代码

目录一、打开开发者工具1.右键“检查”2.快捷键F123.菜单进入二、开发者工具中执行JavaScript代码1.Console窗口执行2.Snippet脚本前言：要在浏览器中执行 JavaScri...

2022-08-03

64浏览

0评论

微信小程序实现美食展示与收藏功能

目录一、项目展示二、首页三、收藏一、项目展示今日美食是为用户提供各种美食的制作方法，详细介绍了配料和制作流程二、首页首页采用垂直布局，由搜索栏、轮播图、宫格三大组件...

2022-08-03

118浏览

0评论

JS中URL.createObjectURL使用示例讲解

目录前言URL.createObjectURL()语法参数返回值示例URL.revokeObjectURL()语法参数objectURLReturnvalue示例与FileReader.readAsDataURL(file)区别主要区别执行时机内存使用...

2022-08-03

52浏览

0评论

JS实现表单全选以及取消全选实例

本文实例为大家分享了JS实现表单全选以及取消全选的具体代码，供大家参考，具体内容如下实现效果：全选按钮：点击全选按钮所有的小按钮都会被选中；点掉全选按钮，所有按钮取消选中；小按...

2022-08-03

54浏览

0评论

JavaScript的事件监听你了解吗

目录1.&ensp;什么是事件监听？2.&ensp;DOM0级事件监听2.1)常见的页面事件监听2.2)常见的鼠标事件监听2.3)常见的键盘事件监听2.4)常见的表单事件监听3.&ensp;DOM2级事件监听总...

2022-08-03

37浏览

0评论

JavaScript仿京东实现秒杀倒计时案例详解

功能介绍：1、这个倒计时是不断变化的，因此需要定时器来自动变化（setInterval）2、三个黑色的盒子，分别存放时、分秒3、三个盒子利用innerHTML存入倒计时<!DOCTYPE html><html lang...

2022-08-03

45浏览

0评论

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

50浏览

0评论

利用JavaScript编写一个花里胡哨的点击按钮

目录正片结构就两行样式表现正片小轮播图滑动滚播，好不好看你说了算。视频演示结构就两行<main> <div class="grid"> <div class="grid__item theme-1">...

2022-08-03

99浏览

0评论

JS实现网络请求的三种方式梳理

目录背景前言XMLHttpRequestPromiseasync/await结语背景为了应对越来越多的测试需求，减少重复性的工作，有道智能硬件测试组基于 electron 开发了一系列测试提效工具。随着工具...

2022-08-03

72浏览

0评论

Javascript中的async函数详解

前言：async 是“异步”的简写，async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，await 只能出现在 async 函数中。Generator 函数：var fs...

2022-08-03

43浏览

0评论

Javascript的原型和原型链你了解吗

目录一、为什么要使用原型？怎样去理解原型的出现1、对象字面量创建对象的缺点2、工厂函数3、构造函数二、使用原型三、原型概念辨析四、原型链练习总结一、为什么要使用原型？...

2022-08-03

63浏览

0评论

微信小程序实现幸运大转盘功能的示例代码

目录一、项目展示二、抽奖页三、领奖页一、项目展示幸运大转盘是一个简单的抽奖小程序参与用户点击抽奖便可抽取轮盘的奖品二、抽奖页抽奖页是一个大轮盘和活动规则页面形式...

2022-08-03

64浏览

0评论

JavaScript实现手写原生任务定时器

功能介绍定时器顾名思义就是在某个特定的时间去执行一些任务，现代的应用程序早已不是以前的那些由简单的增删改查拼凑而成的程序了，高复杂性早已是标配，而任务的定时调度与执行...

2022-08-03

61浏览

0评论

JavaScript仿京东搜索框实例

马上就到双十一了，我们在京东淘宝购物，疯狂剁手的同时，有没有注意到京东的搜索框呢，除了能进行搜索内容以外，它的样式又是如何实现的呢？下面就分析一下如何实现仿京东的搜索框。核...

2022-08-03

76浏览

0评论

详解ant-design-pro使用qiankun微服务

目录主应用配置子应用配置微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码在网上搜了下,很多例子都是基于官方文档的例子...

2022-08-03

51浏览

0评论

JavaScript新增的两个原始数据类型详解(Record和Tuple)

目录前言基础写法可读特性非唯一性普通对象和数组的转换支持扩展运算符JSON方法扩展提前体验应用场景总结前言JavaScript即将推出两个新的数据类型：Record 和 Tuple ，这俩是啥...

2022-08-03

45浏览

0评论

关于JavaScript中JSON的5个小技巧分享

目录1.格式化2.隐藏字符串化数据中的某些属性3.使用toJSON创建自定义输出格式4.恢复数据5.使用revivers隐藏数据1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看const...

2022-08-03

48浏览

0评论

面试官常问之说说js中var、let、const的区别

前言关于 var、let 和 const 三个关键字的区别，是一个老生常谈的问题，也是经典的面试题。本篇文章将全面讲解三者的特性，以及它们之间的区别，由浅入深让你彻底搞懂这个知识点。...

2022-08-03

82浏览

0评论

HTML+JS实现监控切屏功能

目录项目描述记录离开页面创建html监控是否离开页面监控是否切屏记录时间离开次数项目描述该项目是我在网上看其他博客的时候无意中看到的，看见别人居然能实现这种操作很好奇...

2022-08-03

热门文章