编程开发 - 教程之家

60浏览

0评论

Echarts地图实例详解(地图样式、合并地图、增加地图)

目录概述地图实现提出问题自定义地图总结概述地图在我们日常的数据可视化分析中是很常见的一种展示手段，不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色。...

2022-08-03 21:55:49

47浏览

0评论

微信小程序实现圆心进度条

本文实例为大家分享了微信小程序实现圆心进度条的具体代码，供大家参考，具体内容如下一、创建项目结构打开微信开发者工具创建一个项目，新建与 pages 同级目录 components，在 c...

2022-08-03 21:55:46

53浏览

0评论

微信小程序使用slider实现音频进度条

众所周知哈，微信小程序里面的音频播放是没有进度条的，但最近有个项目呢，客户要求音频要有进度条控制，所以就想到了用slider来实现音频的进度条显示及控制微信小程序的slider组件...

2022-08-03 21:55:42

29浏览

0评论

JS实现简单九宫格抽奖

用JavaScript写一个九宫格的抽奖盘，供大家参考，具体内容如下点击中间的块，选中奖品的亮块会在边缘的8个块循环；选中后，弹出选中的内容；代码参考：HTML文件:<body><div class="box">...

2022-08-03 21:55:41

45浏览

0评论

JavaScript实现九宫格拖拽效果

本文实例为大家分享了JavaScript实现九宫格拖拽效果的具体代码，供大家参考，具体内容如下关于一些拼图游戏什么的，见人家效果做的不错，参考下别人写的代码，我也尝试着做了个。<!DO...

2022-08-03 21:55:39

31浏览

0评论

JS 中的 Event Loop 是什么你真的懂

目录setTimeout 定时器并不准宏任务和微任务一道经典异步题结尾Event Loop，简单翻译就是事件循环，是 JS 语言下实现运行时的一个机制。JS 的异步并不像其他语言（比如 Java）的异...

2022-08-03 21:55:38

35浏览

0评论

浅析JavaScript中的特殊函数及用法小结

目录写在前面匿名函数回调函数自调函数作为值的函数写在前面JavaScript中的函数本质上是一个对象，我们可以将这个对象赋值给一个变量，这就使JavaScript中的函数变得非常的灵...

2022-08-03 21:55:36

53浏览

0评论

JS实现树形结构与数组结构相互转换并在树形结构中查找对象

