基于XG24-EK2703A的BLE HID蓝牙键盘+鼠标复合设备功能开发(BLE+HID+FreeRTOS+Gecko SDK)

目录

  • 项目介绍
  • 硬件介绍
  • 项目设计
    • 开发环境及工程参考
    • 总体流程图
    • 硬件基本配置
    • 应用初始化
    • 按键中断回调
    • 定时器回调
    • 按键响应任务
    • 蓝牙事件回调
    • BLE HID
      • Report Map及报文
        • 键盘设备
        • 鼠标设备
        • 复合设备
      • 发送字符串
      • 上/下滚动
  • 功能展示
  • 项目总结

👉 【Funpack3-1】基于XG24-EK2703A的BLE HID蓝牙键盘+鼠标复合设备
👉 Github: EmbeddedCamerata/XG24_ble_hid_keymouse

项目介绍

本项目基于Silicon Labs XG24-EK2703A开发板,通过HID协议实现了一个蓝牙键盘+鼠标复合设备,可通过按键实现上下翻页、发送字符功能。使用板载两个按键,当BTN0按下,向上翻页;当BTN1按下,向下翻页;当两按键同时按下2s后,向主机依次发送字符“EETREE.CN”。

👉 Simplicity Studio 5

硬件介绍

XG24-EK2703A是一款基于EFR32MG24片上系统的开发套件,具备超低成本、低功耗和小巧的特点。该套件支持2.4GHz无线通信,兼容蓝牙LE、蓝牙mesh、Zigbee、Thread和Matter协议,为无线物联网产品的开发和原型制作提供了极大的便利。包含:

  1. 一个USB接口
  2. 一个板载SEGGER J-Link 调试器,支持SWD
  3. 两个LED和两个按钮
  4. 虚拟COM端口
  5. 数据包跟踪接口(PTI)
  6. 一个支持外部硬件连接的mikroBus插座和一个Qwiic连接器
  7. 32 位 ARM Cortex-M33,78 MHz最高工作频率
  8. 1536 kB 闪存和 256 kB RAM

XG24板卡资源图

项目设计

开发环境及工程参考

本项目使用Silicon Labs官方的IDE Simplicity Studio 5开发,使用Gecko SDK v4.4.0,GNU ARM Toolchain 12.2。工程目录上,按照Bluetooth - SoC Empty 空白示例的代码组织形式即可。主要的业务代码写在 app.capp.h 内,外设、驱动及蓝牙部分通过 .slcp 文件配置。

👉 本工程参考SiliconLabs蓝牙应用示例:bluetooth_hid_keyboard

总体流程图

所使用的系统外设:两个按键、两个LED及蓝牙栈。

  • 在按键中断回调中,根据不同按键按下,置位或清除各按键按下的事件
  • 使用FreeRTOS操作系统,创建按键响应任务,用以实现两个按键按下的响应服务:循环读取按键按下事件,当按键单独按下时,则用一枚举变量 km_status 记录:
    • 当BTN0按下,置 KM_SCROLL_UP
    • 当BTN1按下,置 KM_SCROLL_DOWN
    • 当同时按下,且无定时器在运行,则开启2s定时器,该定时器绑定一回调函数,在该回调内:置 km_statusKM_SEND_STRING,同时反转两LED状态(便于观察现象)
    • 最后,都向蓝牙栈发送外部事件信号
  • 在蓝牙事件回调中,当接收到外部事件信号后,根据 km_status 值进行相应操作。从而实现上/下翻页、发送字符的功能。

系统工作流程图

硬件基本配置

在基于 “Bluetooth - Soc Empty” 空白示例的基础上,打开 .slcp 文件,在 SOFTWARE COMPONENTS 选项卡下安装如下组件:

  • [Platform] → [Driver] → [Button] → [Simple Button],例化 btn0 与 btn1,对应开发板上两个按键,均设置为中断模式
  • [Platform] → [Driver] → [LED] → [Simple LED],例化 led0 与 led1,对应开发板上两个 LED
  • [Services] → [IO Stream] → [IO Stream: USART],保持默认配置即可
  • [Application] → [Utility] → [Timer for FreeRTOS]
  • [Application] → [Utility] → [Log]

