当前位置： 首页 > news >正文

JavaScript 俄罗斯方块 - setTimeout和rAF

news 2025/7/4 20:57:37

本节内容需要有些基础知识,如进程和线程，队列数据结构

一、setTimeout和setInterval

只要使用过JavaScript的朋友，对setTimeout和setInterval应该不会默生，如果光说怎样去使用这个API，并不难，无非就是隔多少毫秒再执行某个函数，把变化的内容封装在函数中，就可以制作出动画效果，这也是最初写JavaScript时的常见写法，多年以前的IE6时代我对这个函数的印象就是它是用来做网页动画特效的，由于IE6浏览器并未开放源码，那这个定时任务到底是怎样执行的呢？只能去官方通过文档了解。后来，Google浏览器Chrome V8引擎是开源，通过源码，可以了解到JavaScript的setTimeout是怎样实现的了,关键部分就是消息队列和事件循环， 把任务放到了队列中，隔一定时间再把它取出来执行,我们知道浏览器渲染进程中所有运行在主线程上的任务都需要先添加到消息队列，然后事件循环系统再按照顺序执行消息队列中的任务.

在Java NIO中的也是相类似的玩法，开一个线程，在线程中不断的轮询是否有TCP连接事件或是读写事件，如果有则进入循环并判断是哪种任务并给出相应的处理逻辑，在NIO出现前，用IO写服务器，同样会开一个线程,只是accept方法是要阻塞并等待

