JavaScript - 教程之家

78浏览

0评论

前端React Nextjs中的TS类型过滤实用技巧

目录自我介绍分步介绍开胃小菜keyofinConditional泛型正餐开始实战应用例子最后大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚...

2022-08-03

64浏览

0评论

一文理解JavaScript装饰器模式

装饰器模式想必大家并不陌生：它允许向一个现有的对象添加新的功能，同时又不改变其结构，属于结构型模式，它是作为现有的类的一个包装。这种模式创建了一个装饰类，用来包装原有的类...

2022-08-03

67浏览

0评论

理解JavaScript设计模式中的单例模式

单例模式（Singleton Pattern）是最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。单例模式涉及到一个单一的类，该类负责创建自己的对...

2022-08-03

56浏览

0评论

理解JavaScript设计模式中的建造者模式

我们在前面已经提过设计模式创建型模式的 3 种工厂模式和单例模式；本篇带来同属创建型模式的“建造者模式”建造者模式（Builder Pattern）使用多个简单的对象一步一...

2022-08-03

76浏览

0评论

JS实现图片验证码功能

本文实例为大家分享了JS实现图片验证码功能的具体代码，供大家参考，具体内容如下以下代码可以直接copy运行，不需要引入jquery.jar1. html代码<%@ page language="java" contentT...

2022-08-03

68浏览

0评论

JavaScript开发的七个实用小技巧(很有用)

目录1. 数组求和2. 使用 length 属性更改数组3. 数组元素随机打乱4. 过滤唯一值5. 逗号运算符6. 使用数组解构交换数据元素7. 使用 && 代替 If 条件判断为真的条件总结本文...

2022-08-03

87浏览

0评论

JS实现读取Excel文件内容并生成二维码

目录需求实现方案puppeteernode-canvas浏览器问题分解具体实现启动一个本地服务器创建html，引入资源库解析xls文件写入中间logo写入底部文字canvas转化为图片，并下载到本地递...

2022-08-03

76浏览

0评论

微信小程序开发实战快速入门教程

目录注册微信小程序微信开发者工具第一个小程序新建项目项目目录结构目标成果步骤分解页头页尾个人中心生活指南模拟弹窗预览图片注册微信小程序如果你还没有微信公众平台的...

2022-08-03

88浏览

0评论

如何在TypeScript中处理日期字符串

目录前言：一、模板字面量类型二、类型谓词缩小范围三、定义日期字符串总结：前言：在我最近的一个项目中，我必须去处理多个自定义的日期字符串表示法，比如YYYY-MM-DD和YYYYMMDD。由...

2022-08-03

76浏览

0评论

微信小程序实战之打卡时钟的绘制

目录一、项目展示二、首页三、设置一、项目展示这是一款简单实用的小时钟工具分为工作和休息两种状态用户可以设置相应的时间所有的时钟记录都会被保存下来二、首页首页由计...

2022-08-03

96浏览

0评论

JS利用window.print()实现网页打印功能

目录前言一、print()方法二、打印样式1.使用打印样式表2.使用媒介查询3.内联样式使用media属性4.在css中使用@import引入打印样式表三、打印指定区域部分内容1.方法一2.方法...

2022-08-03

85浏览

0评论

理解JavaScript中的适配器模式Adapter Pattern

说到：适配器，大家一定不会陌生，所有的充电头，就是适配器，用于适配电源插孔和需要充电的设备；同理，适配器模式（Adapter Pattern）是作为两个不兼容的接口之间的桥梁。这种类型的设计模...

2022-08-03

73浏览

0评论

分享JavaScript的 3 种工厂模式的用法

目录一、简单工厂模式二、工厂方法模式三、抽象工厂模式四、小结前言;工厂模式（Factory Pattern）是设计模式中最常用的设计模式之一。这种类型的设计模式属于创建型模式，它提供...

2022-08-03

79浏览

0评论

Next.js脚手架完整搭建封装的方法步骤

针对实际的开发场景(SEO优化需求),我们直接使用next.js脚手架创建的项目还无法直接进行开发,需要再次进行配置封装搭建,这里分享一套自己的完整封装搭建给有需要的小伙伴使...

2022-08-03

80浏览

0评论

js实现带翻转动画图片时钟

本文实例为大家分享了js实现带翻转动画图片时钟的具体代码，供大家参考，具体内容如下首先上图，先看效果1、需求根据当前系统时间来更改这个时钟，更改时间时，数字向上翻动，转成下一...

2022-08-03

74浏览

0评论

JavaScript遍历json对象数据的方法

JSON中，有两种结构：对象和数组，对象是没有length这个属性，而数组结构是有的，下面说明一下用遍历方式获取属性值的方法。获取属性名、属性值<!DOCTYPE html><html lang="en"><head...

2022-08-03

78浏览

0评论

基于JS实现经典的井字棋游戏

