JavaScript - 教程之家

73浏览

0评论

使用JS简单实现apply、call和bind方法的实例代码

目录1.方法介绍2.apply、call和bind方法的实现2.1.apply的实现2.2.call的实现2.3.bind的实现总结1.方法介绍apply、call和bind都是系统提供给我们的内置方法，每个函数都可以...

2022-08-03

96浏览

0评论

Three.js+React使二维图片呈现3D效果

目录背景效果实现素材制作资源引入场景初始化创建漫画主体创建Boom背景镜头控制、缩放适配、动画总结背景逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于...

2022-08-03

53浏览

0评论

Javascript动手实现call,bind,apply的代码详解

1.检查当前调用的是否为函数2.如果当前没有传入指向的this，则赋值为window3.将fn指向当前调用的函数4.获取传入的参数5.将参数传入fn进行调用6.将对象上的fn删除7.返回结果...

2022-08-03

64浏览

0评论

一起来学习TypeScript的类型

目录前言一、类型声明二、类型1.number2.string3.boolean 4.字面量 5.联合类型 6.any 7.unknown 8.void 9.never 10.object11.array12.tuple13.枚举enum14.其他总结前言Typ...

2022-08-03

109浏览

0评论

js中Map和Set的用法及区别实例详解

目录首先了解一下 Map再来了解一下 Set总结Map和Set的区别结语：首先了解一下 MapMap 是一组键值对的结构，和 JSON 对象类似。(1) Map数据结构如下这里我们可以看到的是Map的数...

2022-08-03

107浏览

0评论

一步步教你使用JavaScript打造一个扫雷游戏

目录前言一、思路分析二、静态页面搭建2.1 结构层2.2 样式层三、js页面交互3.1 获取元素及变量初始化3.2 10个雷的初始化设置3.3 游戏开始事件封装3.4 核心事件函数封装3.5...

2022-08-03

69浏览

0评论

分享7个杀手级JS小技巧

目录一、数组乱序二、复制到剪贴板三、数组去重四、检测黑暗模式五、滚动到顶部六、滚动到底部七、生成随机颜色一、数组乱序在使用需要某种程度的随机化的算法时，你会经常发...

2022-08-03

90浏览

0评论

typeScript入门基础介绍

目录一、安装 TS二、Vscode 自动编译 ts三、入门 TS基础数据类型接口类TS 的特点：始于 javaScript 归于 javaScript 。强大的类型系统。先进的 javaScript 。适合开发大型项...

2022-08-03

97浏览

0评论

VSCode开发TypeScript的实现步骤

目录第一个程序配置文件tsconfig.json调试模块化使用Webpack打包客户端代码TypeScript是JaveScript的超集，为JavaScript增加了很多特性，它可以编译成纯JavaScript在浏览器上运...

2022-08-03

134浏览

0评论

微信小程序中使用自定义字体的实现与体验优化

目录前言技术难点1.微信限制2.机型兼容文档说明体验优化附微信小程序设置全局字体结尾前言前段时间，甲方爸爸提出一个比较个性化的需要：要在他们的小程序中使用他们购买过版权...

2022-08-03

96浏览

0评论

你可能不知道的package.json属性详解

目录概述nameversiondescriptionkeywordshomepagebugslicense和用户相关的属性: author, contributorsfilesmainbinmandirectoriesdirectories.libdirectories.bindirectori...

2022-08-03

90浏览

0评论

js实现移动端简易滑动表格

本文实例为大家分享了js实现移动端简易滑动表格的具体代码，供大家参考，具体内容如下上js文件代码<template> <view> <scroll-view scroll-x="true" class="scroll-tabl...

2022-08-03

55浏览

0评论

JS判断空对象的几个方法大盘点

目录知识准备Object.keysObject.getOwnPropertyNames可枚举属性hasOwnProperty盘点判空方法JSON.stringify判空for in判空Object.getOwnPropertyNames判空Object.keys()判空...

2022-08-03

93浏览

0评论

JS截取字符串的方法详解

substr() 方法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。stringObject.substr(start,length)start：必需。要抽取的子串的起始下标。必须是数值。如...

2022-08-03

75浏览

0评论

JavaScript 映射器 array.flatMap()

目录1. 更加智能的映射器2. array.flatMap()3. 总结前言：array.map() 是一个非常有用的映射函数：它接收一个数组和一个映射函数，然后返回一个新的映射数组。然而，有一个替代 arr...

2022-08-03

125浏览

0评论

Mysql内储存JSON字符串根据条件进行查询

目录前言一、Json是什么？二、不同情况1.模糊查询json类型字段2.精确查询json类型字段3.模糊查询JsonArray类型字段4.精确查询JsonArray类型字段总结前言JSON 可以将 JavaScri...

2022-08-03

88浏览

0评论

如何利用JavaScript 实现继承

目录一、背景简介二、原型对象和对象的关系二、使用 prototype 和 proto 实现继承三、使用prototype和proto实现继承四、通过原型链访问对象的方法和属性五、其他方式实现继...