// 轮询，且返回时有就绪事件
while (selector.select() > 0){ 
    // 获取就绪

相关文章：

JavaScript 俄罗斯方块 - setTimeout和rAF

本节内容需要有些基础知识,如进程和线程，队列数据结构 一、setTimeout和setInterval 只要使用过JavaScript的朋友，对setTimeout和setInterval应该不会默生，如果光说怎样去使用这个API，并不难，无非就是隔多少毫秒再执行某个函数，把变化的内容封装在函数中，就可以制作出动…...

编程日记 2023/3/2 7:19:35

LeetCode:构造最大二叉树；使用中序和后序数组构造二叉树；使用前序和中序数组遍历二叉树。

构造二叉树最好都是使用前序遍历；中左右的顺序。 654. 最大二叉树 中等 636 给定一个不重复的整数数组 nums 。 最大二叉树 可以用下面的算法从 nums 递归地构建: 创建一个根节点，其值为 nums 中的最大值。递归地在最大值 左边 的 子数组前缀上 构建…...

编程日记 2023/3/2 7:18:21

nodejs实现jwt

jwt是json web token的简称，本文介绍它的原理，最后后端用nodejs自己实现如何为客户端生成令牌token和校验token 1.为什么需要会话管理 我们用nodejs为前端或者其他服务提供resful接口时，http协议他是一个无状态的协议，有时候我们…...

编程日记 2023/3/2 7:16:44

结构体占用内存大小如何确定？--＞结构体字节对齐 | C语言

目录 一、什么是结构体 二、为什么需要结构体 三、结构体的字节对齐 3.1、示例1 3.2、示例2 3.3、示例3 3.4、示例4 3.5、示例5 四、结构体字节对齐总结 一、什么是结构体 结构体是将不同类型的数据按照一定的功能需 求进行整体封装，封装的数据类型与大小均…...

编程日记 2023/3/2 7:15:23

Vue和Uniapp：优缺点比较

Vue和Uniapp是两个流行的前端框架，都是用于开发跨平台应用程序的工具。虽然两者都有很多相似之处，但它们也有一些不同之处，这些不同之处可以影响你的选择。下面将对Vue和Uniapp的优缺点进行比较和分析，以帮助你做出更明智的决策。…...

编程日记 2023/3/2 7:13:59

AMBA-AXI（二）AXI的序，保序与乱序

💡Note：本文是根据AXI协议IHI0022F_b_amba_axi_protocol_spec.pdf（issue F）整理的。主要是分享AXI3.0和4.0部分。如果内容有问题请大家在评论区中指出，有补充或者疑问也可以发在评论区，互相学习&#x1f64…...

编程日记 2023/3/2 7:12:39

APIs and Open Interface--非工单领、发料（含调拨）

表名 MTL_TRANSACTIONS_INTERFACEMTL_TRANSACTION_LOTS_INTERFACE序列 MTL_MATERIAL_TRANSACTIONS_S.NEXTVALAPIs INV_TXN_MANAGER_PUB.PROCESS_TRANSACTIONS案例 杂发/杂收（代码）Declare v_user_id number : fnd_global.user_id; v_login_id number …...

编程日记 2023/3/2 7:11:19

互联网医院系统软件开发|互联网医院管理系统开发的好处

互联网医院一直是现在的热门行业，很多的医院已经开发了互联网医院，并且已经在良好的运行中，而有一些医院和企业正在开发中，或者打算开发互联网医院系统，其实这些企业和医院还是很有远见的，因为他们知道并了…...

编程日记 2023/3/2 7:09:43

2.单例模式

基本概念 单例模式：保证一个类只有一个实例，并提供一个访问该实例的全局访问点 常见应用场景 读取配置文件的类一般设计为单例模式网站计数器应用程序的日志应用，因为共享日志文件一直处于打开状态，只能有一个实例去操作Spring…...

编程日记 2023/3/2 7:08:23

【保姆级】Java后端查询数据库结果导出xlsx文件+打印xlsx表格

目录前言一、需求一：数据库查询的数据导出成Excel表格1.1 Vue前端实现导出按钮点击事件1.2 后端根据数据库查询结果生成xlsx文件二、需求二：对生成的xlsx文件调用打印机打印2.1 Vue前端实现按钮事件2.2 后端实现打印前言 最近在弄一个需求，需…...

编程日记 2023/3/2 7:07:02

Java数据库部分（MySQL+JDBC）（二、JDBC超详细学习笔记）

文章目录1 JDBC（Java Database Connectivity）1.1 什么是 JDBC？1.2 JDBC 核心思想2 JDBC开发步骤【重点】2.0 环境准备2.1 注册数据库驱动2.2 获取数据库的连接2.3 获取数据库操作对象Statement2.4 通过Statement对象执行SQL语句2.5 处理返回结…...

编程日记 2023/3/2 7:05:42

vue3生命周期

一、Vue3中的生命周期 1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、…...

编程日记 2023/3/2 7:04:14

Python学习笔记10：开箱即用

开箱即用 模块 python系统路径 import sys, pprint pprint.pprint(sys.path) [,D:\\Program Files\\Python\\Lib\\idlelib,D:\\Program Files\\Python\\python310.zip,D:\\Program Files\\Python\\DLLs,D:\\Program Files\\Python\\lib,D:\\Program Files\\Python,D:\\Progr…...

编程日记 2023/3/2 7:03:00

详解JAVA反射

目录 1.概述 2.获取Class对象 3.API 3.1.实例化对象 3.2.方法 3.3.属性 1.概述 反射，JAVA提供的一种在运行时获取类的信息并动态操作类的能力。JAVA反射允许我们在运行时获取类的属性、方法、构造函数等信息，并能够动态地操作它们。 2.获取Class…...

编程日记 2023/3/2 7:01:32

在nestjs中进行typeorm cli迁移(migration)的配置

在nestjs中进行typeorm cli迁移(migration)的配置 在学习nestjs过程中发现typeorm的迁移配置十分麻烦,似乎许多方法都是旧版本的配置，无法直接使用. 花了挺长时间总算解决了这个配置问题. db.config.ts 先创建db.config.ts, 该文件export了两个对象，其…...

编程日记 2023/3/2 6:59:58

前端工程构建问题汇总

1.less less-loader安装失败问题 npm install less-loader --save --legacy-peer-deps 加上–legacy-peer-deps就可以了 在NPM v7中，现在默认安装peerDependencies，这会导致版本冲突，从而中断安装过程。 –legacy-peer-deps标志是在v7中引…...

编程日记 2023/3/2 6:58:47

某马程序员NodeJS速学笔记

文章目录前言一、什么是Node.js?二、fs文件系统模块三、Http模块四、模块化五、开发属于自己的包模块加载机制六、Express1.初识ExpressGET/POSTnodemon2.路由模块化3.中间件中间件分类自定义中间件4. 跨域问题七、Mysql模块安装与配置基本使用Web开发模式Session认证JWT八、m…...

编程日记 2023/3/2 6:57:31

SpringMVC DispatcherServlet源码(6) 完结 静态资源原理

阅读源码，分析静态资源处理器相关组件： 使用SimpleUrlHandlerMapping管理url -> 处理器映射关系spring mvc使用WebMvcConfigurationSupport注入SimpleUrlHandlerMapping组件DelegatingWebMvcConfiguration可以使用WebMvcConfigurer的配置静态资源url…...

编程日记 2023/3/2 6:56:02

2023年全国最新会计专业技术资格精选真题及答案9

百分百题库提供会计专业技术资格考试试题、会计考试预测题、会计专业技术资格考试真题、会计证考试题库等，提供在线做题刷题，在线模拟考试，助你考试轻松过关。 四、材料题 1.某企业为增值税一般纳税人，2019年12月初“应付职工薪酬…...

编程日记 2023/3/2 6:54:33

Web3中文｜把Web3装进口袋，Solana手机Saga有何魔力？

2月23日，Solana Web3手机Saga发布新的消息，将推出NFT铸造应用程序Minty Fresh。在Minty Fresh，用户仅需轻点并完成拍摄，就可以直接在手机中进行NFT铸造，并在几秒钟内将其转换为链上NFT，NFT还可以发布在 Ins…...

编程日记 2023/3/2 6:53:06

铭豹扩展坞 USB转网口 突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...

编程新知 2025/7/4 7:13:00

手游刚开服就被攻击怎么办？如何防御DDoS？

开服初期是手游最脆弱的阶段，极易成为DDoS攻击的目标。一旦遭遇攻击，可能导致服务器瘫痪、玩家流失，甚至造成巨大经济损失。本文为开发者提供一套简洁有效的应急与防御方案，帮助快速应对并构建长期防护体系。 一、遭遇攻击的紧急应…...

编程新知 2025/7/4 5:43:49

JavaScript 中的 ES|QL：利用 Apache Arrow 工具

作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...

编程新知 2025/7/4 12:36:00

【Redis技术进阶之路】「原理分析系列开篇」分析客户端和服务端网络诵信交互实现（服务端执行命令请求的过程 - 初始化服务器）

服务端执行命令请求的过程 【专栏简介】【技术大纲】【专栏目标】【目标人群】1. Redis爱好者与社区成员2. 后端开发和系统架构师3. 计算机专业的本科生及研究生 初始化服务器1. 初始化服务器状态结构初始化RedisServer变量 2. 加载相关系统配置和用户配置参数定制化配置参数案…...

编程新知 2025/7/3 13:09:10

Golang dig框架与GraphQL的完美结合

将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...

编程新知 2025/7/4 15:24:25

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/6/15 11:28:43

Mac软件卸载指南，简单易懂！

刚和Adobe分手，它却总在Library里给你写"回忆录"？卸载的Final Cut Pro像电子幽灵般阴魂不散？总是会有残留文件，别慌！这份Mac软件卸载指南，将用最硬核的方式教你"数字分手术"&#xff0…...

编程新知 2025/6/25 3:46:51

C++ 求圆面积的程序（Program to find area of a circle）

给定半径r，求圆的面积。圆的面积应精确到小数点后5位。 例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。 输…...

编程新知 2025/7/4 9:41:01

HashMap中的put方法执行流程（流程图）

1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...

编程新知 2025/7/4 17:22:16

AGain DB和倍数增益的关系

我在设置一款索尼CMOS芯片时，Again增益0db变化为6DB，画面的变化只有2倍DN的增益，比如10变为20。 这与dB和线性增益的关系以及传感器处理流程有关。以下是具体原因分析： 1. dB与线性增益的换算关系 6dB对应的理论线性增益应为&…...

编程新知 2025/6/17 12:11:08