微信小程序账号密码登入和传值的实现方法

目录小程序实现账号密码登入和传值显示要帮学校做一个简单的阅读值登记系统,-1基础的我只能硬着头皮努力学习了!!
实现的效果是这样的:有一个问题:就是登入成功后会显示无此用户...

Ajax实现搜索框提示功能

html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框输入文字自动提示</title> <link rel="stylesheet" href="./assets/boots...

JavaScript组合模式Composite Pattern

组合模式(Composite Pattern),又叫部分整体模式,是用于把一组相似的对象当作一个单一的对象。组合模式依据树形结构来组合对象,用来表示部分以及整体层次。这种类型的设计模式属...

CommonJS与ES6 Module的使用区别分析

目录前言1. CommonJS1.1 导出1.2 导入2. ES6 Module2.1 导出2.2 导入3. CommonJS 与 ES6 Module 的区别3.1 区别一3.2 区别二4. The end前言学了JS并且用过Node.js后,对模块...

外部web端访问微信小程序云数据库的三种方法总结

目录前言一、HTTP API 方式1、web端调用云函数二、Web SDK 在 Web 中使用1.Web SDK 在 Web 中使用,可以访问云开发资源,既支持公众号登录态、也支持未登录模式。2、使用腾讯云...

一文教你如何优雅的使用WebSocket

目录简介特性使用场景具体实现一、首先是服务端代码,这里我用的是nodejs。二、然后是客户端代码总结简介websocket是基于TCP的一种双向通信协议。在此之前,一直是采用轮询的方...

纯编码实现微信小程序弹幕效果(非视频底)

效果图wxml<view class="index-view"> <image class='background-img' src="/images/background-img.png" mode="widthFix"></image> <view hidden="{{!showInput}}" class=...

js数组案例之五子棋游戏

本文实例为大家分享了js实现五子棋游戏的具体代码,供大家参考,具体内容如下一、效果图二、设计思路第一步:创建棋盘,生成棋盘所对应的数组坐标。
第二步:鼠标点击当前位置返回当...

js实现网页五子棋进阶版

本文实例为大家分享了js实现网页五子棋进阶版的具体代码,供大家参考,具体内容如下对比上一版本增加了音效和计时器两个模块。代码如下<!doctype html><html><head>    <meta...

JavaScript实现网页版的五子棋游戏

本文实例为大家分享了JavaScript实现网页版五子棋游戏的具体代码,供大家参考,具体内容如下根据毕老师的HTML+CSS+JavaScript教程和下载的一些文档介绍自己在手机上写出来的一...

详解JS事件循环及宏任务微任务的原理

目录宏任务微任务事件循环宏任务与微任务微任务中创建宏任务宏任务中创建微任务宏任务中创建宏任务微任务中创建微任务总结本质上来说,JavaScript是同步的、阻塞的、单线程语...

利用Math.js解决JS计算小数精度丢失问题

目录缘由问题的原因最通俗的解释解决方案 - Math.js安装封装使用附:math.js 大数功能总结缘由最近在做公司的一个点餐H5项目需要前端动态计算用户选的商品的总价(单价*数量)和...

webpack-cli在webpack打包中的作用小结

目录webpack & webpack-cliwebpack Introductionwebpack-cli 详解Referencewebpack & webpack-cliwebpack Introductionwebpack 是一个静态的模块化打包工具,为现代的JavaScr...

微信小程序天气预报功能实现(支持自动定位,附源码)

目录前言天气API获取微信小程序后台域名配置页面代码注意问题(必看)源码总结前言由于和风天气API的更新,之前写的那篇文章 可能会出现版本不兼容的 情况。所以 更新了 这个 使...

js图片上传中file、bolb、base64图片之间的相互转化

JS上传图片我们要清楚,图片的展示方式有三种:分别为file(文件流)、bolb(本地流)、base64(二进制流)fileFile 接口提供有关文件的信息,并允许网页中的 JavaScript 访问其内容。...

JavaScript+canvas实现五子棋游戏

本文实例为大家分享了JavaScript+canvas实现五子棋游戏的具体代码,供大家参考,具体内容如下效果截图:代码实现:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF...

28个JS常用数组方法总结

目录1.Array.map()2.Array.filter()3.Array.reduce()4.Array.reduceRight()5.Array.fill()6.Array.find()7.Array.indexOf()8.lastIndexOf()9.Array.findIndex()10.Array.in...

