82浏览

0评论

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

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

• 2022-08-03

85浏览

0评论

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

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

• 2022-08-03

76浏览

0评论

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

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

• 2022-08-03

94浏览

0评论

浅谈Webpack是如何打包CommonJS的

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

• 2022-08-03

91浏览

0评论

微信小程序实现照片裁剪

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

• 2022-08-03

82浏览

0评论

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

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

• 2022-08-03

97浏览

0评论

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

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

• 2022-08-03

195浏览

0评论

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

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

QQ
• 2022-08-03

90浏览

0评论

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

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

• 2022-08-03

85浏览

0评论

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

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

• 2022-08-03

93浏览

0评论

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

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

• 2022-08-03

93浏览

0评论

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

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

• 2022-08-03

111浏览

0评论

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

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

• 2022-08-03

81浏览

0评论

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

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

• 2022-08-03

85浏览

0评论

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

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

• 2022-08-03

94浏览

0评论

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

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

• 2022-08-03

101浏览

0评论

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

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

• 2022-08-03

100浏览

0评论

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

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

• 2022-08-03

96浏览

0评论

小程序实现简单吸顶效果

本文实例为大家分享了小程序实现吸顶效果的具体代码，供大家参考，具体内容如下要求:1.使页面某一区域始终显示在页面的最顶端
2.页面流畅不卡顿初始效果如图：最终效果：1.wxml部分...

• 2022-08-03

83浏览

0评论

前端云原生之微信小程序云服务配置指南

目录前言创建使用云开发项目搭建云环境测试云服务1. 获取openid（上传本地login云函数）2. 自定义sum函数并创建部署3. 上传图片4. 前端操作数据库5. 即时通信demo总结前言如今...

• 2022-08-03

82浏览

0评论

微信小程序实现拉链式的滑动验证

本文实例为大家分享了微信小程序实现拉链式滑动验证的具体代码，供大家参考，具体内容如下view结构<view style="position: relative;height:90rpx">    <movable-area class=...

• 2022-08-03

85浏览

0评论

微信小程序实现井字棋游戏

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

• 2022-08-03

94浏览

0评论

微信小程序实现卡片层叠滑动

本文实例为大家分享了微信小程序实现卡片层叠滑动的具体代码，供大家参考，具体内容如下实现效果：1.左右滑动时，向相应方向移动一个卡片位置；
2.点击某一项时，将点击项位置移动到中...

• 2022-08-03

113浏览

0评论

js实现公告自动滚动

本文实例为大家分享了js实现公告自动滚动的具体代码，供大家参考，具体内容如下html<div class="test003">          <div class="test004">            <div class=...

• 2022-08-03

240浏览

0评论

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