并且,参考SiliconLabs蓝牙应用示例:bluetooth_hid_keyboard,使用该示例提供的 GATT 配置,导入到自己的工程中:

  1. 打开项目中 .slcp 文件
  2. 在 CONFIGURATION TOOLS 选项卡下找到 Bluetooth GATT Configurator
  3. 导入 config/btconf/gatt_configuration.btconf 文件
  4. 保存 GATT 配置

后续还会进行一定程度的修改。

应用初始化

app.h 内,定义四种按键按下的枚举类型,分别表示:未按下、发送字符(两按键同时按下)、上翻页(BTN0按下)及下翻页(BTN1按下):

typedef enum
{
  KM_IDLE = 0U,
  KM_SEND_STRING = 1U,
  KM_SCROLL_UP = 2U,
  KM_SCROLL_DOWN = 3U,
} km_status_t;

在初始化阶段,先创建按键按下事件组、按键响应任务。

#define KM_BTN_TASK_NAME        "keymouse_btn"
#define KM_BTN_TASK_STACK_SIZE  1024
#define KM_BTN_TASK_STATIC      0

TaskHandle_t km_btn_task_handle = NULL;
static EventGroupHandle_t xbtn_events = NULL;
static km_status_t km_status = KM_IDLE;

SL_WEAK void app_init(void)
{
  	xbtn_events = xEventGroupCreate();
  	if (xbtn_events == NULL) {
  		app_log_error("BTN events create failed\r\n");
	}
  	xTaskCreate(km_btn_task,
              	KM_BTN_TASK_NAME,
             	configMINIMAL_STACK_SIZE,
              	NULL,
              	tskIDLE_PRIORITY,
              	&km_btn_task_handle);
}

按键中断回调

按键中断回调定义在 void sl_button_on_change(const sl_button_t *handle) 内,可参考示例修改。在此,根据触发中断的句柄判断是哪个按键按下或释放,相应地置位或清除事件位 xbtn_events

#include "sl_simple_button_instances.h"
#define BTN0_PRESSED            (1 << 0)
#define BTN1_PRESSED            (1 << 1)
#define BTN_NONE_PRESSED        0
#define BTN_BOTH_PRESSED        (BTN0_PRESSED | BTN1_PRESSED)
void sl_button_on_change(const sl_button_t *handle)
{
	BaseType_t xHigherPriorityTaskWoken;
  	if (&sl_button_btn0 == handle) {
    	if (sl_button_get_state(handle) == SL_SIMPLE_BUTTON_PRESSED) {
	     	xEventGroupSetBitsFromISR(xbtn_events, BTN0_PRESSED, &xHigherPriorityTaskWoken);
	    }
		else {
      		xEventGroupClearBitsFromISR(xbtn_events, BTN0_PRESSED);
      	}
	}
	if (&sl_button_btn1 == handle) {
    	if (sl_button_get_state(handle) == SL_SIMPLE_BUTTON_PRESSED) {
	     	xEventGroupSetBitsFromISR(xbtn_events, BTN1_PRESSED, &xHigherPriorityTaskWoken);
	    }
		else {
      		xEventGroupClearBitsFromISR(xbtn_events, BTN1_PRESSED);
      	}
	}
}

定时器回调

该回调函数被捆绑在2s不自动重载定时器上,由于定时器是在两按键同时按下并持续2s后才结束,因此在回调内,需清除两个按键按下事件,最后发送给蓝牙栈外部事件信号。

static void btn_press_timer_cb(app_timer_t *timer, void *data)
{
  	(void)data;
  	(void)timer;
  	BaseType_t xResult;
  	xResult = xEventGroupClearBitsFromISR(xbtn_events, BTN_BOTH_PRESSED);
  	if (xResult == pdFAIL) {
    	app_log_error("Clear BTN_BOTH_PRESSED event failed\r\n");
  	}
  	km_status = KM_SEND_STRING;
  	sl_led_toggle(&sl_led_led0);
  	sl_led_toggle(&sl_led_led1);
  	sl_bt_external_signal(1);
}

按键响应任务

主体为一循环。在循环内,通过 xEventGroupGetBits 读取按键事件,并做出不同响应。该事件在应用初始化时创建。用一bool型变量 is_running 记录定时器是否在运行,从而避免在两按键一直按下时反复重启定时器。由于可能出现先两按键按下,再释放一个或两个按键的情况,因此在其他情况下,都关闭定时器。

