JavaScript - 教程之家

96浏览

0评论

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

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

2022-08-03

158浏览

0评论

JS中URL.createObjectURL使用示例讲解

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

2022-08-03

84浏览

0评论

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

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

2022-08-03

86浏览

0评论

JavaScript的事件监听你了解吗

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

2022-08-03

75浏览

0评论

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

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

2022-08-03

82浏览

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

84浏览

0评论

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

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

2022-08-03

131浏览

0评论

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

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

2022-08-03

104浏览

0评论

Javascript中的async函数详解

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

2022-08-03

85浏览

0评论

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

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

2022-08-03

100浏览

0评论

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

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

2022-08-03

92浏览

0评论

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

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

2022-08-03

87浏览

0评论

JavaScript仿京东搜索框实例

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

2022-08-03

113浏览

0评论

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

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

2022-08-03

90浏览

0评论

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

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

2022-08-03

77浏览

0评论

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

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

2022-08-03

86浏览

0评论

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

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

2022-08-03

121浏览

0评论

HTML+JS实现监控切屏功能

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

2022-08-03

106浏览

0评论

Javascript中async与await的捕捉错误详解

目录async与await捕捉错误正常的输出时try catch捕捉错误多个异步嵌套时 await-to-js异步嵌套使用了try，代码相对不够智能总结async与await捕捉错误正常的输出时<template>...

2022-08-03

105浏览

0评论

JavaScript中的FileReader示例详解

目录前言：input:fileFileReader补充：一个比较全面的例子总结前言：FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。input:file在介绍FileReader之前...

2022-08-03

88浏览

0评论

JS实现拖动滑块验证

使用这种验证方法的目的：证明当前的用户不是机器人~防止恶意操作。实现思路：1、获取silde滑块（获取元素）2、为元素注册事件———鼠标点击事件（onmousedown）鼠标点...

2022-08-03

110浏览

0评论

JS实现简单Tab栏切换案例

本文实例为大家分享了JS实现简单Tab栏切换的具体代码，供大家参考，具体内容如下要求：当鼠标点击上面相应的选项卡（tab），下面页面的内容也随之而改变。结构分析：全部的内容都放到一个...

2022-08-03

108浏览

0评论

带你彻底搞懂JavaScript的事件流

目录DOM事件流事件冒泡事件捕获情景一：直接在HTML中绑定事件情景二：[domNode].onclick()方式——DOM0级情景三：[domNode].addEventListener()方式——DOM2...

2022-08-03

110浏览

0评论

普通web整合quartz跑定时任务的示例

目录一.场景（什么时候用到定时任务）二.目前都有哪些工具可以定时处理数据三.如何集成1.jar包下载2.理解几个核心概念四.配置示例五.在线cron表达式一.场景（什么时候用到定时...

2022-08-03

135浏览

0评论

uni-app自定义导航栏右侧做增加按钮并跳转链接功能

目录1.先看效果图2.实现思路3.pages.json文件中配置4.page的代码5.点击按钮后跳转事件uni-app自定义导航栏右侧做增加按钮并跳转链接uni-app 在页面上的导航栏右侧做一个增...

2022-08-03

121浏览

0评论

JavaScript的异步ajax详解

目录一级目录二级目录三级目录HTTP协议请求消息结构请求方法响应头信息响应状态码AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript【JSON】和 XML）。XMLHttpR...

2022-08-03

149浏览

0评论

js如何实现小程序wx.arrayBufferToBase64方法实例

目录前言探索失败的过程卡壳的arrayBuffer转base64关键点btoa的实现修成正果总结前言在小程序开发中，需要将接口请求获得的arrayBuffer数据，转换为base64格式数据，进行图片的显...

2022-08-03

82浏览

0评论

Javascript连接数据库查询并插入数据

目录一、准备数据库二、在Vscode中编译package.json文件三、用Javascript代码实现数据库的连接四、查询和插入数据编译环境 : vscode
数据库 : MySQL
类库 : node一、准备数...

2022-08-03

104浏览

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

137浏览

0评论

JavaScript树形组件实现无限级树形结构

目录一、问题研究的背景和意义二、详细设计方案三、源代码实现（Java版）四、思考与总结（1）XML层次结构（2）UL-LI层次结构（3）TABLE层次结构一、问题研究的背景和意义...

2022-08-03

113浏览

0评论

JavaScript模拟实现"双11"限时秒杀效果

目录【案例】限时秒杀一、全局作用域二、弹出对话框和窗口prompt()方法confirm()方法open()方法三、窗口位置和大小四、框架操作五、定时器【案例】限时秒杀代码实现思路：①...

2022-08-03

110浏览

0评论

Javascript的异步函数和Promise对象你了解吗

目录1、JS中的异步1.1 同步1.2 异步1.3 回调函数解决异步问题1.4 回调地狱2、Promise对象2.1 Promise的基本使用2.2 async 和 await总结1、JS中的异步1.1 同步一般情况下，js...

2022-08-03

86浏览

0评论

用JS写了一个30分钟倒计时器的实现示例

