使用deepseek写一个单击,双击和长按的检测函数
DeepSeek好火,注册试用一下,感觉和chatgpt o1差别不大,唯一的问题就是追多几次就崩溃了,再问不下去了。以下是测试结果。
提问:
请使用c语言写一个函数,输入参数是是为: A为当前的输入量,取值范围1000-2000, B为当前这个输入量的状态数据结构, 函数检查这个A,判断它的变化,从而判断用户是单击还双击,还是长按。 具体当A变化量大于300时认为是开始了有效的点击,这时认为是按下按钮,记录变化前的值为C ,当A变回和C差值只有50左右时,认为释放按钮。
已深度思考(用时 272 秒)
以下是实现该功能的C语言代码,通过状态机来判断用户的单击、双击和长按动作:
#include <stdlib.h>
#include <stdint.h>#define PRESS_THRESHOLD 300 // 触发按压的最小变化量
#define RELEASE_THRESHOLD 50 // 释放识别的最大偏差
#define LONG_PRESS_TIME 2000 // 长按时间阈值(毫秒)
#define DOUBLE_CLICK_INTERVAL 300 // 双击间隔(毫秒)
#define IDLE_RESET_TIMEOUT 10000 // 空闲重置时间(毫秒)typedef enum {NO_EVENT,SINGLE_CLICK,DOUBLE_CLICK,LONG_PRESS
} EventType;typedef enum {IDLE,PRESSED,RELEASED_WAIT
} ButtonState;typedef struct {int idleValue; // 基准空闲值int lastInput; // 上一次输入值uint32_t lastChangeTime;// 最后一次变化时间uint32_t pressTime; // 按压开始时间uint32_t releaseTime; // 释放时间ButtonState state; // 当前状态uint8_t clickCount; // 连击计数器
} BtnState;// 需要实现的平台时间函数(返回毫秒时间戳)
extern uint32_t get_current_time(void);EventType check_button_action(int input, BtnState* btn) {uint32_t currentTime = get_current_time();/* 检测输入变化更新计时 */if (input != btn->lastInput) {btn->lastInput = input;btn->lastChangeTime = currentTime;}/* 10秒无变化重置基准值 */if (currentTime - btn->lastChangeTime > IDLE_RESET_TIMEOUT) {btn->idleValue = input;btn->state = IDLE;btn->clickCount = 0;return NO_EVENT;}EventType event = NO_EVENT;int delta = input - btn->idleValue;switch (btn->state) {case IDLE:if (abs(delta) > PRESS_THRESHOLD) {btn->pressTime = currentTime;btn->state = PRESSED;}break;case PRESSED:if (abs(delta) <= RELEASE_THRESHOLD) {uint32_t holdTime = currentTime - btn->pressTime;if (holdTime >= LONG_PRESS_TIME) {event = LONG_PRESS;btn->clickCount = 0;btn->state = IDLE;} else {btn->releaseTime = currentTime;btn->clickCount++;btn->state = RELEASED_WAIT;}}break;case RELEASED_WAIT:// 超时处理连击if (currentTime - btn->releaseTime > DOUBLE_CLICK_INTERVAL) {if (btn->clickCount == 1) {event = SINGLE_CLICK;} else if (btn->clickCount >= 2) {event = DOUBLE_CLICK;}btn->clickCount = 0;btn->state = IDLE;} // 检测新的按压else if (abs(delta) > PRESS_THRESHOLD) {btn->pressTime = currentTime;btn->state = PRESSED;}break;}return event;
}
使用说明
-
初始化结构体:
BtnState btn = {.idleValue = 1500, // 根据实际初始值设置.lastInput = 1500,.state = IDLE };
-
主循环调用:
int sensor_value = ...; // 获取当前输入量(1000-2000范围)
EventType event = check_button_action(sensor_value, &btn);switch (event) {case SINGLE_CLICK: // 处理单击break;case DOUBLE_CLICK: // 处理双击break;case LONG_PRESS: // 处理长按break;
}
关键特性说明
-
智能基准校准:
-
持续10秒无输入变化时,自动将当前值设为新的基准值(idleValue)
-
有效避免传感器漂移带来的误触发
-
-
多层状态判断:
-
IDLE:监测初始按压动作
-
PRESSED:跟踪按压持续时间
-
RELEASED_WAIT:处理连击判定窗口
-
-
精准时序控制:
-
长按判定(2秒)在释放时触发
-
双击检测窗口300ms(可调参数)
-
采用无符号32位时间戳,避免49天溢出问题
-
-
抗干扰设计:
-
通过lastInput记录实现变化检测
-
使用绝对值比较避免方向依赖
-
释放阈值宽容度设计(±50)
-
平台适配提示
需根据具体硬件平台实现时间获取函数:
// 示例:STM32 HAL库实现
uint32_t get_current_time(void) {return HAL_GetTick();
}
该实现通过状态机精确区分用户操作意图,适用于需要精细交互控制的嵌入式场景,如智能设备面板、工业控制器等。
检测输入变化更新计时, 使用delta值小50认为没有变化
以下是针对需求优化后的按钮检测实现代码,重点修改输入变化检测逻辑:
#include <stdlib.h>
#include <stdint.h>#define PRESS_THRESHOLD 300 // 按压触发阈值
#define NOISE_THRESHOLD 50 // 无效变化阈值
#define LONG_PRESS_TIME 2000 // 长按判定时间(毫秒)
#define DOUBLE_CLICK_INTERVAL 300 // 双击间隔(毫秒)
#define IDLE_RESET_TIMEOUT 10000 // 空闲重置超时(毫秒)typedef enum {NO_EVENT,SINGLE_CLICK,DOUBLE_CLICK,LONG_PRESS
} EventType;typedef enum {IDLE,PRESSED,RELEASED_WAIT
} ButtonState;typedef struct {int idleValue; // 基准空闲值int lastInput; // 有效记录值uint32_t lastChangeTime;// 有效变化时间戳uint32_t pressTime; // 按压开始时间uint32_t releaseTime; // 释放时间戳ButtonState state; // 状态机状态uint8_t clickCount; // 连击计数器
} BtnState;// 需实现的平台时间函数(返回毫秒时间戳)
extern uint32_t get_current_time(void);EventType check_button_action(int input, BtnState* btn) {uint32_t currentTime = get_current_time();EventType event = NO_EVENT;/* 有效变化检测(Delta>=50才视为变化) */int delta_input = input - btn->lastInput;if (abs(delta_input) >= NOISE_THRESHOLD) {btn->lastInput = input;btn->lastChangeTime = currentTime;}/* 空闲超时重置基准值(10秒无有效变化) */if (currentTime - btn->lastChangeTime > IDLE_RESET_TIMEOUT) {btn->idleValue = input;btn->state = IDLE;btn->clickCount = 0;return NO_EVENT;}int delta_idle = input - btn->idleValue;switch (btn->state) {case IDLE:if (abs(delta_idle) > PRESS_THRESHOLD) {btn->pressTime = currentTime;btn->state = PRESSED;}break;case PRESSED:if (abs(delta_idle) <= NOISE_THRESHOLD) {uint32_t holdDuration = currentTime - btn->pressTime;if (holdDuration >= LONG_PRESS_TIME) {event = LONG_PRESS;btn->clickCount = 0;btn->state = IDLE;} else {btn->releaseTime = currentTime;btn->clickCount++;btn->state = RELEASED_WAIT;}}break;case RELEASED_WAIT:// 双击超时判定if (currentTime - btn->releaseTime > DOUBLE_CLICK_INTERVAL) {event = (btn->clickCount == 1) ? SINGLE_CLICK : DOUBLE_CLICK;btn->clickCount = 0;btn->state = IDLE;} // 检测新的有效按压else if (abs(delta_idle) > PRESS_THRESHOLD) {btn->pressTime = currentTime;btn->state = PRESSED;}break;}return event;
}
主要优化点说明
-
智能变化检测:
-
新增
delta_input
检测输入波动 -
仅当输入变化量≥50(
NOISE_THRESHOLD
)时更新有效值和时间戳 -
示例:输入在1500-1549范围内波动视为无变化
-
-
双重Delta检测机制:
c
复制
// 输入波动检测(用于记录有效变化) int delta_input = input - btn->lastInput; // 操作触发检测(基于基准值) int delta_idle = input - btn->idleValue;
两套检测系统分别用于:
-
delta_input
:过滤微小波动,管理空闲计时 -
delta_idle
:判断实际按钮操作
-
-
精准空闲管理:
-
10秒计时仅对有效变化(≥50)重置
-
微小波动不会影响空闲超时判定
-
超时后自动校准基准值,适应环境变化
-
-
状态机增强:
-
PRESSED状态持续监测实际按压持续时间
-
RELEASED_WAIT状态严格限制双击判定窗口
-
状态转换均通过阈值验证,避免误触发
-
参数调整建议
参数名称 | 默认值 | 调节方向 | 效果说明 |
---|---|---|---|
NOISE_THRESHOLD | 50 | 增大 | 增强抗干扰能力,降低灵敏度 |
PRESS_THRESHOLD | 300 | 减小 | 使按压动作更易触发 |
DOUBLE_CLICK_INTERVAL | 300ms | 增大 | 延长双击识别窗口时间 |
LONG_PRESS_TIME | 2000ms | 减小 | 使长按触发更快 |
该实现通过分层检测机制,在保证操作识别精度的同时有效抑制输入噪声,特别适合存在模拟信号波动的物理按钮或传感器应用场景。
相关文章:
使用deepseek写一个单击,双击和长按的检测函数
DeepSeek好火,注册试用一下,感觉和chatgpt o1差别不大,唯一的问题就是追多几次就崩溃了,再问不下去了。以下是测试结果。 提问: 请使用c语言写一个函数,输入参数是是为: A为当前的输入量&am…...
MySQL面经
1.范式 第一范式:每一列都不能再拆分 第二范式:在第一范式的基础上,非主键列完全依赖于主键,而不是主键的一部分 第三范式:在第二范式的基础上,非主键列只依赖于主键列,而不依赖于其他非主键…...
【C++】P1765 手机
博客主页: [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 💯前言💯问题描述题目内容示例: 键盘布局 💯我的做法思路问题与优化我的代码实现分析与问题 💯老师的做法思路老师的代码实现分析优点 …...
MyBatis-Plus速成指南:简化你的数据库操作流程
简介: MyBatis-Plus 是一个 MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。MyBatsi-Plus 提供了通用的 Mapper 和 Service,可以不编写任何 SQL 语句的前提下,快速的实现单表的增…...
DeepSeek超越ChatGPT的能力及部分核心原理
DeepSeek超越ChatGPT的能力及部分核心原理 目录 DeepSeek超越ChatGPT的能力及部分核心原理超越ChatGPT的能力核心原理超越ChatGPT的能力 推理计算能力更强:在复杂的数学计算、法律文件审查等任务中,DeepSeek的推理能力可媲美甚至超越部分国际顶尖AI模型,包括ChatGPT。例如在…...
优选算法的灵动之章:双指针专题(一)
个人主页:手握风云 专栏:算法 目录 一、双指针算法思想 二、算法题精讲 2.1. 查找总价格为目标值的两个商品 2.2. 盛最多水的容器 编辑 2.3. 移动零 2.4. 有效的三角形个数 一、双指针算法思想 双指针算法主要用于处理数组、链表等线性数据结构…...
作业day4
请实现一个终端的功能,注意需要带有cd功能 typedef struct sockaddr_in addr_in_t; typedef struct sockaddr addr_t; typedef struct sockaddr_un addr_un_t; char *mygets(char* s,int size){char* res fgets(s,size,stdin);int len strlen(s);if(s[len-1] \n)…...
python日志处理logging
python日志处理logging 在项目开发中,日志信息是程序中必不可少的组成部分。每一种语言都有相应的日志模块,如java中log4j,而python中是通过logging模块来提供日志功能。 日志要哪些本质功能? 在分享日志logging模块之前&#…...
开发板目录 /usr/lib/fonts/ 中的字体文件 msyh.ttc 的介绍【微软雅黑(Microsoft YaHei)】
本文是博文 https://blog.csdn.net/wenhao_ir/article/details/145433648 的延伸扩展。 本文是博文 https://blog.csdn.net/wenhao_ir/article/details/145433648 的延伸扩展。 问:运行 ls /usr/lib/fonts/ 发现有一个名叫 msyh.ttc 的字体文件,能介绍…...
浅谈《图解HTTP》
感悟 滑至尾页的那一刻,内心突兀的涌来一阵畅快的感觉。如果说从前对互联网只是懵懵懂懂,但此刻却觉得她是如此清晰而可爱的呈现在哪里。 介绍中说,《图解HTTP》适合作为第一本网络协议书。确实,它就像一座桥梁,连接…...
为什么在网站上复制的图片不能直接粘贴到本地的原因及解决方法
一、图片的来源与格式 ①图片链接:许多网站展示的图片并不是直接嵌入在页面中的,而是通过URL链接到远程服务器上的图片。当你复制网站上的图片时,实际上复制的是图片的URL地址,而不是图片的本地文件。 ②动态加载:有些网站使用JavaScript或其他技术动态加载图片,可能通…...
conda配置channel
你收到 CondaKeyError: channels: value https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main not present in config 错误是因为该镜像源(https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main)可能没有被正确添加到 Conda 的配置文件中&…...
Javaweb学习之Mysql(Day5)
(一)Mysql概述 (1)MYSQL通用语法 SQL语句可以单行或多行书写,以分号结尾。 SQL语句可以使用空格/缩进来增强语句的可读性(即,空格和缩进不影响代码的执行)。 MySQL数据库的SQL语句不区分大小写。 注释: 1. 单行注释: -- 注释内容 或 # 注释内容 (MySQL 特有 …...
61.异步编程1 C#例子 WPF例子
和普通的任务绑定不太相同的部分如下: public MainWindowViewModel(){FetchUserInfoCommand new RelayCommand(async (param) > await FetchUserInfoAsync());}private async Task FetchUserInfoAsync(){// 模拟异步操作,比如网络请求await Task.Del…...
自定义数据集 使用scikit-learn中svm的包实现svm分类
引入必要的库 import numpy as np from sklearn.datasets import make_classification from sklearn.model_selection import train_test_split from sklearn.svm import SVC from sklearn.metrics import accuracy_score, classification_report 生成自定义数据集 X, y ma…...
Qt跨屏窗口的一个Bug及解决方案
如果我们希望一个窗口覆盖用户的整个桌面,此时就要考虑用户有多个屏幕的场景(此窗口要横跨多个屏幕),由于每个屏幕的分辨率和缩放比例可能是不同的,Qt底层在为此窗口设置缩放比例(DevicePixelRatio…...
Python零基础快速入门课程,自带在线运行环境
Python零基础入门教程 编译器地址: Python在线编译器 课程目录: Python简介 Python是一种简单易学、功能强大的编程语言。它具有高效的数据结构,能够简单有效地实现面向对象编程。 Python的优点: 简单易学,所有人都可以零基础入门开源免费,有丰富的免费学习课程跨平台…...
Java 数据库连接池:HikariCP 与 Druid 的对比
Java 数据库连接池:HikariCP 与 Druid 的对比 数据库连接池:HikariCP 1. 卓越的性能表现 HikariCP 在数据库连接池领域以其卓越的性能脱颖而出。 其字节码经过精心优化,减少了不必要的开销,使得连接获取和释放的速度极快。 在…...
51单片机 04 编程
一、模块化编程 .c文件:函数、变量的定义 .h文件:可被外部调用的函数、变量的声明 函数在调用前必须有定义或者声明。 预编译:以#开头,作用是在真正的编译开始之前,对代码做一些处理(预编译)…...
基于Springboot框架的学术期刊遴选服务-项目演示
项目介绍 本课程演示的是一款 基于Javaweb的水果超市管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Java 学习者。 1.包含:项目源码、项目文档、数据库脚本、软件工具等所有资料 2.带你从零开始部署运行本套系统 3.该项目附…...
Vite:现代前端开发的利器
Vite:现代前端开发的利器 随着前端技术的快速发展,开发工具也在不断迭代和优化。Vite 是近年来备受关注的一款前端构建工具,它以极快的冷启动速度和高效的开发体验赢得了开发者的青睐。本文将详细介绍 Vite 的特点、工作原理以及它为何成为现…...
[蓝桥杯 2024 省 B] 好数
[蓝桥杯 2024 省 B] 好数 题目描述 一个整数如果按从低位到高位的顺序,奇数位(个位、百位、万位……)上的数字是奇数,偶数位(十位、千位、十万位……)上的数字是偶数,我们就称之为“好数”。 …...
基于Flask的全国星巴克门店可视化分析系统的设计与实现
【FLask】基于Flask的全国星巴克门店可视化分析系统的设计与实现(完整系统源码开发笔记详细部署教程)✅ 目录 一、项目简介二、项目界面展示三、项目视频展示 一、项目简介 该系统采用Python作为主要开发语言,结合Flask框架进行后端开发&…...
2502,索界面3
原文 SonicUI,你从未见过的方便GUI引擎-源码 介绍 SonicUI是基于原生GDIAPI的GUI引擎.它提供了几个简单的UI组件来实现高效的UI效果,如自绘按钮,不规则窗口,动画,窗口中的网径和图像操作方法. 主要目的是用最少的代码来达到最佳效果. 背景 周知,UI开发一般重复用无趣.因此…...
基础笔记|splice()的用法
一、三种用法 splice(index, 0, element) 插入 元素,不删除任何元素。splice(index, deleteCount) 删除 deleteCount 个元素。splice(index, deleteCount, element1, element2, ...) 替换 元素,即删除 deleteCount 个元素,同时插入新的元素。…...
电商项目高级篇09-检索服务
电商项目高级篇09-检索服务 1、环境搭建1.1、前端静态文件准备1.2、search服务引入模版引擎1.3、index.html页面复制到templates文件夹下1.4、模仿product项目,引入名称空间1.5、动静分离,静态资源路径位置替换1.6、将1.1的静态资源放到nginx目录下1.7、…...
如何使用 DeepSeek 和 Dexscreener 构建免费的 AI 加密交易机器人?
我使用DeepSeek AI和Dexscreener API构建的一个简单的 AI 加密交易机器人实现了这一目标。在本文中,我将逐步指导您如何构建像我一样的机器人。 DeepSeek 最近发布了R1,这是一种先进的 AI 模型。您可以将其视为 ChatGPT 的免费开源版本,但增加…...
Meta财报解读:营收超预期,用户增长放缓,AI与元宇宙仍是烧钱重点
每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗?订阅我们的简报,深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同,从行业内部的深度分析和实用指南中受益。不要错过这个机会,成为AI领…...
2024美团秋招硬件开发笔试真题及答案解析
目录 一、单选题 1、C语言中变量有一系列的命名规则,下列选项中,属于错误的C语言变量命名规则的是() 2、以下 C 代码的运行结果是什么() 3、执行下面程序,正确的输出是() 4、以下不正确的定义语句是() 5、执行语句for (i = 2; i++ < 7;);后, i 的值变为()…...
利用Vue编写一个“计数器”
目录 一、利用Vue编写一个“计数器”的操作方法:二、html文件相关源代码三、CSS文件相关源代码四、代码执行效果展示如下 一、利用Vue编写一个“计数器”的操作方法: 1、data中定义计数器的相关数据,如num、min、max。 2、methods中添加计数…...
vscode搭建git
vscode搭建git 一、安装git二、vscode上搭建git(1) 先创建本地仓库再上传到远程仓库,远程仓库名是根据本地仓库名一致(2) 先创建远程仓库,再将本地仓库上传到指定远程仓库 一、安装git 网络教程很多,在此就不赘述了 参考:git安装…...
Dijkstra算法解析
Dijkstra算法,用于求解图中从一个起点到其他所有节点的最短路径。解决单源最短路径问题的有效方法。 条件 有向 带权路径 时间复杂度 O(n平方) 方法步骤 1 把图上的点分为两个集合 要求的起点 和除了起点之外的点 。能直达的写上权值 不…...
本地部署DeepSeek教程(Mac版本)
第一步、下载 Ollama 官网地址:Ollama 点击 Download 下载 我这里是 macOS 环境 以 macOS 环境为主 下载完成后是一个压缩包,双击解压之后移到应用程序: 打开后会提示你到命令行中运行一下命令,附上截图: 若遇…...
蓝桥杯算法笔记|差分学习
!前情回顾 前缀和18437蓝桥账户中心 练习代码: #include <iostream> using namespace std; int main() {// 请在此输入您的代码int n,q;cin>>n>>q;int a[n];for(int i0;i<n;i){cin>>a[i];}int sum[n];sum[0]a[0];for(int …...
一文速览DeepSeek-R1的本地部署——可联网、可实现本地知识库问答:包括671B满血版和各个蒸馏版的部署
前言 自从deepseek R1发布之后「详见《一文速览DeepSeek R1:如何通过纯RL训练大模型的推理能力以比肩甚至超越OpenAI o1(含Kimi K1.5的解读)》」,deepseek便爆火 爆火以后便应了“人红是非多”那句话,不但遭受各种大规模攻击,即便…...
【Redis】主从模式,哨兵,集群
主从复制 单点问题: 在分布式系统中,如果某个服务器程序,只有一个节点(也就是一个物理服务器)来部署这个服务器程序的话,那么可能会出现以下问题: 1.可用性问题:如果这个机器挂了…...
结构体排序 C++ 蓝桥杯
成绩排序 #include<iostream> #include<algorithm> using namespace std; struct stu {string name;//名字int grade;//成绩 }; stu a[30]; bool cmp(stu l, stu r) {if (l.grade ! r.grade) return l.grade > r.grade;return l.name < r.name; } int main()…...
【通俗易懂说模型】线性回归(附深度学习、机器学习发展史)
🌈 个人主页:十二月的猫-CSDN博客 🔥 系列专栏: 🏀深度学习_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步,十二点的黑夜遮蔽不住黎明的曙光 目录 1. 前言 2. …...
Haproxy+keepalived高可用集群,haproxy宕机的解决方案
Haproxykeepalived高可用集群,允许keepalived宕机,允许后端真实服务器宕机,但是不允许haproxy宕机, 所以下面就是解决方案 keepalived配置高可用检测脚本 ,master和backup都要添加 配置脚本 # vim /etc/keepalived…...
python学opencv|读取图像(五十六)使用cv2.GaussianBlur()函数实现图像像素高斯滤波处理
【1】引言 前序学习了均值滤波和中值滤波,对图像的滤波处理有了基础认知,相关文章链接为: python学opencv|读取图像(五十四)使用cv2.blur()函数实现图像像素均值处理-CSDN博客 python学opencv|读取图像(…...
电梯系统的UML文档13
5.2.6 CarPositionControl 的状态图 图 24: CarPositionControl 的状态图 5.2.7 Dispatcher 的状态图 图 25: Dispatcher 的状态图 5.3 填补从需求到状态图鸿沟的实用方法 状态图能对类的行为,一个用例,或系统整体建模。在本文中,状态图…...
CSDN原力值提升秘籍:解锁社区活跃新姿势
在 CSDN 这个技术交流的大舞台上,原力值不仅是个人活跃度的象征,更是开启更多权益与福利的钥匙。最近,我出于自身需求,一头扎进了提升原力值的研究中,经过多方探索与资料整理,现在就迫不及待地把这些干货分…...
互联网行业常用12个数据分析指标和八大模型
本文目录 前言 一、互联网线上业务数据分析的12个指标 1. 用户数据(4个) (1) 存量(DAU/MAU) (2) 新增用户 (3) 健康程度(留存率) (4) 渠道来源 2. 用户行为数据(4个) (1) 次数/频率…...
gltf工具
gltf 在线工具 ONLINE 3D VIEWER 3dviewer.netgltf-viewer cos.3dzhanting.cnviewer www.niushifu.topglTF Viewer gltf-viewer.donmccurdy.comGLTF 在线编辑器 gltf.nsdt.cloudgltfeditor...
车载软件架构 --- 基于AUTOSAR软件架构的ECU开发流程小白篇
我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 简单,单纯,喜欢独处,独来独往,不易合同频过着接地气的生活…...
Vue.js 如何选择合适的组件库
Vue.js 如何选择合适的组件库 大家在开发 Vue.js 项目的时候,都会面临一个问题:我该选择哪个组件库? 市面上有很多优秀的 Vue 组件库,比如 Element Plus、Vuetify、Quasar 等,它们各有特点。选择合适的组件库…...
JavaScript系列(58)--性能监控系统详解
JavaScript性能监控系统详解 📊 今天,让我们深入探讨JavaScript的性能监控系统。性能监控对于保证应用的稳定性和用户体验至关重要。 性能监控基础概念 🌟 💡 小知识:JavaScript性能监控是指通过收集和分析各种性能指…...
Flutter 与 React 前端框架对比:深入分析与实战示例
Flutter 与 React 前端框架对比:深入分析与实战示例 在现代前端开发中,Flutter 和 React 是两个非常流行的框架。Flutter 是 Google 推出的跨平台开发框架,支持从一个代码库生成 iOS、Android、Web 和桌面应用;React 则是 Facebo…...
AI-on-the-edge-device - 将“旧”设备接入智能世界
人工智能无处不在,从语音到图像识别。虽然大多数 AI 系统都依赖于强大的处理器或云计算,但**边缘计算**通过利用现代处理器的功能,使 AI 更接近最终用户。 本项目演示了使用 **ESP32**(一种低成本、支持 AI 的设备)进行…...
站在JavaScript的视角去看,HTML的DOM和GLTF的Json数据。
很多前端小伙伴没有见过、操作过gltf文件,对非常懵逼,本文从前端小伙伴最熟悉的dom模型为切入口,以类别的方式来学习一下gltf文件。 一、结构与组织形式 HTML DOM(文档对象模型): 树形结构:HT…...