static void km_btn_task(void *p_arg)
{
	app_timer_t btn_press_timer;
	bool is_running = false;
	EventBits_t btn_events;
	
	while (1) {
    	btn_events = xEventGroupGetBits(xbtn_events);
    	switch (btn_events) {
      		case (BTN_BOTH_PRESSED):
      			if (!is_running) {
				    app_timer_start(&btn_press_timer, 2000, btn_press_timer_cb, NULL, false);
		          	is_running = true;
		        }
      		case (BTN0_PRESSED):
      			app_timer_stop(&btn_press_timer);
      			km_status = KM_SCROLL_UP; // scroll up
        		sl_bt_external_signal(1);
        		break;
			case (BTN1_PRESSED):
		        app_timer_stop(&btn_press_timer);
		        km_status = KM_SCROLL_DOWN; // scroll down
		        sl_bt_external_signal(1);
		        break;
		    default:
		    	app_timer_stop(&btn_press_timer);
		    	is_running = false;
        		break;
		}
		vTaskDelay(pdMS_TO_TICKS(50));
	}
	vTaskDelete(NULL);
}

蓝牙事件回调

参考SiliconLabs蓝牙应用示例: bluetooth_hid_keyboard,修改蓝牙事件回调中当 MSG_ID 为 sl_bt_evt_system_external_signal_id 时的部分代码:根据 km_status 状态分别实现上/下翻页、发送字符,且这几个功能分别用函数封装。最后,置 km_status = KM_IDLE

...
case  sl_bt_evt_system_external_signal_id:
	if (notification_enabled == 1 && km_status != KM_IDLE) {
        if (km_status == KM_SEND_STRING) {
        	send_eetree_string();
        }
        else if (km_status == KM_SCROLL_UP) {
        	scroll_with_distance(0x01);
        }
        else { // KM_SCROLL_DOWN
        	scroll_with_distance(0xFF);
        }
        app_log_info("Key report %d was sent\r\n", km_status);
        km_status = KM_IDLE;
      }
      break;
...

BLE HID

HID(Human Interface Device)人体学接口设备,是生活中常见的输入设备,比如键盘、鼠标等。早期的HID是设备大部分都是通过USB接口来实现,蓝牙技术出现后,通过蓝牙作为传输层,实现了无线HID设备。通过低功耗蓝牙实现的HID功能一般简称为HOGP(HID over Gatt Profile)。BLE HID 规范以 USB HID 规范为基础,因此具体含义仍需参照USB HID文档。

👉 参考:【BLE】HID设备的实现(蓝牙自拍杆、蓝牙键盘、蓝牙鼠标、HID复合设备)

Report Map及报文

键盘设备

👉 参考:DIY蓝牙键盘(1) - 理解键盘报文

Report Map用十六进制数据,描述HID设备的基本信息,例如,按键数量,数据的最大最小值,功能等。为了实现鼠标+键盘复合设备,参考SiliconLabs蓝牙应用示例: bluetooth_hid_keyboard所给出的一个键盘设备的报告映射,并加入Report ID条目:

项目
0x05, 0x01Usage Page (Generic Desktop)
0x09, 0x06Usage (Keyboard)
0xa1, 0x01Collection (Application)
0x85, 0x01Report Id (1)
0x75, 0x01Report Size (1)
0x95, 0x08Report Count (8)
0x05, 0x07Usage Page (Keyboard)
0x19, 0xe0Usage Minimum (Keyboard LeftControl)
0x29, 0xe7Usage Maximum (Keyboard Right GUI)
0x15, 0x00Logical Minimum (0)
0x25, 0x01Logical Maximum (1)
0x75, 0x01Report Size (1)
0x95, 0x08Report Count (8)
0x81, 0x02Input (Data, Variable, Absolute) Modifier byte
0x95, 0x01Report Count (1)
0x75, 0x08Report Size (8)
0x81, 0x01Input (Constant) Reserved byte
0x95, 0x06Report Count (6)
0x75, 0x08Report Size (8)
0x15, 0x00Logical Minimum (0)
0x25, 0x65Logical Maximum (101)
0x05, 0x07Usage Page (Key Codes)
0x05, 0x01Usage Minimum (Reserved (no event indicated))
0x05, 0x01Usage Maximum (Keyboard Application)
0x05, 0x01Input (Data,Array) Key arrays (6 bytes)
0xc0End Collection

