JavaScript - 教程之家

29浏览

0评论

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

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

2022-08-03

63浏览

0评论

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

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

2022-08-03

51浏览

0评论

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

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

2022-08-03

67浏览

0评论

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

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

2022-08-03

37浏览

0评论

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

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

2022-08-03

50浏览

0评论

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

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

43浏览

0评论

uniapp实现支付功能

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

2022-08-03

52浏览

0评论

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

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

2022-08-03

52浏览

0评论

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

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

2022-08-03

69浏览

0评论

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

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

2022-08-03

52浏览

0评论

一文详解JavaScript中prototype的使用

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

2022-08-03

60浏览

0评论

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

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

2022-08-03

51浏览

0评论

分享7 个实用 TypeScript 单行代码

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

2022-08-03

71浏览

0评论

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

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

2022-08-03

55浏览

0评论

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

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

2022-08-03

50浏览

0评论

JS实现多物体运动

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

2022-08-03

39浏览

0评论

js+canvas实现飞机大战

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

2022-08-03

39浏览

0评论

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

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

2022-08-03

48浏览

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

40浏览

0评论

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

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

2022-08-03

43浏览

0评论

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

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

2022-08-03

44浏览

0评论

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

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

2022-08-03

52浏览

0评论

一文弄懂JavaScript的继承方式

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

2022-08-03

40浏览

0评论

uniapp app 人脸识别的实现示例

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

2022-08-03

62浏览

0评论

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

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

2022-08-03

30浏览

0评论

JavaScript中arguments的使用方法

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

2022-08-03

37浏览

0评论

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

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

2022-08-03

45浏览

0评论

JavaScript实现简易飞机大战

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

2022-08-03

104浏览

0评论

JavaScript编写实现飞机大战

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

2022-08-03

56浏览

0评论

Javascript实现仿QQ随机数验证

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

QQ

2022-08-03

43浏览

0评论

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

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

2022-08-03

55浏览

0评论

js实现连连看游戏

本文实例为大家分享了js实现连连看游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style...

2022-08-03

55浏览

0评论

Javascript中扁平化数据结构与JSON树形结构转换详解

目录一. 先说简单的树形结构数扁平化处理二. 再讲将扁平化数据结构转JSON树状形结构扩充一个知识点：for in 与 for of 的区别：总结不废话，直接开干一. 先说简单的树形结构数扁...

2022-08-03

46浏览

0评论

前端面试的底气之实现一个深拷贝

目录前言青铜段位白银段位黄金段位铂金段位砖石段位星耀段位王者段位总结前言深拷贝这个功能在开发中经常使用到，特别在对引用类型的数据进行操作时，一般会先深拷贝一份赋值给...

2022-08-03

60浏览

0评论

JS实现深拷贝和浅拷贝的方式详解

目录一. 基本类型数据拷贝二. 引用类型数据拷贝1、浅拷贝2、深拷贝说道数据拷贝就离不开数据类型，在JS中数据类型分为基本类型和引用类型基本类型：number， boolean，string，symbo...

2022-08-03

38浏览

0评论

分享15个JavaScript的重要数组方法

目录1、ForEach2、Map3、Filter4、Find5、FindIndex6、Reduce7、Every8、Some9、 Sort10、Flat11、 Reverse12、Include13、Fill14、At15、 Concat前言;我们会在构建的每个...

2022-08-03

34浏览

0评论

js模拟如何实现重载以及默认参数

目录模拟实现重载以及默认参数下面先说实现重载的方法接下来是实现默认参数的方法下面进行一下测试js的函数支持重载吗模拟实现重载以及默认参数众所周知，js是函数不支持重载...

2022-08-03

47浏览

0评论

JavaScript实现微信飞机大战游戏

本文实例为大家分享了JavaScript实现微信飞机大战游戏的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE><html><head> <title>微信经典飞机大战 </title> <met...

2022-08-03

46浏览

0评论

JavaScript实现前端飞机大战小游戏

本文实例为大家分享了JavaScript实现前端飞机大战的具体代码，供大家参考，具体内容如下html：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> ...

2022-08-03

22浏览

0评论

js+css实现飞机大战游戏

本文实例为大家分享了js+css实现飞机大战游戏的具体代码，供大家参考，具体内容如下用js和css实现，css中定义样式，js中定义了具体的实现事件，例如碰撞、子弹、飞机等。main.css文件...

2022-08-03

56浏览

0评论

js实现中国象棋游戏

本文实例为大家分享了js实现中国象棋游戏的具体代码，供大家参考，具体内容如下使用table元素作表格，div元素作象棋。效果如下：代码如下：<html><head><title>中国象棋</title><meta...

2022-08-03

43浏览

0评论

微信小程序实现Timeline时间线效果

微信小程序实现类似elementUI的Timeline时间线效果，自适应页面与文本wxml代码：<view class="box"> <view wx:for="{{list}}" wx:key="index" class="one"> <view class...

2022-08-03

64浏览

0评论

TypeScript创建一个简单Web应用

目录安装TypeScript构建你的第一个TypeScript文件编译代码类型注解接口类运行TypeScript Web应用实践项目地址安装TypeScript获取TypeScript工具的方式：通过npm（Node.js包管理...

2022-08-03

50浏览

0评论

JavaScript深拷贝的几种实现方法实例

目录浅拷贝与深拷贝1.JSON.parse(JSON.stringify(obj))2.普通递归函数实现深拷贝3.兼容多种数据类型4.jQuery.extend()方法总结浅拷贝与深拷贝浅拷贝是创建一个新对象，这个...

2022-08-03

56浏览

0评论

使用纯JS实现checkbox的框选效果(鼠标拖拽多选)

目录主要思路css 代码如下html结构如下js主要逻辑如下总结主要思路用一个盒子作为选区，通过定位让其固定在左上角，由于没有给定选区元素的宽高所以默认不显示，在 onmousemove...

2022-08-03

57浏览

0评论

JS判断对象是否为空对象的几种实用方法汇总

目录1.通过JSON自带的stringify()方法来判断2.for in 循环判断3.使用ES6的Object.keys()方法4.Object.getOwnPropertyNames()方法5.将json对象转化为json字符串，再判断该字符...

2022-08-03

39浏览

0评论

JavaScript引用赋值与传值赋值总结

目录前言基本数据类型复合数据类型前言在JavaScript中基本数据类型都是传值赋值，复合数据类型都是引用赋值(传地址)也叫引用传址基本数据类型的变量名和数据是直接存在"快速...

2022-08-03

52浏览

0评论

微信小程序实现下拉筛选功能

最近开发应项目需求实现一个类似与贝壳找房里面的下拉筛选功能，在这里分享给有同样需求的大家，互相学习学习这是主要功能实现，我把它封装成了组件，在对应的地方使用，就可以实现贝...

2022-08-03

39浏览

0评论

微信小程序云开发实现搜索功能

微信小程序云开发实现搜索功能，供大家参考，具体内容如下微信小程序使用云开发实现搜索功能有两种情况，一种是简单的搜索用关键字来查询数据，另一种是模糊查询关于关键字的全部数...

2022-08-03

热门文章