总是有很多需求是关于处理树形结构的，所以不得不总结几个常见操作的写法。首先假设有一个树形结构数据如下var tree=[ { 'id': '1', 'name': '教学素材管理', 'chi...

2022-08-03 21:55:34

58浏览

0评论

微信小程序实现答题功能

本文实例为大家分享了微信小程序实现答题功能的具体代码，供大家参考，具体内容如下view<view class="topnav"> <image src="../../image/top.jpg"></image> <view class="b...

2022-08-03 21:55:32

98浏览

0评论

微信小程序实现环形进度条

本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下index.wxss.circle { position: absolute; left: 0; right: 0; margin: auto;}ind...

2022-08-03 21:55:30

43浏览

0评论

window.print()打印根据高度设置居中显示和布局(纵向横向)

目录1.页面定义打印div按钮：2.js中写按钮的监听事件、打印之前设置页面样式的方法 3.对设置参数进行解释4.效果演示1.页面定义打印div按钮： ...

2022-08-03 21:55:29

42浏览

0评论

JavaScript canvas绘制圆形加载进度条

本文实例为大家分享了JavaScript canvas绘制圆形加载进度条的具体代码，供大家参考，具体内容如下1.需求：通过canvas绘制一个圆形的进度条2.实现思路：2.1 绘制灰色底框2.2 创建变...

2022-08-03 21:55:26

37浏览

0评论

JavaScript canvas绘制动态圆环进度条

本文实例为大家分享了JavaScript canvas绘制动态圆环进度条的具体代码，供大家参考，具体内容如下由于使用的是vue开发，所以就展示一下绘制函数好了，上图是效果图drawMain(drawing...

2022-08-03 21:55:24

48浏览

0评论

微信小程序实现横向滚动条

本文实例为大家分享了微信小程序横向滚动条的具体代码，供大家参考，具体内容如下微信小程序scroll-view实现横向滑动滚动效果图如下：左右滑动效果展示如下：实现代码：index.wxml<vi...

2022-08-03 21:55:23

54浏览

0评论

小程序canvas实现画布半圆环

本文实例为大家分享了小程序canvas实现画布半圆环的具体代码，供大家参考，具体内容如下1、效果图：2、wxml：<view class="fragrance_item"> <view class="fragPos"> <view...

2022-08-03 21:55:20

41浏览

0评论

原生JavaScript实现九宫格抽奖

本文实例为大家分享了JavaScript实现九宫格抽奖的具体代码，供大家参考，具体内容如下思路：通过移动背景颜色实现中奖信息，每一个方形元素，需要按顺序排列，加个延时器，当到最后一个...

2022-08-03 21:55:18

39浏览

0评论

原生JS生成九宫格

原生JS生成九宫格图片并且实现图片互换，供大家参考，具体内容如下解题思路涉及知识点，请1、熟练利用js做出html样式
2、对onmousedown,onmousemove,onmouseup等事件熟练组合运用...

2022-08-03 21:55:16

117浏览

0评论

JS实现九宫格拼图游戏

本文实例为大家分享了JS实现九宫格拼图游戏的具体代码，供大家参考，具体内容如下<!doctype html><html><head> <meta charset="UTF-8"> <title>九宫格拼图</title> <style>...

2022-08-03 21:55:15

45浏览

0评论

js中什么时候不能使用箭头函数

目录箭头函数箭头函数有什么缺点？什么时候不能使用箭头函数？1. 对象方法中，不适用箭头函数为什么对象方法中，箭头函数的this指向不是这个对象？2. 原型方法中，不适用箭头函数3. 构...

2022-08-03 21:55:13

29浏览

0评论

微信小程序实现监听页面滚动

本文实例为大家分享了微信小程序实现监听页面滚动的具体代码，供大家参考，具体内容如下1.正常状态下2.页面滚动到大于100时显示定位到顶部的view盒子3.html部分<view class="qu...

2022-08-03 21:55:10

68浏览

0评论

原生JavaScript实现模态框的示例代码

目录原生js封装模态框示例效果代码原生js封装模态框最近需要一个模态框，然后一种是提示类的，一种是确认类型，我就想着再网上找一个然后修改一下，结果找到了，但是不深特别合适，我再...

2022-08-03 21:55:08

65浏览

0评论

微信小程序用canvas实现圆形进度条

本文实例为大家分享了微信小程序用canvas实现圆形进度条的具体代码，供大家参考，具体内容如下先放效果图，如下：1. wxml文件代码如下对于圆形进度条中间的文字，如果是简单的，可以用...

2022-08-03 21:55:06

37浏览

0评论

window.print()打印html网页的两种方法实现

目录一、编辑打印区域二：将不需要打印的部分隐藏一、编辑打印区域思路：通过编辑打印的开始、结束标记来区分打印的区域HTML：<div>打印的区域</div><!--endpri...

2022-08-03 21:55:05

25浏览

0评论

用chart.js添加动态背景图

本文实例为大家分享了用chart.js添加动态背景图的具体代码，供大家参考，具体内容如下1.效果图：2.HTML<div class="background-image"> <canvas id="drawing...

2022-08-03 21:55:03

43浏览

0评论

uniapp上传二进制图片的实现

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

2022-08-03 21:55:01

37浏览

0评论

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

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

2022-08-03 21:54:57

41浏览

0评论

JavaScript实现九宫格抽奖

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

2022-08-03 21:54:55

48浏览

0评论

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

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

2022-08-03 21:54:53

28浏览

0评论

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

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

2022-08-03 21:54:52

48浏览

0评论

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

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

2022-08-03 21:54:49

37浏览

0评论

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

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

2022-08-03 21:54:45

31浏览

0评论

JavaScript canvas实现环形渐变进度条

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

2022-08-03 21:54:44

35浏览

0评论

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

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

2022-08-03 21:54:42

24浏览

0评论

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

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

2022-08-03 21:54:40

41浏览

0评论

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

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

2022-08-03 21:54:38

55浏览

0评论

js实现网页换肤

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

2022-08-03 21:54:36

43浏览

0评论

javascript实现倒计时小案例

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

2022-08-03 21:54:34

31浏览

0评论

用JS实现贪吃蛇游戏

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

2022-08-03 21:54:33

47浏览

0评论

JS ES5创建常量详解

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

2022-08-03 21:54:30

34浏览

0评论

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

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

2022-08-03 21:54:28

31浏览

0评论

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

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

2022-08-03 21:54:26

27浏览

0评论

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

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

2022-08-03 21:54:24

50浏览

0评论

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

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

2022-08-03 21:54:23

22浏览

0评论

JavaScript 数组方法filter与reduce

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

2022-08-03 21:54:21

44浏览

0评论

js+css实现换肤效果

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

2022-08-03 21:54:20

38浏览

0评论

用javascript实现放大镜效果

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

2022-08-03 21:54:18

45浏览

0评论

javascript实现表单隔行变色

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

2022-08-03 21:54:08

51浏览

0评论

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

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

2022-08-03 21:54:05

54浏览

0评论

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

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

2022-08-03 21:54:02

42浏览

0评论

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

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

2022-08-03 21:54:00

热门文章