如何创建 JavaScript 自定义事件

目录怎么创建自定义事件事件定制冒泡 bubbles可取消 cancelable组合 composed给事件传递自定义数据命名约定双击事件总结前言:相信大家肯定处理过很多的事件监听,比如点击事...

解决前后端交互数据出现精度丢失的多种方式

目录问题:情景复现:解决方式1.前端解决2.后端解决注意:问题:发送Ajax请求,请求后端接口创建订单并且返回订单号出现订单号精度丢失的情况情景复现:前端发送请求到后端接口我们...

详解JavaScript中Math内置对象基本方法的使用

目录概念math原生属性math常用方法math在日常开发中的数字处理方法使用Math.random()生成随机数小结Mathjs插件源码地址概念Math 是javaScript的内置对象,包含了部分数学常数...

小程序如何实现中间带加号的tabbar

目录前言首先新建一个tabbar的组件。html代码js代码在需要的页面引入组件适用不同页面设置tabbar选中状态css代码最终效果总结前言相信大家也看过很多app或者小程序的tabbar...

JavaScript 对象的四种方式比较详解

目录前言1. 引用比较2. 手动比较3. 浅层比较4. 深层比较5. 总结前言比较 JavaScript 中的值非常简单,只需用相等运算符即可,例如严格相等运算符:'a' === 'c'; // => false1 =...

js完全解析url和拼接

我们经常会遇到需要自己解析url地址,或者是自己拼接url,因此我们需要一个专门对url处理的js1、理解urlurl由6部分组成例如:
https://blog.csdn.net/weixin_43236062/article/d...

基于JS制作一个简易的2048游戏

效果图实现代码<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>2048</title> <style type="text/css"> ...

javaScript中一些常见的数据类型检查校验

目录前言常见的几种数据校验方式typeof操作符instanceofconstructorcall && applyObject.prototype.toString结合Function.prototype.call && apply其他校验数据类型的方法:...

浅谈uniapp页面跳转的解决方案

目录1.uniapp常用跳转API2.微信小程序页面跳转API3.其他页面跳转回tabbar页面的方法4.页面来回跳转保持数据的方法正常的页面跳转的api大家应该都清楚,但是涉及到多页面来回...

JS+CSS绘制棋盘格的示例代码

目录实现思路完整代码效果展示在这篇文章中,我将展示如何使用 css 和一些 JavaScript 来设计棋盘。为此,你需要对 CSS Flex-box 和 nth-child() 属性有基本的了解。所以让我们...

javascript实现飞机大战小游戏

本文实例为大家分享了javascript实现飞机大战游戏的具体代码,供大家参考,具体内容如下文档结构如下其中tool文件中只使用了随机数,audio中是存放的音乐文件,images中是己方和敌...

JavaScript中防抖和节流的实战应用记录

目录前言为什么我们需要防抖/节流防抖节流总结前言你可能会遇到这种的情况,一个站点使用自动填充的文本框,内容的拖拽,效果的滚动。那么,你遇到防抖和截流的概率还是很高的。为...

Moment.js常见用法总结

Moment.js是一个轻量级的js时间处理类库,其使用简单,方便了日常开发中对时间的操作,提高了开发效率。引用Moment.jsnpm install moment常用的方法1、moment()获取当前的日期和...

JS实现导出Excel和CSV文件操作

