开发前沿 -
带你彻底理解JavaScript中的原型对象
目录 一、什么是原型 1.1 函数的原型对象 1.2 使用构造函数创建对象 二、与原型有关的几个属性和方法 2.1 prototype属性 2.2 constructor属性 2.…
如何利用JS检查元素是否在视口内
前言 分享两个监测元素是否在视口内的方法 1. 位置计算 使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置 const isEle…
如何用VUE和Canvas实现雷霆战机打字类小游戏
今天就来实现一个雷霆战机打字游戏，玩法很简单，每一个“敌人”都是一些英文单词，键盘正确打出单词的字母，飞机就会发射一个个子弹消灭“敌人”，每次需要击毙当前“敌人”后才能击毙下一个，…
JavaScript异步编程之Promise的初步使用详解
1. 概述 Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。 从字面意思理解同步编程的话，似乎指的是两个任务同步运行，如果这样理解…
JavaScript实现登录滑块验证
本文实例为大家分享了JavaScript实现登录滑块验证的具体代码，供大家参考，具体内容如下 html代码 <div class="login-select"> <…
详解react的两种动态改变css样式的方法
第一种：动态添加class，以点击按钮让文字显示隐藏为demo import React, { Component, Fragment } from 'react'; import…
浅谈js二维码扫码登录是什么原理
目录 二维码登录的本质 认识二维码 系统认证机制 扫描二维码登录的一般步骤 大概流程 二维码准备 扫描状态切换 状态确认 总结 前几天看了极客时间一个二维码的视频，写的不错，这里总…
利用javaScript处理常用事件详解
目录 1.窗体事件 2.鼠标事件 3.键盘事件 4.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件） 5.事件冒泡和事件捕捉 JS事件指再浏览器窗体或者HTML元素上发生…
一个关于JS正则匹配的踩坑记录
最近发现在JS里的正则匹配有一个坑，而且当时很莫名奇妙，一度让我怀疑出现了灵异事件。 下面是踩坑代码 var str=["二七1","二七2","金水","二七3","二七4","…
一个关于JS操作符in问题引发的探究
事情是这样的：大家都知道“内存泄露”这回事吧。它有几个常见的场景： 闭包使用不当引起内存泄漏 （未声明的）全局变量 分离的DOM节点 （随意的）控制台的打印 遗忘的定时器 循环引用…
React Hooks常用场景的使用(小结)
目录 一、State Hook 1、基础用法 2、更新 3、实现合并 4、惰性初始化 state 5、一些重点 二、Effect Hook 1、基础用法 2、清除操作 3、执行时期…
React中useRef的具体使用
相信有过React使用经验的人对ref都会熟悉，它可以用来获取组件实例对象或者是DOM对象。 而useRef这个hooks函数，除了传统的用法之外，它还可以“跨渲染周期”保存数据。…
