JavaScript - 教程之家

118浏览

0评论

JavaScript+HTML实现学生信息管理系统

目录一、前言二、效果图三、代码四、学生信息管理系统主界面一、前言用数组来存储所有学生对象的信息，实现了双向更新，初始时（数组内的对象信息“填充界面”），后面的界面操作可以...

2021-10-18

64浏览

0评论

JavaScript数据类型相关知识详解

目录一、字面量1.1 数字字面量1.2 浮点数字面量1.3 特殊值1.4 字符串字面量二、变量2.1 变量的定义2.2 变量的赋值三、数据类型3.1 简单数据类型3.2 检测数据类型3.3 数据类...

2021-10-18

90浏览

0评论

CocosCreator入门教程之用TS制作第一个游戏

目录前提TypeScript VS JavaScript代码编辑器选择学习 TypeScriptTypeScript 环境配置配置自己的声明文件属性类型声明用 TypeScript 写一个游戏前提无论学什么技术知识，官方...

2021-10-18

97浏览

0评论

小程序实现自定义多层级单选和多选

本文实例为大家分享了小程序实现自定义多层级单选和多选的具体代码，供大家参考，具体内容如下效果：ps：这儿是用自定义的下拉框，我把它封装成了一个组件wxml<view class="select-bo...

2021-10-18

96浏览

0评论

微信小程序使用视频播放器video组件