一、js导出Excel<html><head> </head><body><script type="text/javascript" src="./xlsx.core.min.js"></script><script type="text/javascript">/** * 通用的打开下载对...

使用Visual Studio 2022开发前端的详细教程

目录创建宿主项目安装前端库在浏览器引入模块模块化开发前端开发环境多数基于Node.js,好处不多说了。但与使用Visual Studio开发的后端Asp.Net Core项目一起调试,却不是很方便...

js+html实现网页五子棋

本文实例为大家分享了js+html实现网页五子棋的具体代码,供大家参考,具体内容如下最终效果图:废话不多说,上源码:<!doctype html><html><head>    <meta charset="utf-8">   ...

js判断两个数组相等的5种方法实例

目录前言一、 toString()二、join()三、 JSON.stringify()四、sort()五、filter()总结 前言在 js 中是不能直接用 == 或者 === 来比较两个数组是否相等,那就需要对数组的值进...

uniapp实现微信公众号支付的方法步骤

目录1、申请企业服务号(必须企业认证)2、获取appid 和秘钥3、安全域名设置4、代码实现1、申请企业服务号(必须企业认证)https://mp.weixin.qq.com2、获取appid 和秘钥菜单 开发-...

JavaScript中的事件处理程序

一、Html事件处理程序弊端:与标签耦合度太高,直接绑定在标签体上 <body> <button type="button" onclick="alert('消息框');" onmouseout="console.log('控制台')">Html事件...

JS中浮点数精度问题的分析与解决方法

目录前言问题的发现浮点数运算后的精度问题toFixed奇葩问题为什么会产生浮点数的存储浮点数的运算解决方法解决toFixed解决浮点数运算精度附:JS浮点数精度问题的一些实用建议...

微信小程序图片上传功能的实现方法

目录前言首先是静态布局和样式部分下面是js的部分,我已详细备注~~~总结前言最近做了个小程序,涉及到了图片上传的功能,今天给大家详细介绍下如何实现小程序图片上传,话不多说先上代...

再谈JavaScript中bind、call、apply三个方法的区别与使用方式

call的基本使用var ary = [12, 23, 34];ary.slice();以上两行简单的代码的执行过程为:ary这个实例通过原型链的查找机制找到Array.prototype上的slice方法,让找到的slice方法...

小程序圆形进度条及面积图实现的方法

目录前言效果预览圆形进度条说明:面积图最后前言以下两个图可以用来展示完成进度或者进度详情,图1用的是css来绘制进度条,图2用canvas来绘制面积图。效果预览圆形进度条传进去...

javaScript深拷贝和浅拷贝的简单介绍

目录基本数据类型在数据结构当中引用数据类型浅拷贝-深拷贝浅拷贝浅拷贝小结深拷贝结尾源码地址在了解深拷贝和浅拷贝之前,我们先梳理一下:JavaScript中,分为基本数据类型(原始...

JS数字精度丢失的原因及解决方案

目录前言精度丢失原因如何将整数从十进制转换为二进制将小数从十进制转换为二进制解决方案第三方库Decimalbignumber变成整数总结前言在JavaScript中计算两个十进制数的和,有...

uniapp实现微信小程序的电子签名效果(附demo)

目录1、标签和样式2、横屏切换3、绘图3.1、初始化数据会吧?3.2、触摸开始时获取起点,会吧?3.3、触摸移动获取路径点,会吧?3.4、触摸结束,将未绘制的点清空防止对后续路径产生干扰,...

利用JS将图标字体渲染为图片的方法详解

目录前言实现方式htmlcssjs效果前言在软件开发中肯定要用到图标,比如下图的 Groove 音乐中就用到了许多图标。一种获取这些图标的方法是把 Groove 音乐截个图,然后熟练地开启...

javascript实现好看的可复用弹窗插件

本文实例为大家分享了javascript实现可复用弹窗插件的具体代码,供大家参考,具体内容如下效果图下面是详细代码index.html<!DOCTYPE html><html lang="en">    <head>  ...

uniapp实现支付功能

详细参考:
https://gitee.com/copperpeas/uniapp-paymentuniapp-payment
介绍
uniapp支付微信支付流程
测试接入的是uniapp官方预下单接口APP应用首先去微信等开发平台申请开...

你可能不知道的JavaScript之this指向详解

目录前言默认绑定,全局对象点石成金,隐式绑定隐式绑定丢失指腹为婚,显式绑定内有乾坤,new 绑定军令如山,箭头函数this 绑定优先级总结相关文献引用链接前言JavaScript 对 this 指...

js深拷贝和浅拷贝的深入讲解

目录浅拷贝实现方法方法一:Object.assign方法二:扩展运算符方式方法三:concat和slice 浅拷贝数组深拷贝实现方法方法一:乞丐版(JSON.stringify和JSON.parse)手写递归实现其他实现...

JS进阶指南之你真的掌握变量和类型了吗

目录导读一、JavaScript数据类型二、为什么区分原始类型和对象类型2.1 不可变性2.2 引用类型2.3 复制2.4 比较2.5 值传递和引用传递三、分不清的null和undefined四、不太熟...

一文详解JavaScript中prototype的使用

目录prototype初步认识函数有prototype属性,函数创建的对象没有获得当前对象的属性父和子的扩展子的proto和prototype的区别扩展得到的东西到底从哪来的prototype初步认识在...

返回顶部
顶部