JavaScript - 教程之家

48浏览

0评论

微信小程序实现水平时间轴

本文实例为大家分享了微信小程序实现水平时间轴的具体代码，供大家参考，具体内容如下1、wxml部分代码如下：<view class="wehx-line-box"> <view class="weui-flex__item w...

2022-08-03

47浏览

0评论

TypeScript声明文件的语法与场景详解

目录简介语法内容模块化模块语法三斜线指令referenceamd-module场景1. 在内部项目中给内部项目写声明文件2. 给第三方包写声明文件全局变量的第三方库修改全局变量的模块的...

2022-08-03

58浏览

0评论

JavaScript实现淘宝网图片的局部放大功能

本文实例为大家分享了JavaScript实现淘宝网图片的局部放大的具体代码，供大家参考，具体内容如下要实现的效果如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> ...

2022-08-03

45浏览

0评论

Javascript数据结构之栈和队列详解

目录前言栈（stack）栈实现解决实际问题栈的另外应用简单队列（Queue）队列实现队列应用 - 树的广度优先搜索（breadth-first search，BFS）优先队列优先队列实现线性数据结构实现优先队列...

2022-08-03

52浏览

0评论

JavaScript获取Excel表格的列序号和列名

目录1、常量和进制转换方法2、获取列名3、获取列序号4、使用前言：在处理Excel文件时，通常要获取xx列的数据，这就要求先找到列序号（从0开始）。下面将介绍从列名获取列序号和从列序...

2022-08-03

47浏览

0评论

40行原生js代码实现前端简易路由

目录前言路由到底是一个什么东西?实现一个 hashRouterhistoryRoutermemoryRouter最后做个总结前言在使用Vue或者是React 的路由的时候,不是很清楚他们的思路,导致在理解这些...

2022-08-03

43浏览

0评论

钉钉小程序web-view内嵌H5页面并实现通信

目录前言1.引入页面2.在H5页面向钉钉发送消息3.在钉钉页面向H5发送消息,继而实现双向通信4.注意内容调试方式5.附双向通信全部代码前言今天探讨个不太常见的需求，公司需要在...

2022-08-03

38浏览

0评论

微信小程序实现登录页面

本文实例为大家分享了微信小程序实现登录页面的具体代码，供大家参考，具体内容如下实现在进入微信小程序首页前的登录验证页面，这里有两种方法，但其实原理都是一样的。1. 在首页...

2022-08-03

48浏览

0评论

微信小程序实现简单的吸顶效果

本文实例为大家分享了微信小程序实现简单吸顶效果的具体代码，供大家参考，具体内容如下需求：进入页面后首先看到banner布局，然后是tab切换栏以及页面内容，当页面滚动到一定距离后，t...

2022-08-03

53浏览

0评论

JavaScript中Promise的使用方法实例

目录前言Promise简介什么是回调地狱?Promise的特点创建Promise实例then方法resolve 和 reject 的参数传递then()链式调用then()的返回值catch方法finally方法Promise的方法P...

2022-08-03

45浏览

0评论

详解JavaScript的Symbol类型、隐藏属性、全局注册表

目录Symbol类型的使用Symbol简介Symbol类型的描述Symbol不会隐式转字符串Symbol类似作为对象的属性键创建Symbol键for…in中被跳过隐藏自定义属性Symbol全局注册表系...

2022-08-03

49浏览

0评论

一篇文中告诉你JS中的"值传递"和"引用传递"

目录前言初步了解堆栈堆栈和类型的关系特点变量赋值参数传递小结面试题两者的区别就是：总结前言现代的前端开发，不再是刀耕火种的 JQ 时代，而是 MVVM ，组件化，工程化，承载着日益复...

2022-08-03

34浏览

0评论

详解JavaScript中if语句优化和部分语法糖小技巧推荐

目录前言if else 基本使用简化if判断和优化代码单行if else使用&& || 优化使用三目运算符优化合并if使用includes 或者indexof使用switch流程优化多个if else使用对象 key...

2022-08-03

49浏览

0评论

JavaScript进制数之间的互相转换

目录一、十进制的数化为k进制的数二、k进制的数化为十进制的数三、例题1.其它进制转换为十进制数据2.十进制数据转换为其它进制3.其它进制之间的相互转换前言：进制转换是人们...

2022-08-03

38浏览

0评论

JavaScript进阶知识点作用域详解

目录JavaScript进阶讲解一一、浏览器的内核1.常见的浏览器内核二、JavaScript引擎2.1.为什么需要JavaScript引擎？2.2.常见的JavaScript引擎三、V8引擎3.1.官方定义3.2.解析过...

2022-08-03

49浏览

0评论

JS实现数组随机排序的三种方法详解

目录1.利用数组方法sort实现随机排序2.洗牌算法实现随机排序3.洗牌算法深入分析全部代码1.利用数组方法sort实现随机排序实现随机排序方法还是很多的，用for循环是可以写的，用L...