2022-08-03

72浏览

0评论

前端开发TypeScript入门基础教程

TYPESCRIPT官网githubTypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。可以看看官网的5分钟 TypeScript Tooling...

2022-08-03

285浏览

0评论

使用threejs实现第一人称视角的移动的问题(示例代码)

在数据可视化领域利用webgl来创建三维场景或VR已经越来越普遍，各种开发框架也应运而生。今天我们就通过最基本的threejs来完成第一人称视角的场景巡检功能。如果你是一位thre...

2022-08-03

66浏览

0评论

js实现按钮进行某行上移下移

本文实例为大家分享了js实现按钮进行某行上移下移的具体代码，供大家参考，具体内容如下先上个通用简单的代码：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-eq...

2022-08-03

91浏览

0评论

javascript正则表达配置扩展名并实现验证

项目需求：1.通过下拉菜单，可配置包含或者不包含某个字符串的文件名，字符串支持输入；必须以.xml为结尾2.可动态添加、删除配置行；3.点击【开始生成】按钮，根据配置的扩展名生成相应...

2022-08-03

72浏览

0评论

JavaScript实现网页视频添加水印的示例代码

目录示例图原理代码示例示例图原理通过html的页面布局，在video播放器层面，通过js控制dom,插入文本水印代码。代码示例index.html<!DOCTYPE html><html><head> <meta name="...

2022-08-03

49浏览

0评论

JavaScript判断数组的方法总结与推荐

目录前言根据构造函数判断（妈妈）instanceofconstructor根据原型对象判断（爸爸）__proto__Object.getPrototypeOf()Array.prototype.isPrototypeOf()根据Object的原型对象判断（祖先...

2022-08-03

64浏览

0评论

JavaScript库urlcat 之URL构建器库

目录1.作用2.使用方法在Node.js中使用在Typescript中使用在Deno中使用3.APIParamMap：具有字符串键的对象urlcat：构建完整的 URLquery：构建查询字符串subst：替换路径参数join：使用...

2022-08-03

42浏览

0评论

JavaScript瀑布流的实现你学会了吗

目录瀑布流的核心案例注意点（1）服务器加载网络图片的meta标签（2）瀑布流执行的判断依据（3）函数的节流（4）服务器配置更改运行结果总结瀑布流的核心1, 根据 ajax请求的响应体结果动...

2022-08-03

58浏览

0评论

Javascript中正则表达式的应用详解

目录stringsearchreplacematch:RegExp总结正则表达式在前端中的应用也是比较常见的,我们在有时候也需要用js 对某些字符串进行查找\捕获或者替换. js 中正则表达式一般...

2022-08-03

66浏览

0评论

详解JavaScript如何创建一个非自动播放的GIF网络组件

目录一些很可爱的测试数据构建Web组件逻辑结果今天，我将向您展示如何创建一个允许您的用户决定是否要播放 gif 的 Web 组件！让我们开始吧。一些很可爱的测试数据这里用的gif是...

2022-08-03

52浏览

0评论

Javascript数组常用方法你都知道吗

我用这些方法主要从五个方面去学习。1.方法是干什么的。2.谁能用 (当然是数组啦)。3.有没有返回值，返回值是什么。4.修不修改原来的对象。5.如何使用。接下来就是干货了。1.p...

2022-08-03

69浏览

0评论

JavaScript中常见的高阶函数总结

目录前言map函数reduce函数filter函数sortevery方法find方法findIndex方法foreach方法总结前言一个函数可以接受另一个函数作为参数，就把这个函数叫做高阶函数。一个最简单的...

2022-08-03

69浏览

0评论

一篇文章教你用JavaScript使用流程控制打印九九乘法表

目录一、选择结构if单分支语句if…else双分支语句if…elseif…else多分支语句switch多分支语句二、循环结构while循环语句do…while循环语句for循...

2022-08-03

52浏览

0评论

JS封装cavans多种滤镜组件

目录一.实现思路二.cavans前置准备1.获取cavans2.获取2d context对象3.绘制图片到cavans上4.获取在cavans上已绘制图片数据三.原理及实现1.黑白调2.灰色调3.反转4.复古5.红...

2022-08-03

74浏览

0评论

简单聊聊Js中的常见错误类型

目录前言JavaScript中的错误类型ErrorEvalErrorRangeErrorReferenceErrorSyntaxErrorTypeErrorURIError总结前言js在开发过程经常会遇到各种各样的报错，那么你了解这些错误产...

2022-08-03

56浏览

0评论

JavaScript变量类型以及变量之间的转换你了解吗

