JavaScript - 教程之家

60浏览

0评论

JS实现点击button按钮切换图片

JS实现点击button按钮切换图片的具体代码，供大家参考，具体内容如下放暑假在家打算学习html/css/js制作网页，只有html/css的一些基础。实现效果如图：这个网页很简单，是用Dreamweav...

2022-08-03

68浏览

0评论

JavaScript实现Tab点击切换

Tab 选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生 Jquery 来实现 Tab 点击切换的...

2022-08-03

66浏览

0评论

JavaScript事件循环同步任务与异步任务

目录前言执行栈与任务队列执行栈任务队列同步任务与异步任务同步任务异步任务js的执行机制结语前言首先，在学习js中同步异步的问题前，需要明白，js是单线程的，为什么它得是单线程...

2022-08-03

69浏览

0评论

js实现鼠标移入图片放大效果

使用原生js编写一个鼠标移入图片放大效果，供大家参考，具体内容如下目标给图片添加鼠标移动放大方法效果，移到哪里放大哪里先看看效果是不是你想要的，再看代码移入前移入后html<!...

2022-08-03

59浏览

0评论

跨域浏览器设置解决前端跨域问题

目录一、什么是跨域二、什么情况下会出现跨域三、uni-app 项目解决跨域办法四、Vue.js 项目解决跨域办法五、终极解决办法，删除浏览器跨域限制一、什么是跨域出于浏览器的...

2022-08-03

82浏览

0评论

微信小程序获取用户手机号码的详细步骤

目录前言接下来我们通过服务器获取授权deciphering解密方法总结前言我们在做小程序开发的过程中，经常会涉及到用户身份的问题，最普遍的就是我们要获取用户的手机号码，通过微信...

2022-08-03

74浏览

0评论

微信小程序自定义时间段picker选择器

本文实例为大家分享了微信小程序自定义时间段picker选择器的具体代码，供大家参考，具体内容如下想实现一个可以选择年份和时间段的日期选择器，如下所示微信小程序自带的picker组...

2022-08-03

75浏览

0评论

微信小程序自定义多列选择器使用

本文实例为大家分享了微信小程序自定义多列选择器的具体代码，供大家参考，具体内容如下项目需要，需要实现一个多列选择器，在用户确定之前，无论列表如何转，都不会影响已确定值的显示...

2022-08-03

75浏览

0评论

微信小程序复选框组件使用详解

在工作中频繁用到复选框，于是自己写了个组件，增加其复用性，提高效率。
先看效果图：提交后得到一个选中项的id组成的数组下边直接上代码：代码地址为：components/checkGrop/checkGro...

2022-08-03

50浏览

0评论

Javascript实现元素选择器功能

本文实例为大家分享了Javascript实现元素选择器功能的具体代码，供大家参考，具体内容如下什么是元素选择器？用过jquery的开发者都知道，jquery封装了对元素的查找功能，即通过jquery...

2022-08-03

64浏览

0评论

原生JavaScript实现购物车效果

本文实例为大家分享了JavaScript实现购物车效果的具体代码，供大家参考，具体内容如下HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...

2022-08-03

91浏览

0评论

小程序中读取腾讯文档的表格数据的实现

目录1 创建连接器2 创建腾讯文档3 应用中访问腾讯文档3.1 获取sheet中的所有数据3.2 迭代行和列的数据4 总结日常生活中我们使用腾讯文档在线的收集各类数据，数据收集是比较...

2022-08-03

61浏览

0评论

js实现数字拼图

本文实例为大家分享了js实现数字拼图的具体代码，供大家参考，具体内容如下重点：游戏区分为8个div，进行游戏时需要判断点击的div是否可移动，移动后判断游戏是否结束。解决思路：将游...

2022-08-03

56浏览

0评论

js实现导航栏上下动画效果

本文实例为大家分享了js实现导航栏上下动画的具体代码，供大家参考，具体内容如下obj.currentStyle[name] 与 getComputedStyle(obj,false)[name]，一个是支持IE 一个支持FE
完美...

2022-08-03

76浏览

0评论

uniapp微信小程序自定义导航栏的全过程

目录前言那么标题栏的高度我们怎么获取呢？献上源码：组件使用：效果图：总结前言相信很多小伙伴在使用uniapp进行多端开发的时候呢，在面对一些奇葩的业务需求的时候，uniapp给我们提供...

2022-08-03

76浏览

0评论

微信小程序日期选择器使用详解

本文实例为大家分享了微信小程序日期选择器的具体代码，供大家参考，具体内容如下需求：在小程序开发中，时常会遇到日期选择器、时间选择器或者地区选择器来进行选择的功能。往往设...

2022-08-03

65浏览

0评论

JavaScript判断两个值相等的方法详解

