51浏览

0评论

微信小程序实现获取手机号60s倒计时

本文实例为大家分享了微信小程序实现获取手机号60s倒计时的具体代码，供大家参考，具体内容如下1.效果：点击获取》60s倒计时》重新获取2.wxml<view class="cu-form-group" style=...

• 2022-08-03

67浏览

0评论

微信小程序实现日期范围选择

本文实例为大家分享了微信小程序实现日期范围选择的具体代码，供大家参考，具体内容如下样式如下：分别点击开始日期和结束日期选择时间（底部弹框）：date.wxml: <view class="range-s...

• 2022-08-03

54浏览

0评论

微信小程序实现横屏手写签名

本文实例为大家分享了微信小程序实现横屏手写签名的具体代码，供大家参考，具体内容如下1.关键配置："pageOrientation": "landscape" ---- 配置该页面横屏展示2.效果图：3.代码:wx...

• 2022-08-03

83浏览

0评论

JavaScript变量声明的var、let、const详解

目录前言内容JavaScript的变量声明var的变量声明变量声明在函数作用域中变量重复声明变量声明提升怪异危险的varlet和const的变量声明块级作用域不可重复声明暂时性死区使用...

• 2022-08-03

43浏览

0评论

uniapp实现横屏签字版

本文实例为大家分享了uniapp实现横屏签字版的具体代码，供大家参考，具体内容如下兼容H5、APP、微信小程序
可作为组件直接引入
通过this.$emit(&lsquo;tempFilePath&rsquo;, va...

• 2022-08-03

47浏览

0评论

非常全面的12种js数组去重的方法

目录前言方法1、双重for循环方法2、for循环 +findIndex方法3、sort 排序方法4、Set方法5、set + Array.from方法6、filter + indexOf方法7、includes方法 8、 for + object...

• 2022-08-03

69浏览

0评论

js前端获取用户位置及ip属地信息

目录写在前面尝试一：navigator.geolocation尝试二：sohu 的接口尝试三：百度地图的接口写在后面写在前面想要像一些平台那样显示用户的位置信息，例如某省市那样。那么这是如何做到...

• 2022-08-03

75浏览

0评论

微信小程序实现列表项上移下移效果

本文实例为大家分享了微信小程序实现列表项上移下移的具体代码，供大家参考，具体内容如下需要实现的效果：点击向下按钮时所选项内容和下一项内容交换，向上按钮则相反，删除按钮则点...

• 2022-08-03

58浏览

0评论

微信小程序自定义Dialog弹框

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

• 2022-08-03

51浏览

0评论

JS前端面试题详解之手写bind

目录bind 的用法this 的指向问题积累参数实现一个 bind结尾大家好，我是前端西瓜哥，今天我们用 JS 来实现内置的 bind 方法。bind 的用法在实现之前，我们先学习一下 Function.pr...

• 2022-08-03

58浏览

0评论

微信小程序实现车牌键盘

本文实例为大家分享了微信小程序实现车牌键盘的具体代码，供大家参考，具体内容如下一、效果图二、代码plateNumKeyboard.wxml<view class="pages">  <view class="box">   ...

• 2022-08-03

68浏览

0评论

js正则test匹配的踩坑及解决

目录引言这样去匹配，有什么问题吗？为什么是 true 、false 、true ?怎么解决呢？引言本瓜相信你一定经常用以下这种最最简单的正则来判断字符串中是否存在某个子字符（别说了，我就是...

• 2022-08-03

51浏览

0评论

小程序实现手写签名功能

小程序利用canvas实现手写签名，供大家参考，具体内容如下设置小程序横屏在page.json或对应页面 .json文件中设置
landscape代表固定横屏"pageOrientation":"landscape"手写签名...

• 2022-08-03

49浏览

0评论

JavaScript ES6中class定义类实例方法

目录前言正文1.声明类的两种方式：2.class 类的构造函数3.class中方法定义3.1 class 中定义普通的实例方法3.2 class 类中定义访问器方法3.3 类的静态方法（类方法）文末前言我们...

• 2022-08-03

81浏览

0评论

一文教会你微信小程序如何实现登录

目录业务流程：下面开始用代码介绍1：data初始数据2：按钮触发的login点击事件3：调用后台的登录接口总结业务流程：1：首先需要一个按钮触发事件2：调用微信小程序的登录接口wx.login，拿到...

• 2022-08-03

99浏览

0评论

项目中使用Typescript封装axios

目录写在前面基础封装拦截器封装类拦截器实例拦截器接口拦截封装请求方法取消请求准备工作取消请求方法的添加与删除取消请求方法测试测试请求方法测试取消请求写在最后写在...

• 2022-08-03

54浏览

0评论

详解在JavaScript中如何判断变量类型

JavaScript是一个动态类型语言，在运行时获取变量类型是常用操作，由于JavaScript设计的问题，看似简单的问题，在JavaScript中可能并不简单，比如在社区中流传的下图，仔细看一下这些坑...

• 2022-08-03

71浏览

0评论

微信小程序实现多文件或者图片上传

本文实例为大家分享了微信小程序实现多文件或者图片上传的具体代码，供大家参考，具体内容如下html<view class="list1">    <view class="fonts">上传事件相关资料或文件（jpg/...

• 2022-08-03

49浏览

0评论

微信小程序自定义弹框效果

本文实例为大家分享了微信小程序自定义弹框效果的具体代码，供大家参考，具体内容如下wxml<!-- 取消订单按钮 --><view class="cancelBtn" bindtap="cancelOrder" data-id="{{it...

• 2022-08-03

85浏览

0评论

package.json管理依赖包版本详解

目录npm版本号定义package.json怎么识别依赖版本不要太相信npm包的版本号dependencies、devDependencies与peerDependenciesdependenciesdevDependenciespeerDependencies参...

• 2022-08-03

71浏览

0评论

微信小程序实现手写板

本文实例为大家分享了微信小程序实现手写板的具体代码，供大家参考，具体内容如下<!-- wxml --><view class="hxt-flex-column">        <view class="hxt-flex" style="fon...

• 2022-08-03

36浏览

0评论

微信小程序实现手写签名(签字版)

本文实例为大家分享了微信小程序实现手写签名的具体代码，供大家参考，具体内容如下公司近期有个需要用户签名的功能，就用小程序canvas写了个wxml<view class="sign">  <view cl...

• 2022-08-03

101浏览

0评论

万物皆可柯里化的Ramda.js及传参详解

目录引言Function first，Data lastAPI引言我们前段时间写过好几篇关于 RxJS 的文章，RxJS api 操作符理解起来确实比较复杂，RxJS 是函数式编程中的 lodash 库，它消除了“时...

AMD
• 2022-08-03

52浏览

0评论

小程序实现手写签名

本文实例为大家分享了小程序实现手写签名的具体代码，供大家参考，具体内容如下方法不是我自己写的，但是也忘记最初的原版出自于哪里了，不过搜索下来就是大同小异，我就附上自己实测...

• 2022-08-03

51浏览

0评论

微信小程序实现select下拉框

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

• 2022-08-03

57浏览

0评论

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

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

• 2022-08-03

45浏览

0评论

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

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

• 2022-08-03

58浏览

0评论

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

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

• 2022-08-03

57浏览

0评论

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

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

• 2022-08-03

68浏览

0评论

微信小程序自定义Modal弹框

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

• 2022-08-03

60浏览

0评论

微信小程序实现手写签名

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

• 2022-08-03

74浏览

0评论

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

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

• 2022-08-03

71浏览

0评论

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

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

• 2022-08-03

57浏览

0评论

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

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

• 2022-08-03

53浏览

0评论

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

目录前言报错：Uncaught SyntaxError: Cannot use import statement outside a module报错：Uncaught SyntaxError: The requested module &lsquo;&hellip;/js/ui.js&rsquo; doe...

• 2022-08-03

81浏览

0评论

使用js编写实现拼图游戏

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

• 2022-08-03

65浏览

0评论

微信小程序多项选择器checkbox

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

• 2022-08-03

77浏览

0评论

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

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

• 2022-08-03

65浏览

0评论

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

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

• 2022-08-03

65浏览

0评论

JavaScript实现左右点击切换图片

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

• 2022-08-03

57浏览

0评论

javascript实现图片轮播简单效果

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

• 2022-08-03

56浏览

0评论

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

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

• 2022-08-03

48浏览

0评论

js点击按钮实现图片排序

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

• 2022-08-03

50浏览

0评论

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

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

• 2022-08-03

69浏览

0评论

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

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

• 2022-08-03

62浏览

0评论

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

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

• 2022-08-03

77浏览

0评论

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

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

• 2022-08-03

61浏览

0评论

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

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

• 2022-08-03

86浏览

0评论

js实现轮播图自动切换

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

• 2022-08-03

67浏览

0评论

js实现简单图片切换

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

• 2022-08-03