前端页面倒计时功能在很多场景中会用到，如很多秒杀活动等，本文主要介绍了用JS写了一个30分钟倒计时器的实现示例，感兴趣的可以了解一下<!DOCTYPE HTML><html> <head> ...

2022-08-03

92浏览

0评论

javascript解锁前端密码框常见功能做法

目录前言显示隐藏密码明文1.用到的图片素材2.代码3.结果演示密码框验证信息1.用到的图片素材2.代码3.结果演示结语前言学前端最基本的登录页面肯定要会写，那登录页面里面的密...

2022-08-03

101浏览

0评论

通过示例演示理解javascript预解析

目录提出问题坑一坑二问题解答案例练习案例一案例二案例三案例四（经典的面试题）结语面试官最爱考的javascript预解析，你搞明白了吗？javascript的es5语法和其他语言还是有些区别...

2022-08-03

120浏览

0评论

拿捏javascript对象增删改查应用及示例

目录什么是对象？为什么需要对象？创建对象的三种方式利用对象字面量创建对象利用new关键字创建对象利用构造函数创建对象new关键字的执行过程对象属性的增删改查(和py的字典类...

2022-08-03

116浏览

0评论

javascript数组中的findIndex方法

目录1findIndex()简单介绍2编辑器3代码部分4运行结果5总结1findIndex()简单介绍findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。当数组中的元素在...

2022-08-03

138浏览

0评论

js实现简单的抽奖系统

一个用js编写的简单的抽奖系统，供大家参考，具体内容如下效果图如图所示：字节带闪动，点击开始，可进行抽奖，并且按钮变为结束按钮，然后点击结束按钮，可以结束，并抽奖成功。代码如下：<!DO...

2022-08-03

121浏览

0评论

Three.js+React实现3D文字悬浮效果

目录背景效果实现资源引入DOM结构设置状态网格背景场景初始化创建材质创建文字模型创建几何体模型鼠标事件监听背景色切换后期渲染动画缩放适配双击全屏总结背景在 Three.js...

2022-08-03

133浏览

0评论

Echart中国地图更换背景图的方法示例

目录需求解题思路解题方法最终效果需求ui设计稿给了一张下面这张图，背景图用线条画出来的，心里也是...，没办法也是要实现出来。解题思路1.思路一在canvas外层添加一个div背景...

2022-08-03

95浏览

0评论

原生JS实现H5转盘游戏的示例代码

目录1.基础的页面布局（index.html）1.1html布局1.2css布局（style.css）2.工具函数（用于调整概率）3.传参及接收值配置4.dom操作方法及具体逻辑处理5.FAQ（注意事项）本文是真实的实战项目...

2022-08-03

114浏览

0评论

使用postMessage实现iframe跨域通信的示例代码

1、父页面内容<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>主页面</h1> <iframe id=...

2022-08-03

110浏览

0评论

JSON.stringify实例详解以及灵活运用

目录前言语法参数replacer参数space参数特性描述应用localStorage对象深拷贝属性过滤总结前言工作中经常使用 JSON.stringify 方法存储 localStorage，深拷贝对象，用的最多的就...

2022-08-03

83浏览

0评论

JavaScript属性操作

一、属性的设置和获取1、属性的设置和获取主要有两种方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...

2022-08-03

105浏览

0评论

简单聊一聊原生Ajax与JQuery Ajax

目录前言一、Ajax简介。二、Ajax概念1、XMLHttpRequest对象2、HTTP请求3、XHR用法三、jQuery-AJAX总结前言没有学Ajax之前，就在想这到底是一门什么技术，问自己什么是Ajax？Ajax...

2022-08-03

112浏览

0评论

javascript内置对象Date案例总结分析

目录Date的基本使用格式化时间1.格式化日期-年，月，日2.格式化时，分，秒获取Date总的毫秒数(时间戳)案例-网页倒计时核心算法（重要）结语Date的基本使用内置对象Date是构造函数，用new...

2022-08-03

82浏览

0评论

HTML+JavaScript实现筋斗云导航栏效果

功能要求：1、鼠标经过某个li，筋斗云跟着到当前的位置2、鼠标离开这个li，筋斗云回到原来的位置3、鼠标点击了某个li，筋斗云就留在点击这个位置<!DOCTYPE html><html lang="en"> <...

2022-08-03

102浏览

0评论

javascript数组中的map方法和filter方法

目录一、map方法1编辑器2代码部分3运行结果二、filter方法 1编辑器2代码3运行结果一、map方法1编辑器编辑器搞出来一起研究研究数组中的map方法：2代码部分var geyao=['歌谣'...

2022-08-03

79浏览

0评论

利用JavaScript模拟京东快递单号查询效果

1、上面放大框开始是隐藏的，当输入单号后，就显示，并且里面的内容是输入框的内容的字体的放大<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta htt...

2022-08-03

194浏览

0评论

原生js实现简易抽奖系统

本文实例为大家分享了js实现简易抽奖系统的具体代码，供大家参考，具体内容如下效果图原理：其实这里的原理就是通过按钮的状态是开始抽奖还是停止如果i=ture 那就触发定时器每5...

2022-08-03

热门文章