目录前言非严格相等严格相等同值零同值总结前言在 JavaScript 中如何判断两个值相等，这个问题看起来非常简单，但并非如此，在 JavaScript 中存在 4 种不同的相等逻辑，如果你不知...

2022-08-03

51浏览

0评论

微信小程序实现地区选择伪五级联动

本文实例为大家分享了微信小程序实现地区选择伪五级联动的具体代码，供大家参考，具体内容如下效果图这里采用的是自定义多列选择器picker mode="multiSelector"<view class="se...

2022-08-03

63浏览

0评论

微信小程序下拉框组件使用方法

小程序有时需要使用下拉框选项，通常我会使用 picker 组件实现。pick 组件使用 mode 来区分类别，默认使用普通选择器就行。除了上述方式，我们也可以通过自定义组件实现，代码如下：/...

2022-08-03

63浏览

0评论

JS实现时间选择器

本文实例为大家分享了JS实现时间选择器的具体代码，供大家参考，具体内容如下dateTime.jsfunction withData(param) { return param < 10 ? '0' + param : '' + param;}functi...

2022-08-03

78浏览

0评论

js实现点击切换和自动播放的轮播图

本文实例为大家分享了js实现点击切换和自动播放的轮播图，供大家参考，具体内容如下轮播图案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2022-08-03

71浏览

0评论

js实现简单拼图游戏

本文实例为大家分享了js实现简单拼图游戏的具体代码，供大家参考，具体内容如下HTML仅有一个id为game的div，并且没有编写css样式，只需要在img文件夹中放置一个图片文件就行，此处我...

2022-08-03

55浏览

0评论

JS实现图片上下切换

本文实例为大家分享了JS实现图片上下切换的具体代码，供大家参考，具体内容如下源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e...

2022-08-03

62浏览

0评论

JavaScript本地存储实现用户名存储案例

目录一、本地存储1.1 本地存储特性1.2 window.sessionStorage1.3 window.localStorage用户名存储案例一、本地存储1.1 本地存储特性1、数据存储在用户浏览器中
2、设置、读...

2022-08-03

52浏览

0评论

微信小程序实现课程选择器

本文实例为大家分享了微信小程序实现课程选择器的具体代码，供大家参考，具体内容如下话不多说，直接上效果图代码如下wxml<view class="urg_input"> <picker class="grad...

2022-08-03

59浏览

0评论

万字详解JavaScript手写一个Promise

目录前言Promise核心原理实现Promise的使用分析MyPromise的实现在Promise中加入异步操作实现then方法的多次调用实现then的链式调用then方法链式调用识别Promise对象自返回...

2022-08-03

57浏览

0评论

js实现列表循环滚动

本文实例为大家分享了js实现列表循环滚动的具体代码，供大家参考，具体内容如下先介绍几个属性clientHeight 元素的高度clientTop 元素顶部边框的宽度scrollTop 滚动条遮挡的部...

2022-08-03

75浏览

0评论

JS前端首屏优化技巧

目录引言打包分析路由懒加载vue.config.js 修改 productionSourceMap 为 false首屏请求优化图片压缩配置使用 CDN 方式引入资源库公共代码抽离开启 gzip 压缩其他优化引言前...

2022-08-03

77浏览

0评论

js实现图片查看器

本文实例为大家分享了js实现图片查看器的具体代码，供大家参考，具体内容如下1. 前言网上已经有不少成熟的图片查看器插件，如果是单纯想要点击图片放大预览的话，可以直接使用插件...

2022-08-03

80浏览

0评论

JavaScript中let与const命令使用

目录let命令基本使用适用场景块级作用域概念存在意义const命令基本使用不可被const的情况let命令基本使用let是ES6中新增的声明变量的命令，但是和var不同，let不可以被重复声明...

2022-08-03

70浏览

0评论

JavaScript队列数据结构详解

目录什么是队列？JavaScript中的队列JavaScript中的应用场景最近的请求次数补充总结写在前面：在上一篇文章中介绍了栈这个数据结构，这篇文章介绍一下队列。什么是队列？队列是一种...

2022-08-03

41浏览

0评论

js实现图片轮播切换效果

最近在b站上学习的时候，学到了一个用原生js实现图片轮播切换效果的实战，码下来收藏上图是这个小实战的效果图，整个小实战所实现的功能是图片自动轮播切换、点击上下键图片切换...

2022-08-03

38浏览

0评论

js实现酷炫倒计时动画

本文实例为大家分享了js实现酷炫倒计时动画的具体代码，供大家参考，具体内容如下前段时间和朋友去音乐餐厅吃饭，中间有个活动，然后看到他们软件公众号H5有个活动开始的倒计时的动...

2022-08-03

82浏览

0评论

一文让你快速了解JavaScript栈

目录前言什么是栈？JavaScript中的栈栈的应用场景函数调用堆栈有效的括号总结前言前面两篇文章介绍了数据结构和算法的一些前置内容，这篇文章开始正式学习常见的数据结构，首先学...

