JavaScript - 教程之家

44浏览

0评论

Javascript实现表单检验

正如我们所见到的，好多网页都有注册界面，在注册界面中，最常见的即是包括用户名、密码、请重复输入密码和一个“注册”按钮，今天我们就举例实现一下该界面。要求：1.用户...

2022-08-03

36浏览

0评论

Typescript文件被识别为视频的问题解决

目录概念引入问题现象解决办法恢复视频模式概念引入TypeScript 是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成Transport Stream 即传输...

2022-08-03

47浏览

0评论

Webpack常见使用配置小结

目录1. 简介2. 上手准备3. 安装3. 编写案列随着前端开发越来越复杂，那么我们需要做的功能也不止基本界面了，比如开发过程中我们需要通过模块化的方式来开发；比如也会使用一些高...

2022-08-03

48浏览

0评论

JavaScript前端面试扁平数据转tree与tree数据扁平化

目录一、写在前面二、正文部分2.1 扁平数据转为 tree 数据2.2 tree 数据转为扁平数据2.3 完整测试 demo三、写在后面一、写在前面有时我们拿到的数据的数据结构可能不是理想...

2022-08-03

38浏览

0评论

代码规范需要防微杜渐code review6个小错误纠正

目录code review分析一下我的错误代码行为1、写没必要的函数2、Promise传递不明值3、使用没必要try catch4、Promise.all并发限制5、Nodejs中使用过多sync函数6、判空要放前...

2022-08-03

83浏览

0评论

JavaScript仿小米实现球体分解动画

目录演示技术栈源码演示用过小米手机的应该见过这个动画它这个球体会随着垃圾的清理被例子画分解随着这个思路我们给他改造一下实现这种效果技术栈首先我们使用了一些好用...

2022-08-03

40浏览

0评论

JavaScript 短路运算的实现

目录由来&& 和 || 也叫短路注意场景代码&&||真值短路，短路或 || 经常用来设置函数参数的默认值发生这次记录的项目代码结尾由来讲一下本篇的由来：刚刚启一个带有子服务的主服...

2022-08-03

46浏览

0评论

TypeScript 类class与修饰符的详细使用教程

目录一、简介二、成员修饰符访问修饰符只读修饰符静态修饰符总结一、简介通过 class 关键字定义一个类，然后通过 new 关键字可以方便的生产一个类的实例对象，这个生产对象的过...

2022-08-03

42浏览

0评论

详解JavaScript发送埋点请求的两种方式

目录一、用法1.动态创建<img>2.动态创建<script>二、区别区别1区别2三、选择哪种方式四、总结对于统计页面数据这样的情景（俗称埋点），我们常用的方式就是动态创建<img>或<scrip...

2022-08-03

44浏览

0评论

JS实现页面跳转并传值

本文实例为大家分享了JS实现页面跳转并传值的具体代码，供大家参考，具体内容如下初次尝试js实现值的传输和调用，想做一个界面登录系统，通过js实现将输入的值传到另外一个jsp文件...

2022-08-03

37浏览

0评论

基于JavaScript实现动态雨滴特效

目录演示技术栈源码设置画布js部分演示技术栈介绍一下画布吧：HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须...

2022-08-03

48浏览

0评论

JS+Canvas实现自定义头像功能

目录写在最前成果展示Git地址功能说明实现细节相关依赖写在最后写在最前前两天老大跟我说老虎官网上那个自定义头像的功能是flash实现的，没有安装过的还得手动去“允许&...

2022-08-03

29浏览

0评论

JS+Canvas实现接球小游戏的示例代码

目录写在最前git地址成果展示实现思路详细说明写在最后写在最前看了canvas的动画系列，已经抑制不住内心的冲动想写个小游戏了，还是那个套路——多写写，你才能了解它...

2022-08-03

41浏览

0评论

基于JS+Canvas的lucky-canvas 抽奖功能

目录ucky-canvas 介绍lucky-canvas 功能特点自由配置多端适配响应式代码块展示效果图展示代码如下抽奖一抽奖二抽奖三ucky-canvas 介绍一个基于 Js + Canvas 的【大转盘 &...

2022-08-03

32浏览

0评论

JavaScript判断是否为数字的几种方式汇总(推荐!)

目录前言1. typeof、instanceof、Number.isInteger2. parseInt、parseFloat3. isNaN、isFinite4. Number.isNaN、Number.isFinite5. 正则表达式6. 终极方案（推荐）7. 结语前言j...

2022-08-03

49浏览

0评论

javascript实现用户管理系统

