编程开发 - 教程之家

73浏览

0评论

微信小程序实现select下拉框

本文实例为大家分享了微信小程序实现select下拉框的具体代码，供大家参考，具体内容如下实现代码如下：<view class="fenlei">  <view class="select_bo...

2022-08-03 21:49:27

81浏览

0评论

JS项目中对本地存储进行二次的封装的实现

目录前言定义恒量的键名下层实现上层调用总结前言平时在开发的中，发现身边同事在使用localStorage和sessionStorage的时候，喜欢在代码里面直接调用，举个的栗子：function login()...

2022-08-03 21:49:25

65浏览

0评论

微信小程序实现多列选择器

本文实例为大家分享了微信小程序实现多列选择器的具体代码，供大家参考，具体内容如下<picker class="picks" mode="multiSelector" bindchange="bindMultiPickerChange" bindco...

2022-08-03 21:49:23

76浏览

0评论

微信小程序实现计时器开始和结束功能

本文实例为大家分享了微信小程序实现计时器开始和结束的具体代码，供大家参考，具体内容如下1、微信小程序计时功能，点击开始计时2、wxml<view class='tip'>计时器{{h}}:{{m}}:{{...

2022-08-03 21:49:22

80浏览

0评论

微信小程序实现简单弹框效果

本文实例为大家分享了微信小程序实现简单弹框的具体代码，供大家参考，具体内容如下1、页面结构<view> <view class="mask" bindtap="close" wx:if="{{ sho...

2022-08-03 21:49:20

97浏览

0评论

微信小程序自定义Modal弹框

本文实例为大家分享了微信小程序自定义Modal弹框的具体代码，供大家参考，具体内容如下一、创建组件1、在根目录下自定义一个components文件夹，用来存放自定义的组件。
2、再针对...

2022-08-03 21:49:18

84浏览

0评论

微信小程序实现手写签名

本文实例为大家分享了微信小程序实现手写签名的具体代码，供大家参考，具体内容如下本示例具备的功能：1、笔迹绘制2、笔迹清空以下是js代码：var content = null;var touchs = [];v...

2022-08-03 21:49:16

98浏览

0评论

正则表达式在js前端的15个使用场景梳理总结

目录引言千分位格式化解析链接参数驼峰字符串小写转大写实现 trim()HTML 转义HTML 反转义校验 24 小时制校验日期格式匹配颜色值判断 HTTPS/HTTP校验版本号获取网页 img 地...

2022-08-03 21:49:15

90浏览

0评论

Websocket通信协议在数字孪生中的应用

目录写在前面数字孪生中的通讯协议Websocket 是什么Websocket 配置基于 Node.js 的 Websocket 服务器搭建基于Vue 的 Websocket 客户端搭建通过 Websocket 更新 Echart 表格...

2022-08-03 21:49:13

77浏览

0评论

JavaScript实现无缝轮播图的示例代码

目录上效果一、实现过程1）首先实现基本布局2）主要样式二、如何实现无缝呢（重点来了）思路：主要代码完整代码花费一个下午从0到1实现的轮播图，当然还有很多需要改进的地方（欢迎提出...

2022-08-03 21:49:11

72浏览

0评论

关于JavaScript使用export和import的两个报错解决

目录前言报错：Uncaught SyntaxError: Cannot use import statement outside a module报错：Uncaught SyntaxError: The requested module ‘…/js/ui.js’ doe...

2022-08-03 21:48:39

100浏览

0评论

使用js编写实现拼图游戏

本文实例为大家分享了用js编写实现拼图游戏的具体代码，供大家参考，具体内容如下目标使用原生js编写一个拼图游戏，我这里写了两种拼图的方法。一种是拖拽拼图，一种是经典的九宫格...

2022-08-03 21:48:37

90浏览

0评论

微信小程序多项选择器checkbox

本文实例为大家分享了微信小程序多项选择器checkbox的具体代码，供大家参考，具体内容如下第一的话就是我们的相关的布局文件：<view class="container"> <view class="page-bod...

2022-08-03 21:48:35

100浏览

0评论

JavaScript中异步与回调的基本概念及回调地狱现象

目录JavaScript异步与回调一、前言二、异步函数三、回调函数四、回调的回调五、回调地狱六、总结JavaScript异步与回调一、前言在学习本文内容之前，我们必须要先了解异步的概...

2022-08-03 21:48:33

96浏览

0评论

小程序中实现excel数据的批量导入的示例代码

目录1 建立数据源2 编制入库的代码2.1 创建低码方法2.2 低码中调用连接器3 最终的代码4 总结我们上一篇介绍了如何利用微搭的自定义连接器接入腾讯文档的数据，光有接入是不够...

2022-08-03 21:48:32

87浏览

0评论

JavaScript实现左右点击切换图片

本文实例为大家分享了JavaScript实现左右点击切换图片的具体代码，供大家参考，具体内容如下效果：HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...

2022-08-03 21:48:27

78浏览

0评论

javascript实现图片轮播简单效果

本文实例为大家分享了javascript实现图片轮播简单效果的具体代码，供大家参考，具体内容如下这里是css样式 * { margin: 0; padding: 0; } ...

2022-08-03 21:48:24

78浏览

0评论

深入浅出聊一聊js中的'this'关键字

目录前言什么是'this'关键字四种方式---1.调用函数的第一种方法是：将函数作为一种方法四种方式---2.调用函数的第二种方法是：简单的调用函数，不将函数作为方法，不附加...

2022-08-03 21:48:23

70浏览

0评论

js点击按钮实现图片排序

本文实例为大家分享了js点击按钮实现图片排序的具体代码，供大家参考，具体内容如下效果1 、点击按钮如果按钮文字是从大到小将li标签按照从大到小的顺序排列文字改成从小到...

2022-08-03 21:48:21

74浏览

0评论

JavaScript中如何让 x == 1 && x == 2 && x == 3 等式成立

前言某次面试，面试官突然问道：“如何让 x 等于 1 且让 x 等于 2 且让 x 等于 3 的等式成立？”话音刚落，笔者立马失去意识，双眼一黑，两腿一蹬，心里暗骂：什么玩意儿！虽然当时...

2022-08-03 21:48:19

93浏览

0评论

uniapp地图组件(map)使用与遇到的一些问题总结

目录前言首先先看成品定位图标获取自身经纬度通过经纬度获取当前城市信息总结前言这段时间在开发uniapp的时候使用到map组件总结一下本次在uniapp中使用map遇到的一些问题...

2022-08-03 21:48:17

90浏览

0评论

JS手写bind之处理new的情况详解

目录new判断函数是否通过 new 被调用new 和 bind实现完整的 bind结尾大家好，我是前端西瓜哥。之前写了一篇关于 JS 中 bind 方法的实现的文章，并给出了实现：Function.prototype...

2022-08-03 21:48:13

99浏览

0评论

微信小程序实现日期时间筛选器

开发微信小程序过程中，有个需求需要用到日期时间筛选器，查看微信官方文档后，发现官方文档的picker筛选器只能单独支持日期或者是时间，所以为了实现需求自己参考企业微信封装了个...

2022-08-03 21:48:11

87浏览

0评论

微信小程序下面商品左右滑动上面tab也跟随变动功能实现

小程序下面商品左右滑动上面tab也跟随变动功能点击tab切换下面的上面信息，商品左右滑动切换上面的tab分类功能描述：点击tab切换下面的商品信息；滑动下面的商品信息tab也进行切...

2022-08-03 21:48:09

110浏览

0评论

js实现轮播图自动切换

本文实例为大家分享了js实现轮播图自动切换的具体代码，供大家参考，具体内容如下先看效果图第一种 //点击按钮，序号变化showIdx++;if (showIdx == imgArr.length) { ...

2022-08-03 21:48:08

85浏览

0评论

js实现简单图片切换

本文实例为大家分享了JavaScript实现图片间切换的具体代码，供大家参考，具体内容如下代码的主要思路：1、先给“下一张”和“上一张”两个按钮绑定单击响应...

2022-08-03 21:48:06

82浏览

0评论

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

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

2022-08-03 21:48:04

87浏览

0评论

JavaScript实现Tab点击切换

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

2022-08-03 21:48:03

96浏览

0评论

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

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

2022-08-03 21:48:01

84浏览

0评论

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

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

2022-08-03 21:47:59

78浏览

0评论

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

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

2022-08-03 21:47:57

102浏览

0评论

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

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

2022-08-03 21:47:56

106浏览

0评论

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

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

2022-08-03 21:47:53

91浏览

0评论

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

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

2022-08-03 21:47:51

95浏览

0评论

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

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

2022-08-03 21:47:50

69浏览

0评论

Javascript实现元素选择器功能

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

2022-08-03 21:47:47

85浏览

0评论

原生JavaScript实现购物车效果

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

2022-08-03 21:47:46

112浏览

0评论

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

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

2022-08-03 21:47:44

82浏览

0评论

js实现数字拼图

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

2022-08-03 21:47:40

74浏览

0评论

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

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

2022-08-03 21:47:39

103浏览

0评论

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

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

2022-08-03 21:47:37

98浏览

0评论

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

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

2022-08-03 21:47:35

85浏览

0评论

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

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

2022-08-03 21:47:33

67浏览

0评论

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

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

2022-08-03 21:47:31

79浏览

0评论

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

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

2022-08-03 21:47:29

85浏览

0评论

JS实现时间选择器

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

2022-08-03 21:47:27

96浏览

0评论

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

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

2022-08-03 21:47:25

87浏览

0评论

js实现简单拼图游戏

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

2022-08-03 21:47:23

72浏览

0评论

JS实现图片上下切换

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

2022-08-03 21:47:21

96浏览

0评论

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

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

2022-08-03 21:47:19

热门文章