2022-08-03

75浏览

0评论

js实现音乐播放器

本文实例为大家分享了js实现音乐播放器的具体代码，供大家参考，具体内容如下音乐播放的主要js代码音乐数据的数组对象想向前端网页提供数据，并且为后面的js代码提供了音乐路径 ...

2022-08-03

84浏览

0评论

JavaScript二叉搜索树构建操作详解

目录前言什么是二叉搜索树构建一颗二叉搜索树二叉搜索树的操作向二叉搜索树中插入数据查找二叉搜索树中的数据删除二叉搜索树的某个节点前驱后继节点删除一个节点的三种情况...

2022-08-03

78浏览

0评论

利用JavaScript实现ISO周日历

目录基础知识公历周日历相关计算1. 计算给定年份总周数2. 计算当天ISO周日历表达3. 给定某一日期，获取其ISO周日历表达方式基础知识阳历：就是以太阳来计算日期的一类历法；阴历...

2022-08-03

65浏览

0评论

JS前端千万级弹幕数据循环优化示例

目录引言1、如何删除数组中的元素2、10000,000条消息如何优化？场景常规思路：产生的问题优化策略代码实现效果展示小结游标法代替splice二分查找完结引言最近做了直播相关的业...

2022-08-03

55浏览

0评论

uni-app和原生小程序混合开发的具体实现过程

现有一个十分庞大的微信小程序应用，想要把新功能利用uni-app来开发，是否可行？有哪些优缺点？首先看到官方给出的解决方案https://uniapp.dcloud.io/hybrid方式1：把原生小程序转换...

2022-08-03

60浏览

0评论

简述冻结JS对象方法技术

目录冰封的美人——冻结JS对象JS对象Object.freeze不可冻结的对象Object.sealObject.preventExtensions冰封的美人——冻结JS对象看到这个标题你可能会...

2022-08-03

312浏览

0评论

JavaScript ECMAScript 6(ES2015~ES2022)所有新特性总结

目录前言ES2015(ES6)let、const关键字和块级作用域函数的扩展数值的扩展字符串的扩展数组的扩展对象的扩展类模块化解构赋值SymbolPromiseIteratorGeneratorProxy和ReffectS...

2022-08-03

76浏览

0评论

深入JS函数中默认参数的使用详解

目录ES5中的默认参数全新默认参数的诞生默认位置默认参数对函数的length属性的影响重新创建的默认参数默认参数与形参的结合使用默认参数的作用域问题默认参数的隐藏性死区（...

2022-08-03

53浏览

0评论

原生javascript实现图片轮播切换效果

本文实例为大家分享了javascript实现图片轮播切换效果的具体代码，供大家参考，具体内容如下效果如下：代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2022-08-03

66浏览

0评论

使用JS实现简单的图片切换功能

本文实例为大家分享了使用JS实现简单的图片切换的具体代码，供大家参考，具体内容如下效果如图：分析：首先为按钮添加单击响应事件，然后构造函数。
其实切换图片就是切换img标签src...

2022-08-03

41浏览

0评论

微信小程序实现tab点击切换

本文实例为大家分享了微信小程序无滑动效果的tab点击切换的具体代码，供大家参考，具体内容如下<view class="body"> <view class="swiper-...

2022-08-03

62浏览

0评论

JavaScript字典与集合详解

目录字典什么是字典JavaScript中的字典字典的应用集合什么是集合JS中的集合集合中的操作交集、并集、差集的封装字典什么是字典说到字典，第一时间想到的应该就是新华字典，实际...

2022-08-03

72浏览

0评论

JavaScript二叉树及各种遍历算法详情

目录什么是二叉树满二叉树完全二叉树二叉树的存储数组存储链表存储与二叉树相关的算法深度优先遍历广度优先遍历先序遍历中序遍历后序遍历前言:上一篇文章中介绍了树的概念...

2022-08-03

65浏览

0评论

js实现文字无缝轮播

本文实例为大家分享了js实现文字无缝轮播的具体代码，供大家参考，具体内容如下所用到的知识点：innerHTML 获取或设置某个对象的内容
scrollTop 滚动条滚动的距离，此属性是系统内...

2022-08-03

62浏览

0评论

js实现列表自动滚动循环播放

本文实例为大家分享了js实现列表自动滚动循环播放的具体代码，供大家参考，具体内容如下1.实现效果图鼠标移入，暂停滚动；鼠标移出，继续滚动；2.原理要实现无缝衔接，在原有ul后面还要...

2022-08-03

60浏览

0评论

JS数组中filter方法的使用实例

目录1、定义2、语法3、参数说明4、用法5、注意事项6、使用实例附：多条件单数据筛选总结1、定义 filter()创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所...

2022-08-03

热门文章