目录1. 变量类型1.1 变量类型的颜色2. 字面量3.数据类型转换3.1. 转换为字符串型1.加号拼接字符串2.toString() 转成字符串3.string（变量）3.2转换为数字型（重点）1.parseInt(stri...

2022-08-03

85浏览

0评论

微信小程序实现手写签名的示例代码

目录1.效果图2.相关代码canvas代码js相关在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信...

2022-08-03

60浏览

0评论

javascript Redux的状态管理详解

所谓的状态管理，就是对应用程序中的数据进行管理。理念：凡是数据流管理混乱的项目，几乎都上不了线。好的项目，必须有非常良好的数据流管理。如何使用Redux？记住“3个3&rdquo...

2022-08-03

72浏览

0评论

HTML+JS实现在线朗读器

目录前言一、设置语言和朗读人员二、设置音高【不是声音大小】三、设置音速四、设置声音大小五、添加暂停和恢复播放功能六、完整代码前言因为笔者最近在学习英语，所以才想找...

2022-08-03

75浏览

0评论

详解javascript如何在跨域请求中携带cookie

目录1.搭建环境2.测试同源cookie3.跨域请求携带cookie4.总结5.知识点1. 搭建环境1.生成工程文件npm init 2.安装 expressnpm i express --save 3.新增app1.js，开启服务器1 端...

2022-08-03

68浏览

0评论

JavaScript实现生成动态表格和动态效果的方法详解

今天上午完成了Vue实现一个表格的动态样式，那么JavaScript代码能不能实现同样的效果呢？这样也可以学习一下JavaScript的语法，晚上试了一下，完全可以，效果一模一样。<!DOCTYPE htm...

2022-08-03

51浏览

0评论

typeScript 核心基础之接口interface

目录1、接口定义2、接口继承3、类实现接口前言：在面向对象语言中，接口是一个很重要的概念，它是对行为的抽象。接口也叫 interface 。在 js 中没有接口这个概念，它是新增的。该如...

2022-08-03

83浏览

0评论

JS使用canvas绘制旋转风车动画

使用canvas绘制动画-旋转风车加速减速启动停止。结果截图详见如下：源码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...

2022-08-03

63浏览

0评论

JS旋转实现转盘抽奖效果

本文实例为大家分享了JS旋转实现转盘抽奖效果的具体代码，供大家参考，具体内容如下闲来没事,做了一个模拟转盘抽奖的HTML&JS的效果:可以在设置的时候,选择几个区域,并且可以填...

2022-08-03

89浏览

0评论

cropperjs实现裁剪图片功能

本文实例为大家分享了cropperjs实现裁剪图片功能的具体代码，供大家参考，具体内容如下cropperjs (裁剪图片)vue版本// 下载// npm install cropperjs -save// 使用//1.0 引入 ...

2022-08-03

54浏览

0评论

利用JavaScript实现简单的网页时钟

目录一、效果展示二、使用的技术三、日期对象1.指定时间2.获取目前时间三、源代码前言：今天带大家使用JavaScript定制一款网页时钟一、效果展示二、使用的技术主要使用了js的...

2022-08-03

69浏览

0评论

使用JavaScript在html文档内添加新的元素节点

目录一、基本语法与解释1.在某元素附近创建一个新的元素节点2.删除标签3.修改标签4.使用选择器选出某一类标签二、实际应用1.完整代码2.运行效果三、注意事项前言：动态的改变...

2022-08-03

45浏览

0评论

JavaScript基础学习-基本的语法规则

目录一、运算符二、分支语句三、循环语句四、异常的捕获与处理五、js中的this关键字六、let与const定义变量使用规则七、js中的void链接八、异步编程setTimeout九、函数闭包...

2022-08-03

61浏览

0评论

基于JavaScript打造一款桌面级便签系统

先看下效果：载体就是一个网页，用html，css和JavaScript实现一个简单的便签系统。动画效果用的是animation.css库，缓存用的localStorage。除非手动清空便签，否则便签会一直保留，非常...

2022-08-03

80浏览

0评论

微信小程序网络请求模块封装的具体实现

目录前言具体实现1.确定结构2.service网络请求的基本配置和公共方法3.apis创建对应功能模块的网络请求方法4.使用总结前言在进行一个微信小程序项目开发的时候我需要网络请...

2022-08-03

71浏览

0评论

js异步之async和await实现同步写法

首先我们假设有一方法 readFile 可以读取文件内容, 但是它是异步的。var gen = function* (){ var a = yield readFile('./a.txt'); console.log(a.toString());...

2022-08-03

46浏览

0评论

JavaScript 数组基本操作全解

目录一、初识数组二、创建数组使用Array对象创建数组使用“[]”创建数组三、数组的基本操作获取数组长度访问数组元素元素的添加与修改添加元素修改元素元素的删...

2022-08-03

53浏览

0评论

原生js实现简单滑动解锁功能 js实现滑动拼图解锁

本文实例为大家分享了js实现简单滑动解锁功能以及滑动拼图解锁的具体代码，供大家参考，具体内容如下简单实现滑动解锁，效果图是这样的<!DOCTYPE html><html lang="en"><head> ...

2022-08-03

热门文章