JavaScript - 教程之家

76浏览

0评论

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

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

2022-08-03

68浏览

0评论

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

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

2022-08-03

98浏览

0评论

js完全解析url和拼接

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

2022-08-03

80浏览

0评论

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

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

2022-08-03

93浏览

0评论

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

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

2022-08-03

74浏览

0评论

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

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

2022-08-03

100浏览

0评论

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

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

2022-08-03

76浏览

0评论

javascript实现飞机大战小游戏

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

2022-08-03

88浏览

0评论

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

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

2022-08-03

108浏览

0评论

Moment.js常见用法总结

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

2022-08-03

90浏览

0评论

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

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

2022-08-03

74浏览

0评论

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

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

2022-08-03

77浏览

0评论

js+html实现网页五子棋

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

2022-08-03

99浏览

0评论

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

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

2022-08-03

103浏览

0评论

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

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

2022-08-03

69浏览

0评论

JavaScript中的事件处理程序

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

2022-08-03

108浏览

0评论

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

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

2022-08-03

97浏览

0评论

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

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

2022-08-03

61浏览

0评论

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

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

2022-08-03

116浏览

0评论

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

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

2022-08-03

88浏览

0评论

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

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

2022-08-03

110浏览

0评论

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

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

2022-08-03

65浏览

0评论

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

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

2022-08-03

108浏览

0评论

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

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

2022-08-03

75浏览

0评论

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

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

2022-08-03

85浏览

0评论

uniapp实现支付功能

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

2022-08-03

83浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

106浏览

0评论

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

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

2022-08-03

90浏览

0评论

一文详解JavaScript中prototype的使用

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

2022-08-03

91浏览

0评论

javaScript操作字符串的一些常用方法

目录1. 获取字符串长度2. 获取字符串指定位置的值（1）charAt()（2）charCodeAt()3. 检索字符串是否包含特定序列（1）indexOf()（2）lastIndexOf()（3）includes()（4）startsWith()（5）endsWith()4....

2022-08-03

88浏览

0评论

分享7 个实用 TypeScript 单行代码

目录1、底部可见2、块数组3、mask4、on / off5、getUUID6、once7、数据库前言：一般更少的代码通常意味着是更好的代码，因此，今天，我将跟大家分享7个TypeScript的单行代码，其中不...

2022-08-03

112浏览

0评论

基于JS制作一个简单的网页版地图

目录前言一、申请地图的AK密钥二、主要代码分析三、全部代码四、结果展示前言以前做了一个安卓版的地图应用，现在突然想做一个简单的网页版地图。这个简单的网页版地图能根据...

2022-08-03

98浏览

0评论

javascript实现简单飞机大战小游戏

本文实例为大家分享了javascript实现飞机大战小游戏的具体代码，供大家参考，具体内容如下效果图html文件<!DOCTYPE html><html lang='zh'><head> <meta charset='UTF-8'>...

2022-08-03

87浏览

0评论

JS实现多物体运动

本文实例为大家分享了JS实现多物体运动的具体代码，供大家参考，具体内容如下实现效果图：描述：用JS实现简单的多物体运动动画，淡出淡化效果，当鼠标放在不同div上时，div会由宽100PX慢...

2022-08-03

72浏览

0评论

js+canvas实现飞机大战

本文实例为大家分享了js canvas实现飞机大战的具体代码，供大家参考，具体内容如下首先我们绘制一个canvas区域，确实其宽高为480px*852px;水平居中<!DOCTYPE html><html lang="en...

2022-08-03

73浏览

0评论

webpack5搭建一个简易的react脚手架项目实践

目录项目初始化安装webpack搭建脚手架目录结构开启本地服务配置css&sass安装react的相关依赖项目添加热更新生产环境打包总结项目初始化首先我们创建一个目录，初始化 npm,得...

2022-08-03

78浏览

0评论

uniapp添加车牌组件的实现与使用

目录1.先看效果2.插件实现3.插件使用总结1.先看效果2.插件实现<!-- * @Author: dfh * @Date: 2022-04-20 09:43:44 * @LastEditors: dfh * @Modified By: dfh * @describe:...

2022-08-03

74浏览

0评论

uniapp中的picker选择器的几种使用场景

目录一、普通选择器二、多列选择器三、时间选择器四、日期选择器一、普通选择器<template> <view> <picker @change="bindPickerChange" :value="index" :range="array" ra...

2022-08-03

80浏览

0评论

你需要了解的ES6语法大总结

目录前言let介绍不允许重复声明块级作用域为什么需要块级作用域？es6的块级作用域暂时性死区变量提升变量不会挂载到windowconst总结对于var的使用：对于let和const：解构赋值对象...

2022-08-03

71浏览

0评论

如何写出一个惊艳面试官的JavaScript深拷贝

目录导读深拷贝和浅拷贝的定义乞丐版基础版本考虑数组循环引用性能优化其他数据类型合理的判断引用类型获取数据类型可继续遍历的类型不可继续遍历的类型克隆函数最后参考小...

2022-08-03

80浏览

0评论

一文弄懂JavaScript的继承方式

目录JavaScript中的继承方式问：JavaScript中有几种继承方式呢问：每种继承方式是怎么实现的呢盗用构造函数组合继承原型链式继承寄生式继承寄生时组合继承JavaScript中的继承方...

2022-08-03

72浏览

0评论

uniapp app 人脸识别的实现示例

由于小程序端有camera组件直接就可以调起摄像头但是 app端是不支持这个标签的所以只能用其他的方法使用 nvue 中 live-pusher 组件子组件 <template> <div> <div cla...

2022-08-03

105浏览

0评论

CodeMirror实现代码对比功能(插件react vue)

目录1.第一步：下载插件2.vue代码如下：3.react hooks代码如下：4.一点心得要实现一个需求：一个代码编辑器，用户上次写的代码和现在的代码要区分出不同。网上找了几个案例，拿过去一用...

2022-08-03

66浏览

0评论

JavaScript中arguments的使用方法

目录一、arguments的使用二、arguments.callee的使用一、arguments的使用当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScript 中，arguments 实际上...

2022-08-03

74浏览

0评论

微信小程序云开发实现微信支付功能业务逻辑可靠

目录注册微信支付商户号小程序关联商户号业务逻辑代码实现今天打了几把永劫无间后，咱们来聊一聊用云开发来开发微信小程序时，如何实现微信支付，并且保证业务逻辑可靠。注册微信...

2022-08-03

77浏览

0评论

JavaScript实现简易飞机大战

本文实例为大家分享了JavaScript实现简易飞机大战的具体代码，供大家参考，具体内容如下话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2022-08-03

165浏览

0评论

JavaScript编写实现飞机大战

本文实例为大家分享了JavaScript实现飞机大战的具体代码，供大家参考，具体内容如下一.飞机大战游戏介绍：游戏中，玩家驾驶飞机，在空中进行战斗。点击并移动自己的飞机，发射炮弹，打掉...

2022-08-03

124浏览

0评论

Javascript实现仿QQ随机数验证

本文实例为大家分享了Javascript实现仿QQ随机数验证的具体代码，供大家参考，具体内容如下效果图下面是贴出完整代码<!DOCTYPE html><html lang="en"> <head> <meta charset...

QQ

2022-08-03

70浏览

0评论

Js中forEach修改原数组与sort排序经典场景详解

目录forEach() 介绍forEach() 能不能改变原数组？sort() 介绍如果在使用 sort() 方法时不带参，sort()方法：带参时，自定义排序规则sort 方法举例：将数组按里面某个字段从小到大排序...

2022-08-03

热门文章