这样描述的键盘设备具有通用键盘的基本功能,将按键与释放键信息通过输入报告发送到主机。同时,使用常见的键盘报文结构,其中包含保留字节、修饰符字节与6个键码字节(可以描述最多6个按键同时按下)。键盘报文格式如下所列:

Byte 0Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7
Modifier byteReserved byteKey code 1Key code 2Key code 3Key code 4Key code 5Key code 6

其中,第一个字节从LSB开始依次表示:

Bit 0Bit 1Bit 2Bit 3Bit 4Bit 5Bit 6Bit 7
L CtrlL ShiftL AltL GUIR CtrlR ShiftR AltR GUI

第二个字节保留(默认为0)。后面6个字节的每个字节都可以表示一个按键的状态,可以同时有多个按键按下。在手册《HID Usage Tables For Universal Serial Bus (USB)》中,规定了键码与按键的对应关系,例如:

Usage IDUsage Name
0x04Keyboard a & A
0x05Keyboard b & B
0x1DKeyboard z & Z
0x37Keyboard . & >

例如,下述两个报文分别表示a与A(同时按下左Shift + a):

Byte 0Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7含义
0x000x000x040x000x000x000x000x00a
Byte 0Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7含义
0x040x000x040x000x000x000x000x00A

此外,在发送按下按键的信息后,还需发送释放按键的报文,否则键盘将一直按住。

Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7Byte 8含义
0x000x000x000x000x000x000x000x00释放
鼠标设备

鼠标设备的报告映射如下所列:

项目
0x05, 0x01Usage Page (Generic Desktop)
0x09, 0x02Usage (Mouse)
0xa1, 0x01Collection (Application)
0x85, 0x02Report Id (2)
0x75, 0x01Report Size (1)
0x95, 0x08Report Count (8)
0x09, 0x01Usage (Pointer)
0xa1, 0x00Collection (Physical)
0x05, 0x09Usage Page (Buttons)
0x19, 0x01Logical Minimum (1)
0x29, 0x03Logical Maximum (3)
0x15, 0x00Logical Minimum (0)
0x25, 0x01Logical Maximum (1)
0x95, 0x03Report Count (3)
0x75, 0x01Report Count (1)
0x81, 0x02Input(Data, Variable, Absolute); 3 button bits
0x95, 0x01Report Count (1)
0x75, 0x05Report Size (5)
0x81, 0x03Input(Constant); 5 bits padding
0x05, 0x01Usage Page (Generic Desktop)
0x09, 0x30Usage (X)
0x09, 0x31Usage (Y)
0x09, 0x38Usage (Wheel)
0x15, 0x81Logical Minimum (-127)
0x25, 0x7FLogical Maximum (127)
0x75, 0x08Report Size (8)
0x95, 0x03Report Count (3)
0x81, 0x06Input(Data, Variable, Relative); 3 position bytes (X,Y,Wheel)
0xc0End Collection
0xc0End Collection

对于鼠标,上报的数据我们定义了4个字节。其中Byte 0 的bit 0~2分别表示鼠标左键、右键与中键,后4位由设备定义(默认为0)。Byte 1 表示鼠标指针X轴移动,Byte 2 表示鼠标指针Y轴移动(有符号数,具体数值与移动距离的关系可实际测试),Byte 3 表示滚轮移动。鼠标的报文格式如下所列:

Byte 0Byte 1Byte 2Byte 3
bit 0~2 左、右、中键指针X方向移动指针Y方向移动滚轮移动
复合设备

对于两个或以上的HID复合设备来说,需要额外用Report ID描述,在此键盘Report ID为1,鼠标为2。同时,设备的报文前需额外一个字节表示Report ID。将上述两个设备的报告映射写在一起,即可描述键盘+鼠标的复合设备。如图所示,将这个长字节配置至 Bluetooth GATT Configurator 内。

配置Report Map

发送字符串