本文实例为大家分享了javascript实现用户管理系统的具体代码，供大家参考，具体内容如下一些知识点梳理：1.获取ta1表格中的某行某列的元素document.getElementById("ta1").rows[h...

2022-08-03

43浏览

0评论

JavaScript网格中的最小路径讲解

目录问题描述思路分析AC代码问题描述给你一个下标从 0 开始的整数矩阵 grid ，矩阵大小为 m x n ，由从 0 到 m * n - 1 的不同整数组成。你可以在此矩阵中，从一个单元格移动到...

2022-08-03

41浏览

0评论

一文搞懂webpack hash持久化的原理

目录理解 module、chunk 和 bundlehash 的分类hashruntime 和 manifestchunkhashcontentHashwebpack5如何使用 hash 做缓存呢？静态资源服务器的缓存max-age 配合 hash 做使用...

2022-08-03

33浏览

0评论

使用json对象转化为key,value的对象数组

目录json对象转为key,value对象数组问题引出解决方式数组转换成json key-value形式eg1（数组中包含的是数组）eg2（数组中包含的是对象）json对象转为key,value对象数组问题引出在某...

2022-08-03

38浏览

0评论

JS实现电子时钟入门操作

本文实例为大家分享了JS实现电子时钟入门操作的具体代码，供大家参考，具体内容如下代码呈上：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h...

2022-08-03

43浏览

0评论

js如何使用Pagination+PageHelper实现分页

目录一、分页的原理：1.1 分页的原理1.2 真假分页二、后端-PageHelper的使用：三、前端-Pagination的使用：四、分页中的细节：一、分页的原理：1.1 分页的原理通过element-ui 的内...

2022-08-03

34浏览

0评论

JavaScript实现字符雨效果

本文实例为大家分享了JavaScript实现字符雨效果的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf8"/> <title>字符雨</title...

2022-08-03

41浏览

0评论

js实现电子时钟效果

本文实例为大家分享了js实现电子时钟效果的具体代码，供大家参考，具体内容如下代码区域代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2022-08-03

27浏览

0评论

JavaScript实现搜索联想关键字高亮功能

使用原生js+css+html实现的输入框搜索联想的功能，并集搜索关键字高亮。完整代码如下：不需要任何依赖库，粘贴复制即可运行。<!DOCTYPE html><html lang="en"> <head> <meta cha...

2022-08-03

61浏览

0评论

微信小程序实现图片处理小工具的示例代码

目录一、项目展示二、滤镜三、效果图四、动态滤镜一、项目展示这是一款实用的工具型小程序共有滤镜、效果图和动态滤镜三个功能用户可以选择想要处理的图片，设置模糊、怀旧、...

2022-08-03

45浏览

0评论

微信小程序返回上一页的各种方法实例

目录一、方法罗列二、讲解三、常用案例四、总结补充：微信小程序如何返回上一个页面并刷新上一个页面总结返回上一页，一共有4中方法，每种方法都有不一样细节一、方法罗列函数说...

2022-08-03

41浏览

0评论

javascript中类型判断的最佳方式

javascript有8种数据类型值类型NumberNullUndefinedStringSymbolBooleanBigInt引用类型ObjectArrayFunction判断数据类型有以下4种判断方法第一种方式: typeoftypeof null...

2022-08-03

38浏览

0评论

基于JS实现飞机大战游戏的示例代码

目录演示技术栈源码定义敌方战机定义我方战机碰撞检测演示技术栈今天没有什么特别要讲的，要不我们提前介绍下次要做的技术吧。你不说话就是同意了。我们开始了。下图是正则...

2022-08-03

35浏览

0评论

JavaScript实现瀑布动画

本文实例为大家分享了JavaScript实现瀑布动画的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf8"> <meta ht...

2022-08-03

41浏览

0评论

JavaScript实现带粒子效果的进度条

本文实例为大家分享了JavaScript实现带粒子效果进度条的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf8"/> <!-- ...

2022-08-03

67浏览

0评论

js实现电子时钟功能

电子时钟是网上常见的功能，在学习date对象和定时器功能时，来完成一个电子时钟的制作是不错的选择。学习本教程之前，读者需要具备html和css技能，同时需要有简单的javascript基础...

2022-08-03

47浏览

0评论

JavaScript实现网页电子时钟

本文实例为大家分享了JavaScript实现网页电子时钟的具体代码，供大家参考，具体内容如下如图就是一个简易的网页电子时钟，利用Javascript和 html和 css就可以制作<div class="wra...

2022-08-03

62浏览

0评论

Uniapp 实现全民分销功能原理解析

目录前言流程图表结构分享的 3 种方式复制链接转发生成带参数的二维码下载生成的 canvas 海报插入记录表小结前言前段时间在掘金 app 多了一个推广中心，分享课程链接，若有其他...

2022-08-03

44浏览

0评论

Javascript尾递归编程的实现

目录尾递归编程思想最容易的递归运用缓存结果思想解决函数开销迭代方法尾递归实现原理图解关于Javascript没有实现尾递归优化trampoline实现尾递归编程思想递归是编程中必不...

2022-08-03

51浏览

0评论

利用Three.js实现3D三棱锥立体特效

目录演示技术栈源码css部分js部分演示技术栈3D特效的话最容易让人想到的应该是three.js吧。我们今天来说说它。Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎...

2022-08-03

44浏览

0评论

javascript动态分页的实现方法实例

之前分页都是使用框架给出的分页类来实现分页，当然，体验可能不是那么好。这次在写YII2.0框架的后台管理系统的小例子的时候，我这也尝试了一下前后分离，用ajax来实现分页跳转。那...

2022-08-03

50浏览

0评论

利用JS实现AI自动玩贪吃蛇

目录演示技术栈源码样式设置构建食物对象构建贪吃蛇对象构建自动贪吃演示自动贪吃蛇技术栈bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下...

2022-08-03

216浏览

0评论

手把手教你如何排查Javascript内存泄漏

目录引言如何判断我的应用发生了内存泄漏Performance和Memory都可以用来定位内存问题，先用谁呢通过Memory面板定位内存泄漏的流程通常是怎么样的呢为什么我的内存快照记录下...

2022-08-03

49浏览

0评论

使用Javascript在HTML中显示实时时间

本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码，供大家参考，具体内容如下方法如下：1. 在script中建立方法time；
2. 创建新的Date对象date，并通过使用Date的内...

2022-08-03

38浏览

0评论

JavaScript实现简单的倒计时效果

本文实例为大家分享了JavaScript实现简单倒计时效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head lang="en"> <meta charset="utf8"> ...

2022-08-03

57浏览

0评论

js实现文字滚动的效果

本文实例为大家分享了js实现文字滚动的效果的具体代码，供大家参考，具体内容如下在之前小编已经和大家介绍了一些常用的js动画效果，在此，和大家介绍一种可能不太常用的动画效果。...

2022-08-03

39浏览

0评论

原生js实现电子时钟

本文实例为大家分享了js实现电子时钟的具体代码，供大家参考，具体内容如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq...

2022-08-03

43浏览

0评论

js+html+css实现简单日历效果

本文实例为大家分享了js+html+css实现简单日历效果的具体代码，供大家参考，具体内容如下效果：遇到的问题与解决方法：1.“日”上移方法：在“下个月”button后...

2022-08-03

44浏览

0评论

JavaScript设计模式之原型模式详情

目录前言案例回顾原型的拓展前言设计模式呢最多的可能是用到类，我们去通过类来封装一些实用的方法，通过设计模式去实现各个方法之间的解耦等，由于JS中的继承是用原型链继承的，所...

2022-08-03

52浏览

0评论

JavaScript中数组去重常用的五种方法详解

目录1.对象属性（indexof）2.new Set(数组)3.new Map()4.filter() + indexof5.reduce() + includes补充原数组const arr = [1, 1, '1', 17, true, true, false, false,...

2022-08-03

33浏览

0评论

antd table长表格出现滚动条的操作方法

如图想实现如上图所示，看antd table官方文档想实现这个，介绍的很不详细，实现起来一堆坑。
阿里云页面的这种表格，拉伸起来也有很多bug，也不知道他的实现方法如何，我这边介绍一种方...

2022-08-03

44浏览

0评论

一文搞懂JavaScript中的内存泄露

目录什么是内存泄漏怎么检测内存泄漏PerformanceMemory内存泄漏的场景垃圾回收算法引用计数循环引用标记清除闭包是内存泄漏吗总结以前我们说的内存泄漏，通常发生在后端，但是...

2022-08-03

35浏览

0评论

JavaScript实现表单验证示例

HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。但是很可能某些用户可能不会输入您期望的数据。HTML表单验证可以通过JavaScript完成。为了避免对服务器...

2022-08-03

46浏览

0评论

JavaScript canvas实现字符雨效果

本文实例为大家分享了JavaScript canvas实现字符雨效果的具体代码，供大家参考，具体内容如下字符雨效果分析如何实现字符雨从上往下逐渐消失：这是canvas每次画字符的时候就画一...

2022-08-03

59浏览

0评论

总结分享10 个超棒的 JavaScript 简写技巧

目录1.合并数组2.合并数组（在开头位置）3.克隆数组4.解构赋值5.模板字面量6.For循环7.箭头函数8.在数组中查找对象9.将字符串转换为整数10.短路求值补充几点编码习惯1.合并数组...

2022-08-03

热门文章