53浏览

0评论

小程序实现简单吸顶效果

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

• 2022-08-03

35浏览

0评论

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

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

• 2022-08-03

31浏览

0评论

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

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

• 2022-08-03

36浏览

0评论

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

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

• 2022-08-03

47浏览

0评论

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

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

• 2022-08-03

62浏览

0评论

js实现公告自动滚动

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

• 2022-08-03

188浏览

0评论

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

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

• 2022-08-03

47浏览

0评论

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

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

• 2022-08-03

37浏览

0评论

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

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

• 2022-08-03

31浏览

0评论

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

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

• 2022-08-03

63浏览

0评论

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

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

• 2022-08-03

46浏览

0评论

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

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

• 2022-08-03

51浏览

0评论

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

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

• 2022-08-03

43浏览

0评论

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

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

• 2022-08-03

55浏览

0评论

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

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

• 2022-08-03

52浏览

0评论

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

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

• 2022-08-03

50浏览

0评论

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

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

• 2022-08-03

102浏览

0评论

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

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

• 2022-08-03

44浏览

0评论

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

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

• 2022-08-03

76浏览

0评论

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

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

HarmonyOS
• 2022-08-03

39浏览

0评论

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

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

• 2022-08-03

43浏览

0评论

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

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

• 2022-08-03

57浏览

0评论

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

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

• 2022-08-03

91浏览

0评论

JavaScript 防抖debounce与节流thorttle

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

• 2022-08-03

63浏览

0评论

分享JavaScript 中的几种继承方式

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

• 2022-08-03

46浏览

0评论

JavaScript 中的作用域与闭包

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

• 2022-08-03

53浏览

0评论

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

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

• 2022-08-03

65浏览

0评论

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

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

• 2022-08-03

91浏览

0评论

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

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

• 2022-08-03

51浏览

0评论

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

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

• 2022-08-03

46浏览

0评论

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

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

• 2022-08-03

45浏览

0评论

JavaScript使用Fetch的方法详解

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

• 2022-08-03

52浏览

0评论

让JavaScript代码更加精简的方法技巧

目录前言：对象解构示例 {}解构空对象嵌套对象解构前言：使用 JavaScript 对象解构来节省代码，JavaScript 对象解构赋值在项目开发中是一个常用的技能。先来看一个 article 对象，...

• 2022-08-03

59浏览

0评论

浅析JavaScript中的变量提升

目录前言：函数提升var变量提升let & const提升Class提升前言：JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部...

• 2022-08-03

53浏览

0评论

JavaScript深入浅出__proto__和prototype

目录构造函数和实例prototypeconstructor原型对象的原型原型链扩展知识总结首先我们先记住几个知识点：每个函数都有一个prototype属性每个对象都有一个__proto__属性（null除外...

• 2022-08-03

52浏览

0评论

微信小程序骨架屏的应用与实现步骤详细记录

目录什么是骨架屏小程序骨架屏的实现1. 生成页面骨架2. 骨架屏的应用3. 使用注意4. 思考后的封装总结什么是骨架屏骨架屏是作为一种首次渲染加载优化的一种方法我们打开一个...

• 2022-08-03

57浏览

0评论

JavaScript 赋值,浅复制和深复制的区别

目录一、变量赋值1.1 原始值和引用值1.2 赋值二、浅复制（Shallow Copy）2.1 原生 JavaScript 中的浅复制Object.assign()2.2 浅复制的手动实现三、深复制（Deep Copy）2.1 原生 Jav...

• 2022-08-03

40浏览

0评论

JavaScript 原始包装类型汇总

目录一、原始包装类型1、Boolean2、Number3、String二、原始包装类型的特点1、原始值为什么可以调用一些方法2、引用类型和原始值包装类型的区别3、原始包装类型构造函数 和...

• 2022-08-03

37浏览

0评论

详解如何优雅迭代JavaScript字面对象

目录为什么要实现自定义迭代器如何实现JavaScript字面量对象迭代实现方法解析为什么生成器函数要这样设计为什么要实现自定义迭代器因为在JavaScript中字面量对象是不支持迭...

• 2022-08-03

71浏览

0评论

JS实现获取GIF总帧数的方法详解

目录前言写在前面思路分析什么是Gif组成结构解析原理数据块分析Header BlockLogical Screen DescriptorGlobal Color TableGraphics Control ExtensionImage DescriptorImag...

• 2022-08-03

51浏览

0评论

Electron应用显示隐藏时展示动画效果实例

目录最终效果实现思路实现过程总结最终效果实现思路窗口设置透明建立系统托盘获取托盘坐标，实现应用在托盘上方出现CSS 里面写上加载和退出的动画添加加载动画的事件，即给元素...

• 2022-08-03

78浏览

0评论

基于JS实现接粽子小游戏的示例代码

目录游戏设计游戏实现添加粽子元素粽子掉落难度选择开始游戏总结端午节马上就到了，听说你们公司没发粽子大礼包？没关系，这里用 JS 实现了一个简单的接粽子小游戏，能接到多少粽子...

• 2022-08-03

63浏览

0评论

es6新增对象的实用方法总结

目录一、属性的简写二、属性名表达式三、super关键字四、扩展运算符的应用五、属性的遍历六、对象新增的方法Object.is()Object.assign()Object.getOwnPropertyDescriptors(...

• 2022-08-03

47浏览

0评论

基于JavaScript概括浏览器方向的优化

目录一、前言二、高谈阔论：“一字一图”三、具体落地：一个 link 标签四、写在后面一、前言再过半个月，Internet Explorer 就正式退役了，曾经的浏览器霸主，服役超过25年...

• 2022-08-03

49浏览

0评论

能够让你事半功倍的JS utils工具函数详解

目录前言时间相关时间戳转自定义格式时间格式化距离现在已过去的时间判断两个不同格式的日期是否为同一天判断时间是不是今天URL 相关URL 参数转对象获取URL参数获取URL has...

• 2022-08-03

60浏览

0评论

如何在uni-app使用微软的文字转语音服务

目录前言解析Azure官网的演示功能两个参数三次发送接收的二进制消息用Node.js实现它两个参数创建WebSocket连接三次发送接收二进制消息拼接mp3命令行工具在uni-app中使用新...

• 2022-08-03

101浏览

0评论

如何利用JavaScript读取excel文件并绘制echarts图形

目录1、场景描述2、需求描述3、功能实现4、尾言1、场景描述通常来说，前端要拿到excel数据，都是先上传存储数据库，然后再请求后端接口，获取数据。但有100个产品经理，就会有101个不...

• 2022-08-03

50浏览

0评论

JavaScript中的this关键词指向

目录1、es5中的this的指向2、es6中的this1、es5中的this的指向this是JavaScript的一个关键字，他是函数执行过程中，自动生成的一个内部对象，指当前的对象，只在当前函数内部使用。...

• 2022-08-03

58浏览

0评论

微信小程序实现图形验证码

本文实例为大家分享了微信小程序实现图形验证码的具体代码，供大家参考，具体内容如下1.wxml页面<canvas canvas-id="canvas" bindtap='change' style="width:90px;height: 30px...

• 2022-08-03

56浏览

0评论

微信小程序实现触底加载与下拉刷新的示例代码

目录触底加载loader函数思考loader函数实现触底加载动画触底加载的优点下拉刷新最后在最近做小程序的时候有这么一个很常见的需求，加载一个信息列表，要求需要触底加载和下拉刷...

• 2022-08-03