目录先看成品游戏初始化界面：玩家获胜AI电脑获胜思路生成棋盘重新开始玩家落子电脑落子代码HTMLCSSjs井字棋作为我们在上学时代必玩的一款连珠游戏，你知道如何做到先手必然不...

2022-08-03

74浏览

0评论

微信小程序之video组件视频播放

目录1、功能介绍2、video组件2.1、用处2.2、属性3、index.js中的数据部分4、结构布局index.wxml5、样式部分index.wxss6、弹幕实现功能7、获取视频功能8、运行效果附：小程序v...

2022-08-03

65浏览

0评论

如何在JavaScript中运行.NET Core代码详情

目录一、前言二、DotNetJS三、Demo1. 创建项目2. 实现C#代码3. 实现JS代码4. 运行效果四、结论一、前言在.NET Core中运行JavaScript代码，目前已经有很多实现方案。但是，如果...

2022-08-03

75浏览

0评论

JS实现定时自动消失的弹出窗口

一、Demo.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js弹框3秒后自动消失</title> <link rel="stylesheet" type="text/cs...

2022-08-03

92浏览

0评论

基于JS实现Flappy Bird游戏的示例代码

前言Flappy Bird 是一款无尽的游戏，玩家可以控制一只鸟。玩家必须保护小鸟免于与管道等障碍物相撞。每次小鸟通过管道时，分数都会增加一。当小鸟与管道碰撞或因重力而坠落时，游...

2022-08-03

75浏览

0评论

Ajax实现邮箱验证实例代码

html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证邮箱的地址是否已经注册</title> <link rel="stylesheet" href="./assets/b...

2022-08-03

80浏览

0评论

JS格式化时间的几种方法总结

方法一方法//格式化时间function format(dat){ //获取年月日，时间 var year = dat.getFullYear(); var mon = (dat.getMonth()+1) < 10 ? "0"+(dat.getMonth()+1) :...

2022-08-03

109浏览

0评论

ES6中解构赋值实现变量批量赋值解放双手

目录引言一、数组的解构赋值解构失败不完全解构默认值二、对象的解构赋值三、字符串的解构赋值结束语引言变量的解构赋值，听起来很复杂，简单点说可以理解成批量操作变量赋值...

2022-08-03

57浏览

0评论

JavaScript数组操作之旋转二维数组

目录一、题目描述二、思路与实现三、总结一、题目描述给定一个 n × n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。你必须在原地旋转图像，这意味...

2022-08-03

73浏览

0评论

JavaScript 数据结构之散列表的创建(2)

目录一、处理散列值冲突1.分离链接2.put 方法3.get 方法前言：上一篇我们介绍了什么是散列表，并且用通俗的语言解析了散列表的存储结构，最后动手实现了一个散列表，相信大家对散列...

2022-08-03

77浏览

0评论

js中易弄混淆的"位置"相关属性详解

目录一.Dom对象属性——距离二.Bom对象属性——距离三.Window对象属性——距离四.Event对象属性——坐标总结一.Dom对象属性&mdas...

2022-08-03

87浏览

0评论

Echarts图表点击x轴y轴切换图表二级数据实例代码

目录效果图代码部分总结效果图代码部分methods: { mychart1(data) { this.myChart = echarts.init(document.getElementById('profitTotal')); let echart...

2022-08-03

100浏览

0评论

小程序实现事件绑定的方法步骤

目录1 事件1.1 小程序中常用的事件1.2 事件对象的属性列表1.2.1 target 和 currentTarget 的区别1.3 bindtap 的语法格式1.4 在事件处理函数中为 data 中的数据赋值1.5 事件...

2022-08-03

228浏览

0评论

three.js响应式设计实例详解

目录1-canvas 的响应式布局示例：三维插图2-自适应设备分辨率总结源码地址：github.com/buglas/thre…1-canvas 的响应式布局canvas 画布的尺寸有两种：像素尺寸，即canvas画...

2022-08-03

95浏览

0评论

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

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

2022-08-03

87浏览

0评论

Ajax实现搜索框提示功能

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

2022-08-03

84浏览

0评论

JavaScript组合模式Composite Pattern

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

2022-08-03

87浏览

0评论

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后，对模块...

2022-08-03

80浏览

0评论

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

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

2022-08-03

86浏览

0评论

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

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

2022-08-03

63浏览

0评论

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

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

2022-08-03

74浏览

0评论

js数组案例之五子棋游戏

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

2022-08-03

90浏览

0评论

js实现网页五子棋进阶版

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

2022-08-03

77浏览

0评论

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

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

2022-08-03

61浏览

0评论

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

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

2022-08-03

82浏览

0评论

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

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

2022-08-03

70浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

83浏览

0评论

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

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

2022-08-03

78浏览

0评论

JavaScript+canvas实现五子棋游戏

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

2022-08-03

308浏览

0评论

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...

2022-08-03

81浏览

0评论

如何创建 JavaScript 自定义事件

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

2022-08-03

351浏览

0评论

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

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

2022-08-03

93浏览

0评论

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

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

2022-08-03

热门文章