JavaScript - 教程之家

43浏览

0评论

uniapp上传二进制图片的实现

功能需求：前端选择本地文件，将选择好的文件显示在界面上进行预览，可同时选择四张进行预览。思路如下：前端选择本地的png、jpg、等格式的图片，将图片以二进制的形式传到后端服务器...

2022-08-03

37浏览

0评论

微信小程序实现竖排slider效果

本文实例为大家分享了微信小程序实现竖排slider效果的具体代码，供大家参考，具体内容如下js：Component({ properties: { blockColor: { type: String, v...

2022-08-03

41浏览

0评论

JavaScript实现九宫格抽奖

本文实例为大家分享了JavaScript实现九宫格抽奖的具体代码，供大家参考，具体内容如下看到个抽奖案例，觉得还不错。就自己做了一个简单版本。点击中间的开始，抽奖就会跑起来，速度由...

2022-08-03

48浏览

0评论

微信小程序实现简单九宫格抽奖

本文实例为大家分享了微信小程序实现简单九宫格抽奖的具体代码，供大家参考，具体内容如下废话不多说，先上样板图代码就先wxml文件：<view id="container">  <view...

2022-08-03

28浏览

0评论

微信小程序音频录制波纹循环动画

本文实例为大家分享了微信小程序音频录制波纹循环动画的具体代码，供大家参考，具体内容如下实现的效果第一种方法(利用微信小程序的animation)wxml部分<!--pages/myRecode/myRe...

2022-08-03

48浏览

0评论

使用TypeScript实现一个类型安全的EventBus示例详解

目录前言准备工作目标思路具体实现全部代码后记前言随着vue3的发布，TypeScript在国内越来越流行，学习TypeScript也随即变成了大势所趋。本文就通过实现一个类型安全的EventBus...

2022-08-03

38浏览

0评论

微信小程序自定义用户登录弹窗

本文实例为大家分享了微信小程序自定义用户登录弹窗的具体代码，供大家参考，具体内容如下view<button class="btn" bindtap="powerDrawer" data-statu="open">立即进入</but...

2022-08-03

31浏览

0评论

JavaScript canvas实现环形渐变进度条

最近有个需求要做环形渐变色进度条，去网上找了半天没找到合适的，大多数渐变色都是径向渐变，所以自己用canvas写了个环形渐变的图：这个渐变其实就是把圆环分成许多小块分别绘制的...

2022-08-03

35浏览

0评论

微信小程序实现一键回到顶部功能

做微信小程序的时候遇到了这个问题要求列表页要做一个实现上拉一定距离后显示一键返回顶部的点击可以一下子回到列表顶部。遇到问题不要慌面向百度编程 ----上代码.wxml文件...

2022-08-03

24浏览

0评论

JavaScript中async和await的使用及队列详情

目录一、宏任务和微任务的队列入门知识，可以参考之前的文章：1.async && await概念2.async && await基本使用二、async&& await结合promise在面试时回遇到的队列问题三、总结一...

2022-08-03

42浏览

0评论

JavaScript数组常用方法解析及数组扁平化

目录前言一、常用数组操作方法push末尾追加元素pop删除数组末尾元素sort排序shift数组开头添加元素 && unshift数组开头删除元素数组合并concatindexOf查找元素 && includes...

2022-08-03

55浏览

0评论

js实现网页换肤

本文实例为大家分享了js实现网页换肤的具体代码，供大家参考，具体内容如下效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t...

2022-08-03

43浏览

0评论

javascript实现倒计时小案例

本文实例为大家分享了javascript实现倒计时效果的具体代码，供大家参考，具体内容如下效果如下:代码思路:1、这个倒计时是不断变化的，因此需要定时器来自动变化 ( setInterval )...

2022-08-03

31浏览

0评论

用JS实现贪吃蛇游戏

本文实例为大家分享了JS实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下效果图：完整代码如下：html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> ...

2022-08-03

47浏览

0评论

JS ES5创建常量详解

目录前言ES 5 创建常量Object.defineProperty 的基础用法创建常量常量居然可以修改值？兼容性前言ES6 刚推出的时候，let和const应该是大多数人学习ES6的第一个知识点。其中cons...

2022-08-03

34浏览

0评论

微信小程序左右滑动删除事件详解

本文实例为大家分享了微信小程序左右滑动删除事件，供大家参考，具体内容如下效果图上代码<scroll-view scroll-y enable-back-to-top style="height:{{ scrollHeight }}px" > ...

2022-08-03

31浏览

0评论

微信小程序scroll-view实现自定义滚动条

本文实例为大家分享了微信小程序scroll-view实现自定义滚动条的具体代码，供大家参考，具体内容如下html <scroll-view class="my-grid" scroll-x="true" bind...

2022-08-03

27浏览

0评论

Rxjs map, mergeMap 和 switchMap 的区别与联系

目录前言mapmergeMapswitchMap前言map、mergeMap 和 switchMap 是 RxJS 中的三个主要运算符，在 SAP Spartacus 开发中有着广泛的使用场景。mapmap 是 Observables 中最常见的...

2022-08-03

50浏览

0评论

微信小程序实现手机号码验证

本文实例为大家分享了微信小程序实现手机号码验证的具体代码，供大家参考，具体内容如下wxml<form bindsubmit='formSubmit'> <view class='all'> <text>手机号：</text> ...

2022-08-03

22浏览

0评论

JavaScript 数组方法filter与reduce

目录前言filterreduce数组求和筛选首字母是否是含有b字母结语前言在ES6新增的数组方法中，包含了多个遍历方法，其中包含了用于筛选的filter和reducefilter主要用于筛选数组的fi...

2022-08-03

44浏览

0评论

js+css实现换肤效果

本文实例为大家分享了js+css实现换肤效果的具体代码，供大家参考，具体内容如下效果图如下：需求：点击对应小圆点，下面内容颜色跟着改变主要思路：1.在css中把对应的样式先写好；
2.获取...

2022-08-03

38浏览

0评论

用javascript实现放大镜效果

我们经常在一些详情页上可以见到放大镜效果，今天我们也来做一个放大镜样式。先来看一下效果:图中的图片选的不是很好,有些糊了,各位可以重新选择图片进行做放大镜案例这个案...

2022-08-03

45浏览

0评论

javascript实现表单隔行变色

本文实例为大家分享了javascript实现表单隔行变色的具体代码，供大家参考，具体内容如下效果如下:代码思路:1、用到鼠标经过onmouseover 鼠标离开onmouseout
2、鼠标经过tr行,当...

2022-08-03

51浏览

0评论

微信小程序用swiper实现滑动刻度尺

本文实例为大家分享了微信小程序用swiper实现滑动刻度尺的具体代码，供大家参考，具体内容如下效果图思路：利用微信swiper组件实现滑动效果，创建一个数组arr，先存启始数据进去，然后...

2022-08-03

54浏览

0评论

JS中节流和防抖函数的实现及区别示例

目录引言一、概念二、实现三、区别四、Lodash4-1.throttle4-2.debounce五、使用场景六、总结引言在前端开发中，经常和DOM、BOM打交道，例如：窗口的resize、scroll，输入框内容校验...

2022-08-03

42浏览

0评论

js实现让某个动作延迟几秒执行

目录js让某个动作延迟几秒执行js延迟函数delay的使用js让某个动作延迟几秒执行setTimeout(function (){ $(button).linkbutton('enable'); ...

2022-08-03

46浏览

0评论

Navigator sendBeacon页面关闭也能发送请求方法示例

目录背景beforeunloadunload问题Navigator.sendBeaconFetch keep-alive背景最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单当时考虑的方...

2022-08-03

31浏览

0评论

微信小程序实现触底加载

现在来看小程序还没有使用pc端的那种分页格式，现在微信小程序上分页一般使用触底加载来实现分页的，下面就来分享一个触底加载的实现方式。1.首先要从后端也就是服务器上获取分...

2022-08-03

92浏览

0评论

微信小程序实现表单验证源码

本文实例为大家分享了微信小程序实现表单验证的具体代码，供大家参考，具体内容如下效果图点击预约设计弹出表单城市，面积不能输入，只能选择点击位置获取当前定位源码:Wxml<!--pag...

2022-08-03

37浏览

0评论

JavaScript Rxjs mergeMap 的使用场合

注意：flatMap 是 mergeMap 的别名。如果一次只能激活一个内部订阅，请使用 switchMap.如果内部 observables 的发射和订阅顺序很重要，请使用 concatMap.当需要展平内部 observab...

2022-08-03

183浏览

0评论

JS实现一键复制

原生js实现点击按钮复制文本，供大家参考，具体内容如下最近遇到一个需求，需要点击按钮，复制聊天记录的文本到剪切板一、原理分析浏览器提供了 copy 命令，可以复制选中的内容docu...

2022-08-03

32浏览

0评论

js复制文本到粘贴板(Clipboard.writeText())

目录复制文本到粘贴板(Clipboard.writeText())网上的代码clipboard.jsClipboard.writeText()复制内容到剪贴板（无插件，兼容所有浏览器）复制文本到粘贴板(Clipboard.writeText()...

2022-08-03

46浏览

0评论

微信小程序缓存过期时间的相关设置(推荐)

目录微信小程序缓存机制介绍哪些是一定需要过期的缓存写法微信小程序缓存机制介绍每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getS...

2022-08-03

28浏览

0评论

javascript实现发送短信验证码案例

本文实例为大家分享了javascript实现发送短信验证码的具体代码，供大家参考，具体内容如下效果如下:代码思路:1.按钮点击之后，会禁用disabled 为true
2.同时按钮里面的内容会变化...

2022-08-03

44浏览

0评论

JS实现拖动模态框案例

本文实例为大家分享了JS实现拖动模态框的具体代码，供大家参考，具体内容如下效果图：需求分析：点击登录后登录表单和遮罩层显示，点击关闭按钮隐藏。输入密码时可以明文查看或者隐藏...

2022-08-03

43浏览

0评论

微信小程序实现日期格式化

最近做了一个微信小程序的项目，关于后端给我传递日期的时候，我拿到的是一串数字如：createDate: 1552117531000 ，这是一个列的创建时间，现在却变成了一串数字，这是怎么回事？其实这串...

2022-08-03

48浏览

0评论

JS中的几种循环和跳出方式

JS中的循环是大家很常用的，这里总结一下几种常用循环的跳出方式。1.for循环var arr = ['q','w','e','r','t'];for(var i=0, len = arr.length ; i< len ; i++){console.log(a...

2022-08-03

48浏览

0评论

一文教会你提高Javascript代码效率的技巧

目录变量声明三元运算符解构赋值解构交换箭头函数字符串模版多值匹配ES6对象简写字符串转数字次方相乘数组合并查找数组最大值最小值获取字符串字符并&&操作数组排序数组过...

2022-08-03

62浏览

0评论

微信小程序自定义地址组件

本文实例为大家分享了微信小程序自定义地址组件的具体代码，供大家参考，具体内容如下项目需求需要调用后台传过来的地址，存储地址时存的是地址的id，所以市面上的地址组件均不符合...

2022-08-03

41浏览

0评论

js实现一键换肤效果

本文实例为大家分享了js实现一键换肤效果的具体代码，供大家参考，具体内容如下方法1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-...

2022-08-03

40浏览

0评论

JS实现网站换肤

本文实例为大家分享了JS实现网站换肤的具体代码，供大家参考，具体内容如下先看效果1、左侧是待选择的图片列表
2、点击对应图片自动为当前网站换背景图片
3、为当前选择的图片...

2022-08-03

48浏览

0评论

js实现拖动模态框

模态框,我们也叫弹出框,可以在网易云,京东等之类的网页中看到。效果如下:代码思路:1．点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2．点击关闭按钮，可以关闭模态框，并且...

2022-08-03

38浏览

0评论

js实现模态框的拖拽效果

本文实例为大家分享了js实现模态框拖拽效果的具体代码，供大家参考，具体内容如下之前学习js遇到了这样的需求：
鼠标按下后，移动鼠标，模态框随鼠标移动，鼠标松开，模态框也不会随鼠标...

2022-08-03

42浏览

0评论

微信小程序实现吸顶盒效果

本文实例为大家分享了微信小程序实现吸顶盒效果的具体代码，供大家参考，具体内容如下html部分  <view class="partner-content-container mt15"> ...

2022-08-03

34浏览

0评论

JavaScript中rxjs与 Observable 两大类操作符解析

目录前言1. 可以加入到 pipe 链式操作的 Operator2. 创建型 Operator3. 冷热 Observable 的区别前言Observable 生产的数据，应该提供开发人员足够的自由度，对这些数据进行各种...

2022-08-03

36浏览

0评论

JavaScript关于某元素点击事件的监听和触发

目录一. 触发元素同步效果方法一：原生JavaScript的click()点击事件方法二：JQuery事件 — trigger()方法二. 触发元素监听效果方法一：原生JavaScript监听方法二：JQuery监...

2022-08-03

87浏览

0评论

微信小程序实现一键登录

本文实例为大家分享了微信小程序实现手机号登录的具体代码，供大家参考，具体内容如下项目需求点击按钮获取用户电话号码绑定到后台，登录。实现思路1、使用微信开放功能为获取用...

2022-08-03

42浏览

0评论

javascript实现点击按钮变色

本文实例为大家分享了javascript实现点击按钮变色的具体代码，供大家参考，具体内容如下效果如下:代码如下:在这个案例中主要用到的是排他思想html部分输入我们所需要的按钮个数...

2022-08-03

44浏览

0评论

教你用Js写一个简单的五子棋小游戏

目录棋盘绘制棋子的绘制在点击 canvas 的时候获取相对于棋盘数据的坐标点是否结束悔棋功能总结这里的五子棋只做一些基础的功能，对于相对专业的规则不做处理。那么该五子棋实...

2022-08-03

110浏览

0评论

JavaScript实现网页计算器

本文实例为大家分享了JavaScript实现网页计算器的具体代码，供大家参考，具体内容如下我们学完了函数，做一个网页计算器的小案例，巩固一下。共两个案例：案例一图：相加：相减：相乘：相除：代...

2022-08-03

热门文章