2022-08-03

41浏览

0评论

微信小程序实战之网易云音乐歌曲详情页实现代码

这里记录一下做网易云小程序的音乐播放详情页面的代码。音乐播放界面的主要的重点有几个： 1、磁盘和摇杆的旋转效果，这里运用了css的动画属性 2、音乐播放和暂停，下一首/上一...

2022-08-03

36浏览

0评论

微信小程序实现倒计时

本文实例为大家分享了微信小程序实现倒计时的具体代码，供大家参考，具体内容如下大家好，今天我们来学习一下倒计时的实现，好好看，好好学，超详细的。直接上代码吧<view class="title...

2022-08-03

39浏览

0评论

微信小程序实现时间轴特效

本文实例为大家分享了微信小程序实现时间轴特效的具体代码，供大家参考，具体内容如下效果wxml<view class="timeLine" style=" width: 100%;"> <view class="on" wx:for="{{a...

2022-08-03

47浏览

0评论

深入理解JavaScript 变量对象

目录前言变量对象全局上下文中变量对象函数上下文中的变量对象执行过程预编译代码执行总结练习题前言在上节《深入 JavaScript 执行上下文栈——Web 前端进阶系列...

2022-08-03

30浏览

0评论

JS实现别踩白块游戏的示例代码

目录实现思路核心代码HTML代码CSS代码JS代码实现思路1、offsetTop，与style.top2、我们看到的是白块在向下运动，其实不是，政治运动的是装着白块的盒子，白块只是被装在了盒子里面...

2022-08-03

40浏览

0评论

小程序开发调用微信支付以及微信回调地址配置

目录支付接口签名工具类，以及时间戳方法回调接口首先观看微信提供的文档https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1清楚调用微信支付必须...

2022-08-03

42浏览

0评论

一文详解如何根据后端返回的url下载json文件

目录需求场景描述实现思路分析完整的 demo 示例总结需求场景描述有时候会遇到异步接口会返回一个 url 地址，然后前端需要根据这个 url 地址去下载文件资源的需求场景。而这...

2022-08-03

41浏览

0评论

JavaScript数组reduce常见实例方法

目录前言一、 reduce定义和用法语法：二、reduce浏览器支持情况三、reduce累加带初始值不带初始值四、reduce数组去重五、reduce求数组项最大值六、reduce将二维数组转为一维...

2022-08-03

42浏览

0评论

微信小程序实现短信验证码倒计时

本文实例为大家分享了微信小程序实现短信验证码倒计时的具体代码，供大家参考，具体内容如下初始效果当点击按钮时候设置禁止点击效果：如下图话不多说，直接上代码1.wxml部分<view>...

2022-08-03

56浏览

0评论

小程序实现图片裁剪上传

本文实例为大家分享了小程序实现图片裁剪上传的具体代码，供大家参考，具体内容如下<view bindtap='upEwm' data-which='1'> <view>第一个图</view> <image...

2022-08-03

46浏览

0评论

微信小程序实现随机验证码

本文实例为大家分享了微信小程序实现随机验证码的具体代码，供大家参考，具体内容如下废话不多说，直接上图看效果一、实现功能1、点击灰色底的验证码图片可以更换一张验证码2、验...

2022-08-03

44浏览

0评论

微信小程序实现接收验证码

本文实例为大家分享了微信小程序实现接收验证码的具体代码，供大家参考，具体内容如下效果如下图：wxml部分如下： <view class="mod t-name" style='position:relat...

2022-08-03

43浏览

0评论

js利用FileReader实现图片转base64格式并上传预览头像

目录页面布局:思路分析:代码:修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换页面布局:<template> <el-card class="box-card">...

2022-08-03

49浏览

0评论

微信小程序实现动态验证码

目录一、创建自定义组件verification-code二、在index页面使用本文实例为大家分享了微信小程序实现动态验证码的具体代码，供大家参考，具体内容如下一、创建自定义组件verifica...

2022-08-03

34浏览

0评论

微信小程序实现滑块验证

本文实例为大家分享了微信小程序实现滑块验证的具体代码，供大家参考，具体内容如下思路：1.手指按住并且还能滑动
2.滑动到一定的距离进行判断
百度微信开发者文档：使用 mov...

2022-08-03

47浏览

0评论

微信小程序实现五子棋游戏