本文实例为大家分享了微信小程序使用视频播放器video组件的具体代码，供大家参考，具体内容如下在app.json中配置好页面路由和权限。1.app.json{ "pages":[ "pages/video/vi...

2021-10-18

40浏览

0评论

jquery插件实现堆叠式菜单

每天一个jquery插件-堆叠式菜单，供大家参考，具体内容如下堆叠式菜单一个多页面的特效效果如下代码部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>堆叠式...

2021-10-18

63浏览

0评论

js实现单击可修改表格

纯js实现单击可修改表格（类似成绩单），供大家参考，具体内容如下功能：实现成绩单单击表格可对数据进行修改且对输入的数字大小有验证例如不小于0不大于100，总分栏会对总分进行求和(...

2021-10-18

52浏览

0评论

用纯JS实现二级菜单效果

本文实例为大家分享了JS实现二级菜单效果的具体代码，供大家参考，具体内容如下js点击出现二级菜单，点击二级菜单主菜单换成二级菜单点击出现二级菜单<style>*{ m...

2021-10-18

45浏览

0评论

小程序实现滑动块效果

本文实例为大家分享了小程序实现滑动块效果的具体代码，供大家参考，具体内容如下当你在复制的时候一定要把js 逻辑的 list 数据更改就行了小程序的css样式.box { width: 1...

2021-10-18

37浏览

0评论

Javascript前端优化代码

目录if 判断的优化1、最简单的方法：if 判断2、好一点的方法：Switch3、更优的方法: 策略模式includes 的优化for 循环数组去重1、最传统的方法：利用数组的indexOf下标属性来查询...

2021-10-18

48浏览

0评论

jquery插件实现轮播图效果

每天一个jquery插件-jquery插件实现轮播图，供大家参考，具体内容如下效果如下代码部分.rel{ white-space:nowrap; overflow-y: hidden; overflow-x: auto;}.rel::-webkit-scrol...

2021-10-18

63浏览

0评论

jquery插件实现扫雷游戏(1)

本文实例为大家分享了jquery插件实现扫雷游戏第一篇的具体代码，供大家参考，具体内容如下做一个扫雷第一部分，完成绘制和点击动作效果如下代码部分* { margin: 0px; padding: 0p...

2021-10-18

66浏览

0评论

jquery插件实现扫雷游戏(3)

本文实例为大家分享了jquery插件实现扫雷游戏的第3篇，供大家参考，具体内容如下完成，效果感觉还不错，就是脸黑第一下容易挂效果如下代码部分* { margin: 0px; padding: 0px; font...

2021-10-18

60浏览

0评论

jquery插件实现仪表盘

jquery插件实现仪表盘，供大家参考，具体内容如下做了个简易的仪表盘，就是很常见的那种码表，实现没啥困难，就是需要算一点点位置实现效果代码部分*{ margin: 0; padding: 0;}.rel{...

2021-10-18

37浏览

0评论

jquery插件实现扫雷游戏(2)

本文实例为大家分享了jquery插件实现扫雷游戏的第2篇，供大家参考，具体内容如下完善了必要的效果如下代码部分* { margin: 0px; padding: 0px; font-size: 12px;}#div { positi...

2021-10-18

62浏览

0评论

JavaScript类型检测的方法实例教程

前言
JavaScript是web前端广泛应用的语言之一，在网页应用制作、脚本制作、小程序等诸多领域具有不可替代的的地位。笔者学习了一端时间的前端，颇感JS知识点的繁碎，故将学习到的...

2021-10-18

49浏览

0评论

Javascript异步编程之你真的懂Promise吗

目录前言基本用法语法错误处理Promise链式调用async & await常用的方法1、Promise.resolve()2、Promise.reject()3、Promise.all()4、Promise.allSettled()5、Promise.race(...

2021-10-18

43浏览

0评论

jquery实现百分比记分进度条

本文实例为大家分享了jquery实现百分比记分进度条的具体代码，供大家参考，具体内容如下1.先看效果2.代码如下jquery.lineProgressbar.js代码如下(function($){ 'use strict';...

2021-10-18

71浏览

0评论

JS异步堆栈追踪之为什么await胜过Promise

概述async/await和Promise的根本区别在于await fn()暂停当前函数的执行，而promise.then(fn)在将fn调用添加到回调链后，继续执行当前函数。const fn = () => console.log('hell...

2021-10-18

54浏览

0评论

如何使用JavaScript策略模式校验表单

目录概述未使用策略模式的表单校验使用策略模式优化策略模式的优点总结概述Web项目中，登录，注册等等功能都需要表单提交，当把用户的数据提交给后台之前，前端一般要做一些力所能...

2021-10-18

114浏览

0评论

javascript实现函数返回值的语句是什么

JavaScript 函数提供两个接口实现与外界的交互，其中参数作为入口，接收外界信息；返回值作为出口，把运算结果反馈给外界。在函数体内，使用 return 语句可以设置函数的返回值。一旦...

2021-10-18

100浏览

0评论

如何用JS解析剪切板里的excel内容

目录前言1. 粘贴事件和剪切板2. 剪切板里的内容格式3. 如何解析html字符串前言这次记录的是昨晚一个想法：把excel内容复制到剪切板并转成自己想要的json格式，核心是要把excel...

2021-10-18

156浏览

0评论

javascript获取数组长度有什么方法

在javascript中，想要获取数组的长度值，可以利用array对象的length属性。length属性的作用：设置或返回数组中元素的数目，也就是数组长度。返回数组长度的语法：array.length返回值：...

2021-10-18

75浏览

0评论

JavaScript实现淘宝商品图切换效果

JavaScript之衣服相册切换效果（类似淘宝商品图切换），供大家参考，具体内容如下话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2021-10-18

53浏览

0评论

jquery插件实现图片对比

本文实例为大家分享了jquery插件实现图片对比的具体代码，供大家参考，具体内容如下很常见的一个效果，做起来不难效果如下代码部分<!DOCTYPE html><html> <head> <meta charset=...

2021-10-18

63浏览

0评论

详解JavaScript中的执行上下文及调用堆栈

目录一、执行上下文是什么二、执行上下文栈是什么三、执行上下文栈的过程细节（一）创建阶段（二）执行阶段一、执行上下文是什么代码运行是在一定的环境之中运行的，这个运行环境我们...

2021-10-18

43浏览

0评论

jquery插件实现无缝轮播

无缝轮播是一个很常见的效果，理解逻辑之后就很简单了。效果如下代码部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>做无缝轮播</title> <script src="...

2021-10-18

94浏览

0评论

JS关于for循环中使用setTimeout的四种解决方案

目录概述解决方案1：闭包解决方案2：拆分结构解决方案3：let解决方案4：setTimeout第三个参数概述我们先来简单了解一下setTimeout延时器的运行机制。setTimeout会先将回调函数放到...

2021-10-18

53浏览

0评论

详解TS数字分隔符和更严格的类属性检查

目录概述in操作符细化和精确的 instanceof更智能的对象字面量推断unique symbol 类型和常量名属性更严格的类属性检查解决方案1：允许定义解决方案2:显式属性初始化解决方案3:...

2021-10-18

69浏览

0评论

JavaScript中分号的一些细节

前言
JavaScript 中的分号是可选的，加不加分号主要是个代码风格问题。一种风格是使用分号明确结束语句，即便这些分号不是必需的；另一种风格是尽可能的不加分号，只在必要的情况才...

2021-10-18

49浏览

0评论

深入理解JavaScript中的语法和代码结构

目录概述功能性和可读性空白括弧分号缩进身份标识区分大小写保留关键字概述所有编程语言都必须遵守特定的规则才能运行。确定编程语言的正确结构的这组规则称为语法。许多...

2021-10-18

76浏览

0评论

详解JS浏览器储存

目录引言CookieCookie是什么Cookie生成方式Cookie的应用场景Cookie的缺点解决方法LocalStorage特点使用示例使用场景SeesionStorage特点使用场景Cookie、LocalStorage 和Ses...

2021-10-18

53浏览

0评论

详解jQuery的animate动画方法及动画排队问题解决

目录animate（）动画方法
动画排队
delay（）延迟方法
stop（）停止动画方法
清空动画排队
动画排队问题
animate（）动画方法
作用：执行css属性集的自定义动画语法：$(selector).anima...

2021-10-18

55浏览

0评论

探究JavaScript原型数据共享与方法共享实现

数据共享什么样子的数据是需要写在原型中?需要共享的数据就可以写原型中原型的作用之一：数据共享属性需要共享,方法也需要共享：不需要共享的数据写在构造函数中需...

2021-10-18

67浏览

0评论

到底该抛不抛弃JQuery

目录前言不用 jQuery 用什么？DOM 与事件AJAX 请求总结前言我以前很喜欢 jQuery，而且说实话，我是先学jQuery，再学 JavaScript 的。所以我写这篇文章有点像是在背叛 jQuery。我知...

2021-10-18

41浏览

0评论

详解jQuery 链式调用

目录链式调用
一个小案例
链式调用
jQuery对象调用任何方法(除了节点关系方法)执行完后,方法都会有一个返回值,返回值就是jQuery对象自己,这个现象给我们提供了便利,可以对...

2021-10-18

60浏览

0评论

如何写出优雅的JS 代码

目录变量使用有意义和可发音的变量名对同一类型的变量使用相同的词汇使用可搜索的名字使用解释性变量避免费脑的猜测无需添加不必要的上下文使用默认参数代替逻辑或(与)运算...

2021-10-18

76浏览

0评论

JavaScript如何删除对象的某个属性详析

1、delete
delete是删除对象的属性没有任何剩菜，剩下的唯一真正的方法，但它的工作比其“替代”设置慢100倍 object[key] = undefinedvar myObject = { "ircEvent": "PRIVM...

2021-10-18

99浏览

0评论

JS如何实现一个单文件组件

目录概述单文件组件基本概念简单的loader解析组件内容注册组件获取脚本内容DataURI和ObjectURI动态导入实现行为层兼容性问题及其他概述前端开发人员只要了解过vue.js框架可...

2021-10-18

71浏览

0评论

原生js编写贪吃蛇小游戏

本文实例为大家分享了js编写贪吃蛇小游戏的具体代码，供大家参考，具体内容如下刚学完js模仿着教程，把自己写的js原生小程序。HTML部分<!DOCTYPE html><html lang="en"><head>...

2021-10-18

59浏览

0评论

vue实现无缝轮播效果(跑马灯)

本文实例为大家分享了vue实现无缝轮播效果的具体代码，供大家参考，具体内容如下1.首先创建两个vue组件Sweiper.vue和SweiperItem.vue;2.将两个组件引入页面，Sweiper.vue中用v-mo...

2021-10-18

68浏览

0评论

vue自定义弹框效果(确认框、提示框)

本文实例为大家分享了vue自定义弹框效果的具体代码，供大家参考，具体内容如下1、自定义确认框和提示框根据传入的type来判断是确认框或提示框<template> <transition name="co...

2021-10-18

53浏览

0评论

JavaScript+html实现前端页面滑动验证(2)

本文实例为大家分享了炫酷的前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证前面已经发过一种，这里再发一种，只是特效不一样还是直接上代码：<%@...

2021-10-18

146浏览

0评论

Vue3和Electron实现桌面端应用详解

目录Vue CLI 搭建Vue项目Vue项目改造为markdown编辑器Vue CLI Plugin Electron Builder优化功能启动全屏显示修改菜单栏编辑器打开markdonw文件的内容markdonw的内容存入文...

2021-10-17

128浏览

0评论

手把手带你自定义配置Angular CLI下的Webpack和loader处理

1 Angular 使用自定义Webpack配置方法1.1 背景使用Angular CLI新建工程后，一键式的配置已经能满足大部分需求，但针对个体述求，可能会希望给webpack配置一些额外的loader或者plu...

2021-10-10

123浏览

0评论

JavaScript中有多少种数据类型

数据类型指的是可以在程序中存储和操作的值的类型，每种编程语言都有其支持的数据类型，不同的数据类型用来存储不同的数据，例如文本、数值、图像等。JavaScript 是一种动态类型...

2021-10-10

150浏览

0评论

javascript中实例化对象是什么意思

1.什么是构造函数构造函数，是一种特殊的方法。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。这是百度百科的解释，解...

2021-10-10

111浏览

0评论

JavaScript怎么算出当前星期几

JavaScript计算出当前星期几<!doctype html><html> <head> <meta charset="UTF-8"> <title>获取当前星期</title> </head> <body><script type="text/javascript"> /**...

2021-10-10

123浏览

0评论

JavaScript中test()方法有什么用

JavaScript 字符串是在编程中使用最多的一种数据类型，很多地方都需要对字符串进行操作，例如判断一个字符串是否为一个合法的 E-mail 地址、从字符串截取指定的部分等。正则表...

2021-10-10

255浏览

0评论

vue.js如何取消下拉框选择数据

我们先来看看在清除下拉框选择数据前的效果：再来看看清除后的：要清除下拉框选择数据其实是非常简单的，我们只需要在选择select标签里加一个属性clearable即可。具体实现代码：...

2021-10-10

热门文章