本文实例为大家分享了微信小程序验证码倒计时效果的具体代码，供大家参考，具体内容如下如果写过js的倒计时，那么小程序中使用也是差不多的；代码：data: {      daojishi:60, ...

• 2022-08-03

96浏览

0评论

微信小程序实现手机验证码登录

我们的微信小程序里面，手机验证码登录已经成为不可缺少的一部门，为此，我写的这个手机验证码登录，这里我结合thinkphp6+微信小程序实现首先我们进入小程序页面：wxml页面：<!--pages/...

• 2022-08-03

78浏览

0评论

微信小程序自定义select下拉选项框的方法

本文实例为大家分享了微信小程序自定义select下拉选项框的具体代码，供大家参考，具体内容如下第一步：创建组件所需的文件第二步：开始配置组件select.json{  "component": true,...

• 2022-08-03

79浏览

0评论

小程序实现页面给自定义组件赋值

本文实例为大家分享了小程序之页面给自定义组件赋值的具体代码，供大家参考，具体内容如下1.新建组件：在component下新建一个tabBar2.组件中的index.wxml结构如下：<cover-view cla...

• 2022-08-03

113浏览

0评论

微信小程序实现星级评分与展示

本文实例为大家分享了微信小程序实现星级评分与展示的具体代码，供大家参考，具体内容如下一、效果展示星级评分星级评分展示二、代码实现星级评分部分：<!-- wxml --><view class...

• 2022-08-03

93浏览

0评论

微信小程序自定义导航栏效果

本文实例为大家分享了微信小程序自定义导航栏的具体代码，供大家参考，具体内容如下第一步 添加属性 “navigationStyle”: “custom”全局： app.json中添加...

• 2022-08-03

106浏览

0评论

微信小程序获取手机验证码的方法

本文实例为大家分享了微信小程序获取手机验证码的具体代码，供大家参考，具体内容如下完成手机验证码的功能：（1）效果图如下： （开始发送验证码） （重新发送验证码） （2）需求及思路说明：输入正...

• 2022-08-03

96浏览

0评论

javascript 变量声明 var,let,const 的区别

目录作用域（Scope）是什么var 声明提升(Hoisting)let 声明const 声明作用域（Scope）是什么作用域是程序的执行环境，它包含在当前位置可访问的变量和函数。在 ES5 语法中，有全局作用...

• 2022-08-03

108浏览

0评论

分享JavaScript 类型判断的几种方法

目录一、JavaScript 基本类型1、原始数据类型2、引用数据类型3、两种数据类型的存储方式二、Javascript 数据类型判断的几种方法1、typeof2、instanceof3、构造函数（construc...

• 2022-08-03

104浏览

0评论

JavaScript处理XML DOM、XPath和XSLT方法详解

目录一、浏览器对XML DOM的支持1、将XML解析为DOM文档2、将DOM文档序列化为XML文档二、浏览器对XPath的支持三、浏览器对使用XSLT的支持一、浏览器对XML DOM的支持1、将XML...

• 2022-08-03

113浏览

0评论

Three.js+React制作3D梦中海岛效果

目录背景效果实现素材准备资源引入页面结构场景初始化海天空虹岛鸟交互点动画总结背景深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游...

• 2022-08-03

171浏览

0评论

利用JS实现加减简易计算器

目录前言实现思路前言这个题目前一周左右在小红书刷到，想着就去就做一下，第一版因为思路不清晰，没有完整的实现功能。后来忙着改论文，就一直拖到现在。想着回去在看看这篇，发现已...

• 2022-08-03

95浏览

0评论

ReactHooks+ts(函数组件)实现原生轮播的示例

目录1.下载依赖（第一个是js依赖，第二个是ts依赖）2.创建tsx文件3.创建less文件1.下载依赖（第一个是js依赖，第二个是ts依赖）npm install smoothscroll-polyfill --savenpm i --save-...

• 2022-08-03

153浏览

0评论

基于JavaScript实现HarmonyOS备忘录服务卡片

目录一、前言二、实现效果三、创建工程四、生成服务卡片五、调试预览一、前言HarmonyOS发布，服务卡片成为了亮点之一。那么除了开发应用，服务卡片也成了必学的知识。备忘录是...

HarmonyOS
• 2022-08-03

85浏览

0评论

微信小程序时间轴组件的示例代码

我这里的标题是小程序的时间组件，其实我这里是将他写成了一个页面，当然，如果你有需求，将其做成一个自定义组件也可以~这玩意其实没有什么技术难点就是一个小页面，我这里就不赘述...

• 2022-08-03

103浏览

0评论

基于JS编写开心消消乐游戏的示例代码

目录展示游戏背景游戏规则源码部分对关卡的地图设置介绍一下游戏中的一些功能展示游戏背景一天晚上，天空中掉下一颗神奇的豌豆种子，正好落在了梦之森林的村长屋附近，种子落地后...

• 2022-08-03

100浏览

0评论

Javascript变量函数声明提升深刻理解

目录前言：变量提升函数提升为什么要提升？最佳实践总结前言：Javascript变量函数声明提升（Hoisting）是在 Javascript 中执行上下文工作方式的一种认识（也可以说是一种预编译），从字面意...

• 2022-08-03

152浏览

0评论

JavaScript 防抖debounce与节流thorttle

目录一、防抖（Debounce）1.1 防抖函数的实现（1）版本1 —— 停止触发事件n毫秒后执行回调函数（2）版本21.2 防抖的实际应用（1）搜索框建议项（2）消除resize事件处理程序的抖动。（3...

• 2022-08-03

116浏览

0评论

分享JavaScript 中的几种继承方式

目录一、原型链1.1 原型链的问题二、盗用构造函数2.1 基本思想2.2 可向父类构造函数传参2.3 盗用构造函数的问题三、组合继承（伪经典继承）3.1 基本思想3.2 组合继承的问题四、...

• 2022-08-03

95浏览

0评论

JavaScript 中的作用域与闭包

目录一、JavaScript 是一门编译语言1.1 传统编译语言的编译步骤1.2 JavaScript 与传统编译语言的区别二、作用域（Scope）2.1 LHS查询 和 RHS查询2.2 作用域嵌套2.3 ReferenceEr...

• 2022-08-03

101浏览

0评论

一文搞懂如何避免JavaScript内存泄漏

目录一、什么是内存泄漏二、常见的内存泄漏1、意外的全局变量2、 计时器3、 闭包4、 事件监听器5、缓存6、分离的DOM元素三、识别内存泄漏1、使用性能分析器可视化内存消耗2...

• 2022-08-03

121浏览

0评论

JavaScript实现事件总线(Event Bus)的方法详解

目录介绍原理分析进阶1. 如何在发送消息时传递参数2. 订阅后如何取消订阅3. 如何只订阅一次4. 如何清除某个事件或者所有事件5. TypeScript 版本6. 单例模式总结介绍Event B...

• 2022-08-03

157浏览

0评论

UNiAPP中如何使用render.js绘制高德地图

目录什么是render.js使用方式在uniAPP中使用render.js 绘制高德地图明确需求解决思路编写代码vue页面使用render.js初始化地图实现效果render.js中的通信1、数据的绑定2、数...

• 2022-08-03

95浏览

0评论

JavaScript中防抖和节流的区别及适用场景

目录前言防抖例如代码演示节流例如代码演示前言防抖和节流，这个在我们的前端生涯中，这两个名词肯定不陌生，甚至经常被人问起：两者有什么区别？分别用于什么场景？ps：这就是高频的面试...

• 2022-08-03

94浏览

0评论

JavaScript实现监控上传和下载进度

目录一、写在前面二、xhr 监控进度三、axios 监控进度四、写在后面一、写在前面网路的不稳定性，网速的变化，会导致有时一个请求可能需要很长的的时间，而这个过程如果没有相应的...

• 2022-08-03

96浏览

0评论

JavaScript使用Fetch的方法详解

目录进行 fetch 请求支持的请求参数发送带凭据的请求上传 JSON 数据上传文件上传多个文件检测请求是否成功自定义请求对象HeadersGuardResponse 对象Body特性检测Fetch API...

• 2022-08-03