通过键盘设备发送字符串“EETREE.CN”,各字符码表为:0x08(e)、0x17(t)、0x15®、0x37(.)、0x06©、0x11(n)。要实现大写,还需要修饰键按下左Shift。例如,发送“E”,并结合键盘的Report ID(0x01):

Byte 0Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7Byte 8含义
0x010x040x000x080x000x000x000x000x00E
Byte 0Byte 1Byte 2Byte 3Byte 4Byte 5Byte 6Byte 7Byte 8含义
0x010x000x000x000x000x000x000x000x00释放

发送一个字符后,再发送一次全0报文,表示按键释放。两各按键前后最好间隔几十毫秒。由于所发送字符串“EETREE.CN”有连续的字符,因此不方便在一次报文中发送(如此两个“EE”将仅表达一次“E”按下),且“.”无需修饰符,因此索性每个字符都单次发送。

#define REPORT_ID_INDEX         0
#define KB_REPORT_ID            0x01
#define MODIFIER_INDEX          1
#define DATA_INDEX              3
#define LSHIFT_KEY_OFF        	0x00
#define LSHIFT_KEY_ON         	0x02
static uint8_t kb_report_data[] = { 0, 0, 0, 0, 0, 0, 0, 0, 0 };

void send_keyboard(uint8_t caps_key, uint8_t c)
{
  sl_status_t sc;
  memset(kb_report_data, 0, sizeof(kb_report_data));
  kb_report_data[REPORT_ID_INDEX] = KB_REPORT_ID;
  kb_report_data[MODIFIER_INDEX] = caps_key;
  kb_report_data[DATA_INDEX] = c;
  sc = sl_bt_gatt_server_notify_all(gattdb_report,
                                    sizeof(kb_report_data),
                                    kb_report_data);
  app_assert_status(sc);
  memset(kb_report_data, 0, sizeof(kb_report_data));
  kb_report_data[REPORT_ID_INDEX] = KB_REPORT_ID;
  sc = sl_bt_gatt_server_notify_all(gattdb_report,
                                    sizeof(kb_report_data),
                                    kb_report_data);
  app_assert_status(sc);
  sl_sleeptimer_delay_millisecond(20);
}

void send_eetree_string()
{
  send_keyboard(LSHIFT_KEY_ON, 0x08); // E
  send_keyboard(LSHIFT_KEY_ON, 0x08); // E
  send_keyboard(LSHIFT_KEY_ON, 0x17); // T
  send_keyboard(LSHIFT_KEY_ON, 0x15); // R
  send_keyboard(LSHIFT_KEY_ON, 0x08); // E
  send_keyboard(LSHIFT_KEY_ON, 0x08); // E
  send_keyboard(LSHIFT_KEY_OFF,0x37); // .
  send_keyboard(LSHIFT_KEY_ON, 0x06); // C
  send_keyboard(LSHIFT_KEY_ON, 0x11); // N
}

上/下滚动

通过鼠标设备实现上下滚动,并结合鼠标的Report ID(0x02):

Byte 0Byte 1Byte 2Byte 3Byte 4含义
0x020x000x000x000x01上滚
Byte 0Byte 1Byte 2Byte 3Byte 4含义
0x020x000x000x000xFF下滚
#define MOUSE_REPORT_ID         0x02
#define WHEEL_INDEX             4
static uint8_t mouse_report_data[] = { 0, 0, 0, 0, 0 };

void scroll_with_distance(uint8_t distance)
{
  sl_status_t sc;
  memset(mouse_report_data, 0, sizeof(mouse_report_data));
  mouse_report_data[REPORT_ID_INDEX] = MOUSE_REPORT_ID;
  mouse_report_data[WHEEL_INDEX] = distance;
  sc = sl_bt_gatt_server_notify_all(gattdb_report,
                                    sizeof(mouse_report_data),
                                    mouse_report_data);
  app_assert_status(sc);
}

功能展示

开发板连接PC并配对蓝牙后,可以看到XG24 KeyMouse设备已连接,且电量为100%。功能演示参见视频。
板卡实物图
蓝牙配对效果
👉 详细展示参见:B站:基于XG24-EK2703A的BLE HID蓝牙键盘+鼠标复合设备功能开发

项目总结

