JavaScript - 教程之家

32浏览

0评论

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

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

2022-08-03

61浏览

0评论

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

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

2022-08-03

53浏览

0评论

微信小程序实现手写板

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

2022-08-03

24浏览

0评论

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

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

2022-08-03

67浏览

0评论

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

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

AMD

2022-08-03

35浏览

0评论

小程序实现手写签名

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

2022-08-03

27浏览

0评论

微信小程序实现select下拉框

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

2022-08-03

40浏览

0评论

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

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

2022-08-03

27浏览

0评论

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

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

2022-08-03

42浏览

0评论

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

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

2022-08-03

36浏览

0评论

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

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

2022-08-03

41浏览

0评论

微信小程序自定义Modal弹框

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

2022-08-03

38浏览

0评论

微信小程序实现手写签名

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

2022-08-03

46浏览

0评论

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

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

2022-08-03

51浏览

0评论

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

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

36浏览

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

49浏览

0评论

使用js编写实现拼图游戏

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

2022-08-03

46浏览

0评论

微信小程序多项选择器checkbox

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

2022-08-03

46浏览

0评论

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

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

49浏览

0评论

JavaScript实现左右点击切换图片

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

2022-08-03

43浏览

0评论

javascript实现图片轮播简单效果

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

2022-08-03

36浏览

0评论

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

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

2022-08-03

32浏览

0评论

js点击按钮实现图片排序

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

2022-08-03

31浏览

0评论

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

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

47浏览

0评论

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

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

2022-08-03

43浏览

0评论

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

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

2022-08-03

66浏览

0评论

js实现轮播图自动切换

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

2022-08-03

48浏览

0评论

js实现简单图片切换

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

2022-08-03

45浏览

0评论

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

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

2022-08-03

47浏览

0评论

JavaScript实现Tab点击切换

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

2022-08-03

43浏览

0评论

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

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

2022-08-03

46浏览

0评论

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

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

2022-08-03

36浏览

0评论

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

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

2022-08-03

47浏览

0评论

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

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

2022-08-03

38浏览

0评论

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

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

2022-08-03

51浏览

0评论

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

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

2022-08-03

42浏览

0评论

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

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

2022-08-03

29浏览

0评论

Javascript实现元素选择器功能

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

2022-08-03

43浏览

0评论

原生JavaScript实现购物车效果

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

2022-08-03

42浏览

0评论

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

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

2022-08-03

32浏览

0评论

js实现数字拼图

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

2022-08-03

38浏览

0评论

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

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

2022-08-03

43浏览

0评论

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

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

2022-08-03

40浏览

0评论

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

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

2022-08-03

36浏览

0评论

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

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

2022-08-03

24浏览

0评论

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

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

2022-08-03

热门文章