编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

46浏览

0评论

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

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

2022-08-03 22:11:29

44浏览

0评论

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

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

2022-08-03 22:11:27

43浏览

0评论

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

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

2022-08-03 22:11:25

49浏览

0评论

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

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

2022-08-03 22:11:24

34浏览

0评论

微信小程序实现滑块验证

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

2022-08-03 22:11:22

46浏览

0评论

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

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

2022-08-03 22:11:21

37浏览

0评论

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

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

2022-08-03 22:11:16

42浏览

0评论

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

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

2022-08-03 22:11:12

28浏览

0评论

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

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

2022-08-03 22:11:09

41浏览

0评论

浅谈Webpack是如何打包CommonJS的

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

2022-08-03 22:11:07

43浏览

0评论

微信小程序实现照片裁剪

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

2022-08-03 22:11:06

31浏览

0评论

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

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

2022-08-03 22:11:04

47浏览

0评论

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

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

2022-08-03 22:11:02

112浏览

0评论

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

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

2022-08-03 22:11:00

37浏览

0评论

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

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

2022-08-03 22:10:58

43浏览

0评论

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

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

2022-08-03 22:10:56

40浏览

0评论

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

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

2022-08-03 22:10:54

43浏览

0评论

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

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

2022-08-03 22:10:51

60浏览

0评论

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

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

2022-08-03 22:10:48

23浏览

0评论

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

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

2022-08-03 22:10:46

41浏览

0评论

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

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

2022-08-03 22:10:45

37浏览

0评论

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

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

2022-08-03 22:10:43

50浏览

0评论

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

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

2022-08-03 22:10:40

51浏览

0评论

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

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

2022-08-03 22:10:39

53浏览

0评论

小程序实现简单吸顶效果

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

2022-08-03 22:10:36

35浏览

0评论

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

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

2022-08-03 22:10:35

31浏览

0评论

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

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

2022-08-03 22:10:29

36浏览

0评论

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

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

2022-08-03 22:10:27

47浏览

0评论

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

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

2022-08-03 22:10:24

61浏览

0评论

js实现公告自动滚动

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

2022-08-03 22:10:23

188浏览

0评论

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

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

2022-08-03 22:10:21

47浏览

0评论

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

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

2022-08-03 22:10:19

37浏览

0评论

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

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

2022-08-03 22:10:18

30浏览

0评论

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

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

2022-08-03 22:10:16

63浏览

0评论

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

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

2022-08-03 22:10:14

46浏览

0评论

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

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

2022-08-03 22:10:13

50浏览

0评论

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

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

2022-08-03 22:10:11

43浏览

0评论

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

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

2022-08-03 22:10:09

55浏览

0评论

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

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

2022-08-03 22:10:07

51浏览

0评论

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

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

2022-08-03 22:10:05

50浏览

0评论

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

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

2022-08-03 22:10:03

102浏览

0评论

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

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

2022-08-03 22:09:40

44浏览

0评论

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

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

2022-08-03 22:09:38

76浏览

0评论

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

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

2022-08-03 22:09:36

38浏览

0评论

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

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

2022-08-03 22:09:34

42浏览

0评论

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

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

2022-08-03 22:09:32

57浏览

0评论

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

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

2022-08-03 22:09:25

91浏览

0评论

JavaScript 防抖debounce与节流thorttle

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

2022-08-03 22:09:23

62浏览

0评论

分享JavaScript 中的几种继承方式

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

2022-08-03 22:09:21

46浏览

0评论

JavaScript 中的作用域与闭包

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

2022-08-03 22:09:19

首页 «440 441442443 444 »尾页

热门文章