本次项目通过BLE HID协议,实现了键盘+鼠标复合设备,使用两个按键实现上/下翻页、发送字符串的功能。Silicon Labs的IDE总体感觉还不错,直接在IDE内把GSDK、编译工具链都给安装好。对于配置开发板的外设、IO口、驱动、蓝牙GATT配置等有图形化界面,上手较为容易。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/332336.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

网络端口映射和端口转发的区别和联系

目 录 一、端口映射技术 1.1 原理 1.2 应用场景 1、远程访问 2、游戏主机 3、文件共享 4、监控视频共享 二、端口转发技术 2.1 原理 2.2 应用场景 1、网络负载均衡 2、网络安全 3、网络代理 三、端口映射和转发的实现方法 3.1 路由器配置 3.2 网络防火墙 …

C Primer Plus 第6版 编程练习 chapter 16

文章目录 1. 第1题1.1 题目描述1.2 编程源码1.3 结果显示 2. 第2题2.1 题目描述2.2 编程源码2.3 结果显示 3. 第3题3.1 题目描述3.2 编程源码3.3 结果显示 4. 第4题4.1 题目描述4.2 编程源码4.3 结果显示 5. 第5题5.1 题目描述5.2 编程源码5.3 结果显示 6. 第6题6.1 题目描述6.…

linux|操作系统|centos7物理机安装网卡驱动8188gu(内核升级,firmware固件,USB设备管理,module管理)

前言&#xff1a; 目前服务器领域centos7基本是主流的操作系统&#xff0c;而linux相对于Windows来说&#xff0c;软硬件方面的支持是差很多的&#xff0c;在硬件方面来说&#xff0c;以一个免驱的网卡为例&#xff0c;window xp可能不会自动识别到&#xff0c;但Windows10基本…

问题:Feem无法发送信息OR无法连接(手机端无法发给电脑端)

目录 前言 问题分析 资源、链接 其他问题 前言 需要在小米手机、华为平板、Dell电脑之间传输文件&#xff0c;试过安装破解的华为电脑管家、小米的MIUI文件传输等&#xff0c;均无果。&#xff08;小米“远程管理”ftp传输倒是可以&#xff0c;但速度太慢了&#xff0c;且…

【Ant Design of Vue】Modal.confirm无法关闭的bug

一、问题 在使用 Ant Design Vue 的 Modal.confirm 确认框时&#xff0c;出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题 二、代码 代码完全是 copy 的官网的代码&#xff0c;但是 copy 到本地后就会出现上述问题 <template><a-button click"sho…

鸿蒙开发(五)鸿蒙UI开发概览

从用户角度来讲&#xff0c;一个软件拥有好看的UI&#xff0c;那是锦上添花的事情。再精确的算法&#xff0c;再厉害的策略&#xff0c;最终都得通过UI展现给用户并且跟用户交互。那么&#xff0c;本篇一起学习下鸿蒙开发UI基础知识&#xff0c;认识下各种基本控件以及使用方式…

UE5 C++ 学习笔记 UBT UHT 和 一些头文件

总结一些似懂非懂的知识点&#xff0c;从头慢慢梳理。 任何一个项目都有创建这些三个.cs。 这个是蓝图转C 这个是本身就是C项目,应该就是多了一个GameModeBase类 Build.cs包含了每个模块的信息&#xff0c;表明了这个项目用到了哪一些模块。该文件里的using UnrealBuilTool 是…

为数字取证和 OSINT 调查定制用户体验

Tsurugi Linux 是一个高度定制的开源发行版&#xff0c;专注于支持 DFIR 调查。 该项目主要侧重于实时取证分析、事后分析和数字证据获取。用户还可以执行恶意软件分析、OSINT(开源情报)和计算机视觉活动。 我们精心打造了用户友好的体验&#xff0c;按照逻辑取证分析顺序组织…

【JS逆向学习】36kr登陆逆向案例(webpack)

在开始讲解实际案例之前&#xff0c;大家先了解下webpack的相关知识 WebPack打包 webpack是一个基于模块化的打包&#xff08;构建&#xff09;工具, 它把一切都视作模块 webpack数组形式&#xff0c;通过下标取值 !function(e) {var t {};// 加载器 所有的模块都是从这个…

Ps:使用钢笔工具快速精准抠图的技巧

