微信小程序实现手写签名
本文实例为大家分享了微信小程序实现手写签名的具体代码，供大家参考，具体内容如下本示例具备的功能：1、笔迹绘制2、笔迹清空以下是js代码：var content = null;var touchs = [];v...
2022-08-03
正则表达式在js前端的15个使用场景梳理总结
目录引言千分位格式化解析链接参数驼峰字符串小写转大写实现 trim()HTML 转义HTML 反转义校验 24 小时制校验日期格式匹配颜色值判断 HTTPS/HTTP校验版本号获取网页 img 地...
2022-08-03
Websocket通信协议在数字孪生中的应用
目录写在前面数字孪生中的通讯协议Websocket 是什么Websocket 配置基于 Node.js 的 Websocket 服务器搭建基于Vue 的 Websocket 客户端搭建通过 Websocket 更新 Echart 表格...
2022-08-03
JavaScript实现无缝轮播图的示例代码
目录上效果一、实现过程1）首先实现基本布局2）主要样式二、如何实现无缝呢 （重点来了）思路：主要代码完整代码花费一个下午从0到1实现的轮播图，当然还有很多需要改进的地方（欢迎提出...
2022-08-03
关于JavaScript使用export和import的两个报错解决
目录前言报错：Uncaught SyntaxError: Cannot use import statement outside a module报错：Uncaught SyntaxError: The requested module ‘…/js/ui.js’ doe...
2022-08-03
使用js编写实现拼图游戏
本文实例为大家分享了用js编写实现拼图游戏的具体代码，供大家参考，具体内容如下目标使用原生js编写一个拼图游戏，我这里写了两种拼图的方法。一种是拖拽拼图，一种是经典的九宫格...
2022-08-03
微信小程序多项选择器checkbox
本文实例为大家分享了微信小程序多项选择器checkbox的具体代码，供大家参考，具体内容如下第一的话就是我们的相关的布局文件：<view class="container"> <view class="page-bod...
2022-08-03
JavaScript中异步与回调的基本概念及回调地狱现象
目录JavaScript异步与回调一、前言二、异步函数三、回调函数四、回调的回调五、回调地狱六、总结JavaScript异步与回调一、前言在学习本文内容之前，我们必须要先了解异步的概...
2022-08-03
小程序中实现excel数据的批量导入的示例代码
目录1 建立数据源2 编制入库的代码2.1 创建低码方法2.2 低码中调用连接器3 最终的代码4 总结我们上一篇介绍了如何利用微搭的自定义连接器接入腾讯文档的数据，光有接入是不够...
2022-08-03
JavaScript实现左右点击切换图片
本文实例为大家分享了JavaScript实现左右点击切换图片的具体代码，供大家参考，具体内容如下效果：HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...
2022-08-03
javascript实现图片轮播简单效果
本文实例为大家分享了javascript实现图片轮播简单效果的具体代码，供大家参考，具体内容如下这里是css样式 * { margin: 0; padding: 0; } ...
2022-08-03
深入浅出聊一聊js中的'this'关键字
目录前言什么是'this'关键字四种方式---1.调用函数的第一种方法是：将函数作为一种方法四种方式---2.调用函数的第二种方法是： 简单的调用函数，不将函数作为方法，不附加...
2022-08-03
js点击按钮实现图片排序
本文实例为大家分享了js点击按钮实现图片排序的具体代码，供大家参考，具体内容如下效果1 、点击按钮 如果按钮文字是从大到小 将li标签按照从大到小的顺序排列 文字改成从小到...
2022-08-03
JavaScript中如何让 x == 1 && x == 2 && x == 3 等式成立
前言某次面试，面试官突然问道：“如何让 x 等于 1 且让 x 等于 2 且让 x 等于 3 的等式成立？”话音刚落，笔者立马失去意识，双眼一黑，两腿一蹬，心里暗骂：什么玩意儿！虽然当时...
2022-08-03
uniapp地图组件(map)使用与遇到的一些问题总结
目录前言首先先看成品定位图标获取自身经纬度通过经纬度 获取当前城市信息总结前言这段时间在开发uniapp的时候使用到map组件 总结一下本次在uniapp中使用map遇到的一些问题...
2022-08-03
JS手写bind之处理new的情况详解
目录new判断函数是否通过 new 被调用new 和 bind实现完整的 bind结尾大家好，我是前端西瓜哥。之前写了一篇关于 JS 中 bind 方法的实现的文章，并给出了实现：Function.prototype...
2022-08-03
微信小程序实现日期时间筛选器
开发微信小程序过程中，有个需求需要用到日期时间筛选器，查看微信官方文档后，发现官方文档的picker筛选器只能单独支持日期或者是时间，所以为了实现需求自己参考企业微信封装了个...
2022-08-03
微信小程序下面商品左右滑动上面tab也跟随变动功能实现
小程序下面商品左右滑动上面tab也跟随变动功能点击tab切换下面的上面信息，商品左右滑动切换上面的tab分类功能描述：点击tab切换下面的商品信息；滑动下面的商品信息tab也进行切...
2022-08-03
js实现轮播图自动切换
本文实例为大家分享了js实现轮播图自动切换的具体代码，供大家参考，具体内容如下先看效果图第一种 //点击按钮，序号变化showIdx++;if (showIdx == imgArr.length) { ...
2022-08-03
js实现简单图片切换
本文实例为大家分享了JavaScript实现图片间切换的具体代码，供大家参考，具体内容如下代码的主要思路：1、先给“下一张”和“上一张”两个按钮绑定单击响应...
2022-08-03
JS实现点击button按钮切换图片
JS实现点击button按钮切换图片的具体代码，供大家参考，具体内容如下放暑假在家打算学习html/css/js制作网页，只有html/css的一些基础。实现效果如图：这个网页很简单，是用Dreamweav...
2022-08-03
JavaScript实现Tab点击切换
Tab 选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生 Jquery 来实现 Tab 点击切换的...
2022-08-03
JavaScript事件循环同步任务与异步任务
目录前言执行栈与任务队列执行栈任务队列同步任务与异步任务同步任务异步任务js的执行机制结语前言首先，在学习js中同步异步的问题前，需要明白，js是单线程的，为什么它得是单线程...
2022-08-03
js实现鼠标移入图片放大效果
使用原生js编写一个鼠标移入图片放大效果，供大家参考，具体内容如下目标给图片添加鼠标移动放大方法效果，移到哪里放大哪里先看看效果是不是你想要的，再看代码移入前移入后html<!...
2022-08-03
跨域浏览器设置解决前端跨域问题
目录一、什么是跨域二、什么情况下会出现跨域三、uni-app 项目 解决跨域办法四、Vue.js 项目 解决跨域办法五、终极解决办法，删除浏览器跨域限制一、什么是跨域出于浏览器的...
2022-08-03
微信小程序获取用户手机号码的详细步骤
目录前言接下来我们通过服务器获取授权deciphering解密方法总结前言我们在做小程序开发的过程中，经常会涉及到用户身份的问题，最普遍的就是我们要获取用户的手机号码，通过微信...
2022-08-03
微信小程序自定义时间段picker选择器
本文实例为大家分享了微信小程序自定义时间段picker选择器的具体代码，供大家参考，具体内容如下想实现一个可以选择年份和时间段的日期选择器，如下所示微信小程序自带的picker组...
2022-08-03
微信小程序自定义多列选择器使用
本文实例为大家分享了微信小程序自定义多列选择器的具体代码，供大家参考，具体内容如下项目需要，需要实现一个多列选择器，在用户确定之前，无论列表如何转，都不会影响已确定值的显示...
2022-08-03
微信小程序复选框组件使用详解
在工作中频繁用到复选框，于是自己写了个组件，增加其复用性，提高效率。
先看效果图：提交后得到一个选中项的id组成的数组下边直接上代码：代码地址为：components/checkGrop/checkGro...
2022-08-03
Javascript实现元素选择器功能
本文实例为大家分享了Javascript实现元素选择器功能的具体代码，供大家参考，具体内容如下什么是元素选择器？用过jquery的开发者都知道，jquery封装了对元素的查找功能，即通过jquery...
2022-08-03
原生JavaScript实现购物车效果
本文实例为大家分享了JavaScript实现购物车效果的具体代码，供大家参考，具体内容如下HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...
2022-08-03
小程序中读取腾讯文档的表格数据的实现
目录1 创建连接器2 创建腾讯文档3 应用中访问腾讯文档3.1 获取sheet中的所有数据3.2 迭代行和列的数据4 总结日常生活中我们使用腾讯文档在线的收集各类数据，数据收集是比较...
2022-08-03
js实现数字拼图
本文实例为大家分享了js实现数字拼图的具体代码，供大家参考，具体内容如下重点：游戏区分为8个div，进行游戏时需要判断点击的div是否可移动，移动后判断游戏是否结束。解决思路：将游...
2022-08-03
js实现导航栏上下动画效果
本文实例为大家分享了js实现导航栏上下动画的具体代码，供大家参考，具体内容如下obj.currentStyle[name] 与 getComputedStyle(obj,false)[name]，一个是支持IE 一个支持FE
完美...
2022-08-03
uniapp微信小程序自定义导航栏的全过程
目录前言那么标题栏的高度我们怎么获取呢？献上源码：组件使用：效果图：总结前言相信很多小伙伴在使用uniapp进行多端开发的时候呢，在面对一些奇葩的业务需求的时候，uniapp给我们提供...
2022-08-03
微信小程序日期选择器使用详解
本文实例为大家分享了微信小程序日期选择器的具体代码，供大家参考，具体内容如下需求：在小程序开发中，时常会遇到日期选择器、时间选择器或者地区选择器来进行选择的功能。往往设...
2022-08-03
JavaScript判断两个值相等的方法详解
目录前言非严格相等严格相等同值零同值总结前言在 JavaScript 中如何判断两个值相等，这个问题看起来非常简单，但并非如此，在 JavaScript 中存在 4 种不同的相等逻辑，如果你不知...
2022-08-03
微信小程序实现地区选择伪五级联动
本文实例为大家分享了微信小程序实现地区选择伪五级联动的具体代码，供大家参考，具体内容如下效果图这里采用的是自定义多列选择器picker mode="multiSelector"<view class="se...
2022-08-03
微信小程序下拉框组件使用方法
小程序有时需要使用下拉框选项，通常我会使用 picker 组件实现。pick 组件使用 mode 来区分类别，默认使用普通选择器就行。除了上述方式，我们也可以通过自定义组件实现，代码如下：/...
2022-08-03
JS实现时间选择器
本文实例为大家分享了JS实现时间选择器的具体代码，供大家参考，具体内容如下dateTime.jsfunction withData(param) { return param < 10 ? '0' + param : '' + param;}functi...
2022-08-03
js实现点击切换和自动播放的轮播图
本文实例为大家分享了js实现点击切换和自动播放的轮播图，供大家参考，具体内容如下轮播图案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2022-08-03
js实现简单拼图游戏
本文实例为大家分享了js实现简单拼图游戏的具体代码，供大家参考，具体内容如下HTML仅有一个id为game的div，并且没有编写css样式，只需要在img文件夹中放置一个图片文件就行，此处我...
2022-08-03
JS实现图片上下切换
本文实例为大家分享了JS实现图片上下切换的具体代码，供大家参考，具体内容如下 源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e...
2022-08-03
JavaScript本地存储实现用户名存储案例
目录一、本地存储1.1 本地存储特性1.2 window.sessionStorage1.3 window.localStorage用户名存储案例一、本地存储1.1 本地存储特性1、数据存储在用户浏览器中
2、设置、读...
2022-08-03
微信小程序实现课程选择器
本文实例为大家分享了微信小程序实现课程选择器的具体代码，供大家参考，具体内容如下话不多说，直接上效果图代码如下wxml<view class="urg_input"> <picker class="grad...
2022-08-03
万字详解JavaScript手写一个Promise
目录前言Promise核心原理实现Promise的使用分析MyPromise的实现在Promise中加入异步操作实现then方法的多次调用实现then的链式调用then方法链式调用识别Promise对象自返回...
2022-08-03
js实现列表循环滚动
本文实例为大家分享了js实现列表循环滚动的具体代码，供大家参考，具体内容如下先介绍几个属性clientHeight 元素的高度clientTop 元素顶部边框的宽度scrollTop 滚动条遮挡的部...
2022-08-03
JS前端首屏优化技巧
目录引言打包分析路由懒加载vue.config.js 修改 productionSourceMap 为 false首屏请求优化图片压缩配置使用 CDN 方式引入资源库公共代码抽离开启 gzip 压缩其他优化引言前...
2022-08-03
js实现图片查看器
本文实例为大家分享了js实现图片查看器的具体代码，供大家参考，具体内容如下1. 前言网上已经有不少成熟的图片查看器插件，如果是单纯想要点击图片放大预览的话，可以直接使用插件...
2022-08-03
JavaScript中let与const命令使用
目录let命令基本使用适用场景块级作用域概念存在意义const命令基本使用不可被const的情况let命令基本使用let是ES6中新增的声明变量的命令，但是和var不同，let不可以被重复声明...
2022-08-03