本文实例为大家分享了微信小程序实现五子棋游戏的具体代码，供大家参考，具体内容如下效果图.wxml<view class="title"> <view wx:if="{{currindex < 324 || defeat}}"> {{d...

2022-08-03

37浏览

0评论

微信小程序实现裁剪图片大小

本文实例为大家分享了微信小程序实现裁剪图片大小的具体代码，供大家参考，具体内容如下效果图.wxml<button bindtap="uploadtap">上传图片</button><image style="width: 100%;...

2022-08-03

42浏览

0评论

微信小程序实现长按拖拽排序功能

工作中遇到一个上传图片长按后拖动排序的一个功能，于是写下了一个小demo。希望能对你有遇到的问题有帮助。演示效果：wxml<view class='outer' > <view class='inner'> ...

2022-08-03

29浏览

0评论

微信小程序实现验证码倒计时

本文实例为大家分享了微信小程序实现验证码倒计时的具体代码，供大家参考，具体内容如下wxml代码：<view class='container'> <form bindsubmit='denglu'> <view class='li...

2022-08-03

41浏览

0评论

浅谈Webpack是如何打包CommonJS的

目录一、书写代码二、使用webpack打包编译三、解析CommonJS 是 Node 中的一种模块化规范，其是一种运行在 Node 环境下的代码，这种代码是不能直接运行到浏览器环境中的。但是在...

2022-08-03

44浏览

0评论

微信小程序实现照片裁剪

本文实例为大家分享了微信小程序实现照片裁剪的具体代码，供大家参考，具体内容如下前段时间用小程序的canvas、movable-area、movable-view封装了一个按比例裁剪照片的组件，无需...

2022-08-03

32浏览

0评论

使用JavaScript实现一个拖拽缩放效果

目录前言基本思路拖拽实现缩放实现最后前言在写一个简单的H5页面时，需要实现如下的一个拖拽效果，找了半天未能找到符合要求的，含泪手写
先来看一下我们要是实现一个怎样的效果...

2022-08-03

48浏览

0评论

微信小程序实现手风琴折叠面板

本文实例为大家分享了微信小程序实现手风琴折叠面板的具体代码，供大家参考，具体内容如下目的：折叠面板默认显示其中一项，利用toggle实现元素的显示和隐藏
例如：页面中有四个可折...

2022-08-03

112浏览

0评论

HTML+JS模拟实现QQ下拉菜单效果

功能：1、点击我的好友会展开下拉出具体的好友2、再次点击，会折叠内容3、首次点击某个具体的好友，只有当前这个好友高亮4、再次点击这个好友时，高亮状态就会消失主要练习：js绑定事...

QQ

2022-08-03

37浏览

0评论

微信小程序实现循环嵌套数据选择

本文实例为大家分享了微信小程序实现循环嵌套数据选择的具体代码，供大家参考，具体内容如下一、效果展示二、代码实现在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数...

2022-08-03

43浏览

0评论

微信小程序实现登陆注册滑块验证

目录一、创建自定义组件MoveVerify二、在index页面使用本文实例为大家分享了微信小程序实现登陆注册滑块验证的具体代码，供大家参考，具体内容如下一、创建自定义组件MoveVerif...

2022-08-03

41浏览

0评论

微信小程序实现滑动验证拼图

本文实例为大家分享了微信小程序实现滑动验证拼图的具体代码，供大家参考，具体内容如下效果图.wxml<button bindtap="visidlisd">滑动验证</button><view...

2022-08-03

43浏览

0评论

基于element UI input组件自行封装“数字区间”输入框组件的问题及解决

目录问题描述实现效果实现代码问题描述在开发时遇到一个数字区间输入框的需求，如下图：项目使用的是vue，组件库用的是element UI，但是element UI并没有提供数字区间组件，只提供了I...

2022-08-03

60浏览

0评论

利用Three.js制作一个新闻联播开头动画

目录这里才是引言技术选型场景分解代码逻辑分解创建背景图和背景音乐背景图背景音乐在线体验地址：点我预览代码地址：点我github这里才是引言五一居家隔离，闲着也是闲着，想着整个...

2022-08-03

23浏览

0评论

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

本文实例为大家分享了微信小程序实现手机获取验证码倒计时的具体代码，供大家参考，具体内容如下功能展示：WXML：<view class="all">  <view class="tel"> <...

2022-08-03

41浏览

0评论

微信小程序canvas2d生成图形验证码的方法

本文实例为大家分享了微信小程序canvas2d生成图形验证码的具体代码，供大家参考，具体内容如下成品展示：背景：大致看了一下网上已经有一些canvas生成图形验证码的demo，发现使用的也...

2022-08-03

37浏览

0评论

利用JavaScript获取用户IP属地方法详解

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

2022-08-03

51浏览

0评论

微信小程序裁剪头像插件使用方法详解

本文实例为大家分享了微信小程序裁剪头像插件的具体使用代码，供大家参考，具体内容如下用户上传头像，需要裁剪成正方形，结合在网上找到裁剪图片方法，封装为微信小程序组件。调用很...

2022-08-03

51浏览

0评论

微信小程序实现横屏和竖屏签名功能

本文实例为大家分享了微信小程序实现横屏和竖屏签名的具体代码，供大家参考，具体内容如下wxml<view class="container"> <canvas canvas-id="firstCanvas" id="firstCanvas"...

2022-08-03

热门文章