众所周知&#xff0c;钢笔工具是 Photoshop 中最精准的、适用于硬边缘&#xff08;清晰轮廓&#xff09;对象的抠图工具。但是&#xff0c;如果从头开始一个锚点一个锚点的勾勒&#xff0c;既费时又费眼。 我们可以先用选区工具或选区命令做一个基础选区&#xff0c;然后将选区…

IPv6自动隧道---6to4中继

6to4中继 普通IPv6网络需要与6to4网络通过IPv4网络互通,这可以通过6to4中继路由器方式实现。所谓6to4中继,就是通过6to4隧道转发的IPv6报文的目的地址不是6to4地址,但转发的下一跳是6to4地址,该下一跳为路由器我们称之为6to4中继。隧道的IPv4目的地址依然从下一跳的6to4地…

力扣每日一练(24-1-19)

我的思路&#xff1a; def maxProfit(self, prices: List[int]) -> int:if not len(prices):return 0 max_profit 0for p in range(len(prices) - 1):prices[p] prices[p 1] - prices[p]prices[p] max(0, prices[p])max_profit sum(prices[:-1])return max_profit 其实…

百度云网盘下载速度如何提升到正常速度

引入问题 我们在下载代码学习资料的时候大多数都是百度云网盘&#xff0c;但是限速&#xff01;下载的十分的慢&#xff0c;有什么办法能让我们不开通会员就能享受正常速度呢&#xff1f; 当然有&#xff01; 解决百度云网盘下载速度过慢&#xff0c;提高到正常速度 点击右…

vue3使用vue-masonry插件实现瀑布流

《Vue插件》瀑布流插件vue-masonry的使用与踩坑记录 参数:item-selector transition-duration column-width origin-left origin-top gutter 前言: 之前其实有分享过一篇纯CSS实现瀑布流的方法: https://oliver.blog.csdn.net/article/details/126450691&#xff0c;但纯CSS实现…

2024华数杯A题高质量成品论文+完整数据py代码+来源数据集+参考文献

A题日本排核废水&#xff08;完整数据代码在文末&#xff09; #### 1. 时变因素&#xff1a; - Tritium 浓度的时变因素包括排放时间、排放量、海水运动等。需要考虑问题陈述中给出的放射性废水排放计划&#xff08;Appendix&#xff09;。 #### 2. 海洋环境因素&#xff1a; …

#vue3 实现前端下载excel文件模板功能

一、需求&#xff1a; 前端无需通过后端接口&#xff0c;即可实现模板下载功能。 通过构造一个 JSON 对象&#xff0c;使用前端常用的第三方库 xlsx&#xff0c;可以直接将该 JSON 对象转换成 Excel 文件&#xff0c;让用户下载模板 二、效果&#xff1a; 三、源码如下&…

Python基础学习:同步异步阻塞与非阻塞

嗨喽~大家好呀&#xff0c;这里是魔王呐 ❤ ~! python更多源码/资料/解答/教程等 点击此处跳转文末名片免费获取 一、状态介绍 在了解其他概念之前&#xff0c;我们首先要了解进程的几个状态。 在程序运行的过程中&#xff0c;由于被操作系统的调度算法控制&#xff0c;程序…

Git教程学习:07 打标签

文章目录 0 前言1 列出标签2 创建标签3 附注标签4 轻量标签5 后期打标签6 共享标签7 删掉标签8 检查标签 0 前言 像其他版本控制系统&#xff08;VCS&#xff09;一样&#xff0c;Git 可以给仓库历史中的某一个提交打上标签&#xff0c;以示重要。 比较有代表性的是人们会使用…

PPT大神带你飞!!!

1、OneKeyTools 官网&#xff1a;http://oktools.xyz/ OneKeyTools是一款免费开源的PowerPoint第三方平面设计辅助插件&#xff0c;功能涵盖了形状、调色、三维、图片处理、辅助功能等等方面。 插件功能&#xff1a; 插件从面世逐步受到广大PPT设计师和爱好者的追捧&#x…

弗洛伊德循环查找算法-原理

本文灵感来自哔哩哔哩视频 视频链接: 弗洛伊德循环查找算法 算法代码(java) package rain;class ListNode {int value;ListNode next;public ListNode(int value) {this.value value;this.next null;}Overridepublic String toString() {return "ListNode{" &q…