后端:跨端轻量JavaScript引擎的实现与探索

一、JavaScript

1.JavaScript语言

JavaScript是ECMAScript的实现,由ECMA 39(欧洲计算机制造商协会39号技术委员会)负责制定ECMAScript标准。

ECMAScript发展史:

时间版本说明
1997年7月ES1.0 发布当年7月,ECMA262 标准出台
1998年6月ES2.0 发布该版本修改完全符合ISO/IEC 16262国际标准。
1999年12月ES3.0 发布成为 JavaScript 的通行标准,得到了广泛支持
2007年10月ES4.0草案发布各大厂商意见分歧,该方案未通过
2008年7月发布ES3.1,并改名为ECMAScript 5废除ECMAScript 4.0,所以4.0版本不存在
2009年12月ESt 5.0 正式发布
2011年6月ES5.1 发布该版本成为了 ISO 国际标准(ISO/IEC 16262:2011)
2013年12月ES6 草案发布
2015年6月ES6 正式发布,并且更名为“ECMAScript 2015”TC39委员会决定每年发布一个ECMAScript 的版本
2.JavaScript引擎

JavaScript引擎是指用于处理以及执行JavaScript脚本的虚拟机。

常见的JavaScript引擎:



引擎所属机构/个人浏览器说明
SpiderMonkeyMozillaFirefox第一款JavaScript引擎,早期用于 Netscape Navigator,现时用于 Mozilla Firefox。是用C语言实现的,还有一个Java版本叫Rhino;Rhino引擎由Mozilla基金会管理,开放源代码,完全以Java编写,用于 HTMLUnit;而后TraceMonkey引擎是基于实时编译的引擎,用于Mozilla Firefox 3.5~3.6版本;JaegerMonkey:结合追踪和组合码技术大幅提高性能,用于Mozilla Firefox 4.0以上版本
JavaScriptCoreAppleSafari简称JSC,开源,用于webkit内核浏览器,如 Safari ,2008 年实现了编译器和字节码解释器,升级为了SquirrelFish。苹果内部代号为Nitro的 JavaScript 引擎也是基于 JSC引擎的。至于具体时间,JSC是WebKit默认内嵌的JS引擎,而WebKit诞生于1998年,Nitro是为Safari 4编写,Safari 4是2009年6月发布。
V8GoogleChrome2008年9月,Google的V8引擎第一个版本随着Chrome的第一个版本发布。V8引擎用 C++编写,由 Google 丹麦开发,开源。除了Chrome,还被运用于Node.js以及运用于Android操作系统等
ChakraMicrosoftEdge、IE译名查克拉,用于IE9、10、11和Microsoft Edge,IE9发布时间2011年3月
JerryScript三星三星推出的适用于嵌入式设备的小型 JavaScript 引擎,2015年开源
NashornOracale从 JDK 1.8 开始,Nashorn取代Rhino(JDK 1.6, JDK1.7) 成为 Java 的嵌入式 JavaScript 引擎,JDK1.8发布于2014年
QuickJSFabrice BellardQuickJS 是一个小型的嵌入式 Javascript 引擎。 它支持 ES2023 规范,包括模块、异步生成器、代理和 BigInt。 它可以选择支持数学扩展,例如大十进制浮点数 (BigDecimal)、大二进制浮点数 (BigFloat) 和运算符重载。
HermesFacebook引擎,Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎,用于移动端React Native应用的集成,开源
3.JavaScript引擎工作原理
a.V8引擎工作原理



b.Turbofan技术实例说明
function sum(a, b) {return a + b;
}

这里ab可以是任意类型数据,当执行sum函数时,Ignition解释器会检查ab的数据类型,并相应地执行加法或者连接字符串的操作。

如果 sum函数被调用多次,每次执行时都要检查参数的数据类型是很浪费时间的。此时TurboFan就出场了。它会分析函数的执行信息,如果以前每次调用sum函数时传递的参数类型都是数字,那么TurboFan就预设sum的参数类型是数字类型,然后将其编译为机器码。

但是如果某一次的调用传入的参数不再是数字时,表示TurboFan的假设是错误的,此时优化编译生成的机器代码就不能再使用了,于是就需要进行回退到字节码的操作。



三、QuickJS

1.QuickJS作者简介

法布里斯·貝拉 (Fabrice Bellard)



2.QuickJS简介

QuickJS 是一个小型的嵌入式 Javascript 引擎。 它支持 ES2023 规范,包括模块、异步生成器、代理和 BigInt。

它可以选择支持数学扩展,例如大十进制浮点数 (BigDecimal)、大二进制浮点数 (BigFloat) 和运算符重载。

•小且易于嵌入:只需几个 C 文件,无外部依赖项,一个简单的 hello world 程序的 210 KiB x86 代码。

•启动时间极短的快速解释器:在台式 PC 的单核上运行 ECMAScript 测试套件的 76000 次测试只需不到 2 分钟。 运行时实例的完整生命周期在不到 300 微秒的时间内完成。

•几乎完整的 ES2023 支持,包括模块、异步生成器和完整的附录 B 支持(旧版 Web 兼容性)。

•通过了近 100% 的 ECMAScript 测试套件测试: Test262 Report(test262.fyi)。

•可以将 Javascript 源代码编译为可执行文件,无需外部依赖。

•使用引用计数(以减少内存使用并具有确定性行为)和循环删除的垃圾收集。

•数学扩展:BigDecimal、BigFloat、运算符重载、bigint 模式、数学模式。

•用 Javascript 实现的带有上下文着色的命令行解释器。

•带有 C 库包装器的小型内置标准库。

3.QuickJS工程简介
5.94MB quickjs
├── 17.6kB      cutils.c                /// 辅助函数
├── 7.58kB      cutils.h                /// 辅助函数
├── 241kB       libbf.c                 /// BigFloat相关
├── 17.9kB      libbf.h                 /// BigFloat相关
├── 2.25kB      libregexp-opcode.h      /// 正则表达式操作符
├── 82.3kB      libregexp.c             /// 正则表达式相关
├── 3.26kB      libregexp.h             /// 正则表达式相关
├── 3.09kB      list.h                  /// 链表实现
├── 16.7kB      qjs.c                   /// QuickJS stand alone interpreter
├── 22kB        qjsc.c                  /// QuickJS command line compiler
├── 73.1kB      qjscalc.js              /// 数学计算器
├── 7.97kB      quickjs-atom.h          /// 定义了javascript中的关键字
├── 114kB       quickjs-libc.c
├── 2.57kB      quickjs-libc.h          /// C API
├── 15.9kB      quickjs-opcode.h        /// 字节码操作符定义
├── 1.81MB      quickjs.c               
├── 41.9kB      quickjs.h               /// QuickJS Engine
├── 49.8kB      repl.js                 /// REPL
├── 218kB       libunicode-table.h      /// unicode相关
├── 53kB        libunicode.c            /// unicode相关
├── 3.86kB      libunicode.h            /// unicode相关
├── 86.4kB      unicode_gen.c           /// unicode相关
└── 6.99kB      unicode_gen_def.h       /// unicode相关
4.QuickJS工作原理

QuickJS的解释器是基于栈的。





QuickJS的对byte-code会优化两次,通过一个简单例子看看QuickJS的字节码与优化器的输出,以及执行过程。

function sum(a, b) {return a + b;
}

•第一阶段(未经过优化的字节码)

;; function sum(a, b) {enter_scope 1    ;;     return a + b;line_num 2scope_get_var a,1    ///通用的获取变量的指令scope_get_var b,1    addreturn;; }

•第二阶段

;; function sum(a, b) {
;;     return a + b;line_num 2get_arg 0: a        /// 获取参数列表中的变量get_arg 1: baddreturn
;; }

•第三阶段

;; function sum(a, b) {
;;     return a + b;get_arg0 0: a        /// 精简成获取参数列表中第0个参数get_arg1 1: baddreturn;; }
sum(1,2);

通过上述简单的函数调用,观察sum函数调用过程中栈帧的变化,通过计算可知sum函数最栈帧大小为两个字节

get_arg0get_arg1addreturn
123将栈顶的数据3返回
1
5.内存管理

QuickJS通过引用计算来管理内存,在使用C API时需要根据不同API的说明手动增加或者减少引用计数器。

对于循环引用的对象,QuickJS通过临时减引用保存到临时数组中的方法来判断相互引用的对象是否可以回收。

6.QuickJS简单使用

从github上clone完最新的源码后,通过执行(macos 环境)以下代码即可在本地安装好qjs、qjsc、qjscalc几个命令行程序

sudo make
sudo make install

qjs: JavaScript代码解释器

qjsc: JavaScript代码编译器

qjscalc: 基于QuickJS的REPL计算器程序

通过使用qjs可以直接运行一个JavaScript源码,通过qsjc的如下命令,则可以输出一个带有byte-code源码的可直接运行的C源文件:

qjsc -e  -o add.c examples/add.js 
#include "quickjs-libc.h"const uint32_t qjsc_add_size = 135;const uint8_t qjsc_add[135] = {0x02, 0x06, 0x06, 0x73, 0x75, 0x6d, 0x0e, 0x63,0x6f, 0x6e, 0x73, 0x6f, 0x6c, 0x65, 0x06, 0x6c,0x6f, 0x67, 0x1e, 0x65, 0x78, 0x61, 0x6d, 0x70,0x6c, 0x65, 0x73, 0x2f, 0x61, 0x64, 0x64, 0x2e,0x6a, 0x73, 0x02, 0x61, 0x02, 0x62, 0x0e, 0x00,0x06, 0x00, 0xa2, 0x01, 0x00, 0x01, 0x00, 0x05,0x00, 0x01, 0x25, 0x01, 0xa4, 0x01, 0x00, 0x00,0x00, 0x3f, 0xe3, 0x00, 0x00, 0x00, 0x40, 0xc2,0x00, 0x40, 0xe3, 0x00, 0x00, 0x00, 0x00, 0x38,0xe4, 0x00, 0x00, 0x00, 0x42, 0xe5, 0x00, 0x00,0x00, 0x38, 0xe3, 0x00, 0x00, 0x00, 0xb8, 0xb9,0xf2, 0x24, 0x01, 0x00, 0xcf, 0x28, 0xcc, 0x03,0x01, 0x04, 0x1f, 0x00, 0x08, 0x0a, 0x0e, 0x43,0x06, 0x00, 0xc6, 0x03, 0x02, 0x00, 0x02, 0x02,0x00, 0x00, 0x04, 0x02, 0xce, 0x03, 0x00, 0x01,0x00, 0xd0, 0x03, 0x00, 0x01, 0x00, 0xd3, 0xd4,0x9e, 0x28, 0xcc, 0x03, 0x01, 0x01, 0x03,
};static JSContext *JS_NewCustomContext(JSRuntime *rt)
{JSContext *ctx = JS_NewContextRaw(rt);if (!ctx)return NULL;JS_AddIntrinsicBaseObjects(ctx);JS_AddIntrinsicDate(ctx);JS_AddIntrinsicEval(ctx);JS_AddIntrinsicStringNormalize(ctx);JS_AddIntrinsicRegExp(ctx);JS_AddIntrinsicJSON(ctx);JS_AddIntrinsicProxy(ctx);JS_AddIntrinsicMapSet(ctx);JS_AddIntrinsicTypedArrays(ctx);JS_AddIntrinsicPromise(ctx);JS_AddIntrinsicBigInt(ctx);return ctx;
}int main(int argc, char **argv)
{JSRuntime *rt;JSContext *ctx;rt = JS_NewRuntime();js_std_set_worker_new_context_func(JS_NewCustomContext);js_std_init_handlers(rt);JS_SetModuleLoaderFunc(rt, NULL, js_module_loader, NULL);ctx = JS_NewCustomContext(rt);js_std_add_helpers(ctx, argc, argv);js_std_eval_binary(ctx, qjsc_add, qjsc_add_size, 0);js_std_loop(ctx);js_std_free_handlers(rt);JS_FreeContext(ctx);JS_FreeRuntime(rt);return 0;
}

上面的这个C源文件,通过如下命令即可编译成可执行文件:

 gcc add.c -o add_exec -I/usr/local/include quickjs-libc.c quickjs.c cutils.c libbf.c libregexp.c libunicode.c  -DCONFIG_BIGNUM

也可以直接使用如下命令,将JavaScript文件直接编译成可执行文件:

qjsc -o add_exec examples/add.js
7.给qjsc添加扩展

QuickJS只实现了最基本的JavaScript能力,同时QuickJS也可以实现能力的扩展,比如给QuickJS添加打开文件并读取文件内容的内容,这样在JavaScript代码中即可通过js代码打开并读取到文件内容了。

通过一个例子来看看添加扩展都需要做哪些操作:

•编写一个C语言的扩展模块

#include "quickjs.h"
#include "cutils.h"/// js中对应plus函数的C语言函数
static JSValue plusNumbers(JSContext *ctx, JSValueConst this_val, int argc, JSValueConst *argv) {int a, b;if (JS_ToInt32(ctx, &a, argv[0]))return JS_EXCEPTION;if (JS_ToInt32(ctx, &b, argv[1]))return JS_EXCEPTION;return JS_NewInt32(ctx, a + b);
}
/// 模块需要导致的列表
static const JSCFunctionListEntry js_my_module_funcs[] = {JS_CFUNC_DEF("plus", 2, plusNumbers),
};
/// 模块初始化函数,并将plus导出
static int js_my_module_init(JSContext *ctx, JSModuleDef *m) {return JS_SetModuleExportList(ctx, m, js_my_module_funcs, countof(js_my_module_funcs));
}
JSModuleDef *js_init_module_my_module(JSContext *ctx, const char *module_name) {JSModuleDef *m;m = JS_NewCModule(ctx, module_name, js_my_module_init);if (!m)return NULL;JS_AddModuleExportList(ctx, m, js_my_module_funcs, countof(js_my_module_funcs));return m;
}

•Makefile文件中添加my_module.c模块的编译

QJS_LIB_OBJS= ... $(OBJDIR)/my_module.o

•在qjsc.c文件中注册模块

namelist_add(&cmodule_list,“my_module”,“my_module”,0); 

•编写一个my_module.js测试文件

import * as mm from 'my_module';const value = mm.plus(1, 2);
console.log(`my_module.plus: ${value}`);

•重新编译

sudo make && sudo make install
qjsc -m -o my_module examples/my_module.js /// 这里需要指定my_module模块

最终生成的my_module可执行文件,通过执行my_module输出:

my_module.plus: 3
8.使用C API

在第5个步骤时,生成了add.c文件中实际上已经给出了一个简单的使用C API最基本的代码。当编写一下如下的js源码时,会发现当前的qjsc编译后的可执行文件或者qjs执行这段js代码与我们的预期不符:

function getName() {return new Promise((resolve, reject) => {setTimeout(() => {resolve("张三峰");}, 2000);});
}
console.log(`开始执行`);
getName().then(name => console.log(`promise name: ${name}`));







上面的代码并不会按预期的效果输出结果,因为js环境下的loop只执行了一次,任务队列还没有来得急执行程序就结束了,稍微改动一下让程序可以正常输出,如下:

#include <stdio.h>
#include <pthread.h>
#include <stdlib.h>
#include <uv.h>
/* File generated automatically by the QuickJS compiler. */#include "quickjs-libc.h"
#include <string.h>static JSContext *JS_NewCustomContext(JSRuntime *rt) {JSContext *ctx = JS_NewContextRaw(rt);if (!ctx)return NULL;JS_AddIntrinsicBaseObjects(ctx);JS_AddIntrinsicDate(ctx);JS_AddIntrinsicEval(ctx);JS_AddIntrinsicStringNormalize(ctx);JS_AddIntrinsicRegExp(ctx);JS_AddIntrinsicJSON(ctx);JS_AddIntrinsicProxy(ctx);JS_AddIntrinsicMapSet(ctx);JS_AddIntrinsicTypedArrays(ctx);JS_AddIntrinsicPromise(ctx);JS_AddIntrinsicBigInt(ctx);return ctx;
}JSRuntime *rt = NULL;
JSContext *ctx = NULL;
void *run(void *args) {const char *file_path = "/Volumes/Work/分享/quickjs/code/quickjs/examples/promise.js";size_t pbuf_len = 0;js_std_set_worker_new_context_func(JS_NewCustomContext);js_std_init_handlers(rt);JS_SetModuleLoaderFunc(rt, NULL, js_module_loader, NULL);ctx = JS_NewCustomContext(rt);js_std_add_helpers(ctx, 0, NULL);js_init_module_os(ctx, "test");const uint8_t *code = js_load_file(ctx, &pbuf_len, file_path);JSValue js_ret_val = JS_Eval(ctx, (char *)code, pbuf_len, "add", JS_EVAL_TYPE_MODULE);if(JS_IsError(ctx, js_ret_val) || JS_IsException(js_ret_val)) {js_std_dump_error(ctx);}return NULL;
}pthread_t quickjs_t;
int main(int argc, char **argv) {rt = JS_NewRuntime();pthread_create(&quickjs_t, NULL, run, NULL);while (1) {if(ctx) js_std_loop(ctx);}js_std_free_handlers(rt);JS_FreeContext(ctx);JS_FreeRuntime(rt);return 0;
}

这样的操作只适合用于测试一下功能,实际生产中使用需要一个即可以在必要的时候调用loop又可以做到不抢占过多的CPU或者只抢占较少的CPU时间片。



四、libuv

1.libuv简价

libuv 是一个使用C语言编写的多平台支持库,专注于异步 I/O。 它主要是为 Node.js 使用而开发的,但 Luvit、Julia、uvloop 等也使用它。

功能亮点

•由 epoll、kqueue、IOCP、事件端口支持的全功能事件循环。

•异步 TCP 和 UDP 套接字

•异步 DNS 解析

•异步文件和文件系统操作

•文件系统事件

•ANSI 转义码控制的 TTY

•具有套接字共享的 IPC,使用 Unix 域套接字或命名管道 (Windows)

•子进程

•线程池

•信号处理

•高分辨率时钟

•线程和同步原语

2.libuv运行原理





int uv_run(uv_loop_t* loop, uv_run_mode mode) {...r = uv__loop_alive(loop);if (!r)uv__update_time(loop);while (r != 0 && loop->stop_flag == 0) {uv__update_time(loop);uv__run_timers(loop);ran_pending = uv__run_pending(loop);uv__run_idle(loop);uv__run_prepare(loop);...uv__io_poll(loop, timeout);uv__run_check(loop);uv__run_closing_handles(loop);...}
}
3.简单使用
static void timer_cb(uv_timer_t *handler) {printf("timer_cb exec.\r\n");
}int main(int argc, const char * argv[]) {uv_loop_t *loop = uv_default_loop();uv_timer_t *timer = (uv_timer_t*)malloc(sizeof(uv_timer_t));uv_timer_init(loop, timer);uv_timer_start(timer, timer_cb, 2000, 0);uv_run(loop, UV_RUN_DEFAULT);
}

五、QuickJS + libuv

console.log(`开始执行`);
function getName() {return new Promise((resolve, reject) => {setTimeout(() => {resolve("张三峰");}, 2000);});
}
getName().then(name => console.log(`promise name: ${name}`));





#include <stdio.h>
#include <pthread.h>
#include <stdlib.h>
#include <uv.h>
/* File generated automatically by the QuickJS compiler. */#include "quickjs-libc.h"
#include <string.h>typedef struct once_timer_data {JSValue func;JSValue this_val;JSContext *ctx;
} once_timer_data;void once_timer_cb(uv_timer_t *once_timer) {once_timer_data *data = (once_timer_data *)once_timer->data;JSContext *ctx = data->ctx;JSValue js_ret_val = JS_Call(data->ctx, data->func, data->this_val, 0, NULL);if(JS_IsError(ctx, js_ret_val) || JS_IsException(js_ret_val)) {js_std_dump_error(ctx);}JS_FreeValue(data->ctx, js_ret_val);JS_FreeValue(data->ctx, data->func);JS_FreeValue(data->ctx, data->this_val);free(data);uv_timer_stop(once_timer);free(once_timer);
}void check_cb(uv_check_t *check) {JSContext *ctx = (JSContext *)check->data;js_std_loop(ctx);
}
void idle_cb(uv_idle_t *idle) {}JSValue set_timeout(JSContext *ctx, JSValue this_val, int argc, JSValue *argv) {if(argc != 2) return JS_NULL;JSValue func_val = argv[0];JSValue delay_val = argv[1];int64_t delay = 0;int ret = JS_ToInt64(ctx, &delay, delay_val);if(ret < 0) js_std_dump_error(ctx);uv_timer_t *once_timer = (uv_timer_t *)malloc(sizeof(uv_timer_t));once_timer_data *data = (once_timer_data *)malloc(sizeof(once_timer_data));data->func = JS_DupValue(ctx, func_val);data->this_val = JS_DupValue(ctx, this_val);data->ctx = ctx;once_timer->data = data;uv_timer_init(uv_default_loop(), once_timer);uv_timer_start(once_timer, once_timer_cb, delay, 0);JSValue js_timer = JS_NewInt64(ctx, (uint64_t)once_timer);return js_timer;
}static JSContext *JS_NewCustomContext(JSRuntime *rt) {JSContext *ctx = JS_NewContextRaw(rt);if (!ctx)return NULL;JS_AddIntrinsicBaseObjects(ctx);JS_AddIntrinsicDate(ctx);JS_AddIntrinsicEval(ctx);JS_AddIntrinsicStringNormalize(ctx);JS_AddIntrinsicRegExp(ctx);JS_AddIntrinsicJSON(ctx);JS_AddIntrinsicProxy(ctx);JS_AddIntrinsicMapSet(ctx);JS_AddIntrinsicTypedArrays(ctx);JS_AddIntrinsicPromise(ctx);JS_AddIntrinsicBigInt(ctx);return ctx;
}void js_job(uv_timer_t *timer) {JSRuntime *rt = timer->data;const char *file_path = "/Volumes/Work/分享/quickjs/code/quickjs/examples/promise.js";size_t pbuf_len = 0;JSContext *ctx;js_std_set_worker_new_context_func(JS_NewCustomContext);js_std_init_handlers(rt);JS_SetModuleLoaderFunc(rt, NULL, js_module_loader, NULL);ctx = JS_NewCustomContext(rt);uv_check_t *check = (uv_check_t *)malloc(sizeof(uv_check_t));uv_check_init(uv_default_loop(), check);check->data = ctx;uv_check_start(check, check_cb);JSValue global = JS_GetGlobalObject(ctx);JSValue func_val = JS_NewCFunction(ctx, set_timeout, "setTimeout", 1);JS_SetPropertyStr(ctx, global, "setTimeout", func_val);JS_FreeValue(ctx, global);js_std_add_helpers(ctx, 0, NULL);js_init_module_os(ctx, "test");const uint8_t *code = js_load_file(ctx, &pbuf_len, file_path);JSValue js_ret_val = JS_Eval(ctx, (char *)code, pbuf_len, "add", JS_EVAL_TYPE_MODULE);if(JS_IsError(ctx, js_ret_val) || JS_IsException(js_ret_val)) {js_std_dump_error(ctx);}js_std_free_handlers(rt);JS_FreeContext(ctx);}int main(int argc, char **argv) {JSRuntime *rt = JS_NewRuntime();uv_loop_t *loop = uv_default_loop();uv_timer_t *timer = (uv_timer_t*)malloc(sizeof(uv_timer_t));timer->data = rt;uv_timer_init(loop, timer);uv_timer_start(timer, js_job, 0, 0);uv_idle_t *idle = (uv_idle_t *)malloc(sizeof(uv_idle_t));uv_idle_init(loop, idle);uv_idle_start(idle, idle_cb);uv_run(loop, UV_RUN_DEFAULT);JS_FreeRuntime(rt);return 0;
}



作者:京东零售客服研发 游小彬

来源:京东零售技术 转载请注明来源

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

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Netty权威指南——基础篇2(NIO编程)

1 概述 与Socket类和ServerSocket&#xff0c;NIO也提供了SocketChannel和ServerSocketChannel两种不同的套接字通道实现。这两种新增的通道都支持阻塞和非阻塞两种模式。阻塞模式使用简单&#xff0c;但性能和可靠性都不好&#xff0c;非阻塞模式则正好相反。一般来说&#xf…

康复训练day2——2024牛客寒假集训营6

一道很好的构造题&#xff0c;受益匪浅。 链接&#xff1a;F-命运的抉择_2024牛客寒假算法基础集训营6 (nowcoder.com)​​​​​​ 题意&#xff1a; 题解 &#xff08;并查集 思维&#xff09;&#xff1a; 首先将存在1的情况特判掉&#xff0c;我们的数组的元素都是> 2的…

告别 Axure 卡顿!国产原型设计工具,体验更流畅

原型设计工具的应用场景包括产品展示、产品需求规划和抽象到具体呈现&#xff0c;那么如何根据应用场景选择合适的原型工具呢&#xff1f;不用说&#xff0c;本文列出了常用的原型设计工具&#xff0c;看看你最想选择哪一个&#xff01; 即时设计 即时设计具有一站式原型、设…

【lv14 day10内核模块参数传递和依赖】

一、模块传参 module_param(name,type,perm);//将指定的全局变量设置成模块参数 /* name:全局变量名 type&#xff1a; 使用符号 实际类型 传参方式 bool bool insmod xxx.ko 变量名0 或 1 invbool bool insmod xxx.ko 变量名0 或 1 charp char * insmod xxx.ko 变量名“字符串…

Facebook与社交创新:数字时代的社交构建者

在当今数字化时代&#xff0c;社交媒体已经成为人们日常生活中不可或缺的一部分。而在这个庞大的社交网络中&#xff0c;Facebook作为其中的巨头之一&#xff0c;不仅扮演着连接人们的桥梁&#xff0c;更是社交创新的领导者和推动者。本文将探讨Facebook在数字时代的社交构建中…

python Matplotlib Tkinter-->最终框架一

3D雷达上位机实例(能够通过点击柱状图来展示3D雷达数据)2024.2.26 环境 python:python-3.12.0-amd64 包: matplotlib 3.8.2 pillow 10.1.0 import matplotlib.pyplot as plt from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk impor…

react useMemo 用法

1&#xff0c;useCallback 的功能完全可以由 useMemo 所取代&#xff0c;如果你想通过使用 useMemo 返回一个记忆函数也是完全可以的。 usecallback(fn,inputs)is equivalent to useMemo(()> fn, inputs). 区别是:useCallback不会执行第一个参数函数&#xff0c;而是将它返…

领先科技2024年3月5-7日第12届国际生物发酵展-宁泰橡塑

参展企业介绍 湖南宁泰橡塑有限公司&#xff08;简称“宁泰”&#xff09;位于国家 级湖南省浏阳经济技术开发区&#xff0c;距离省会城市长沙35公里&#xff0c;距离黄花国际机场18公里&#xff0c;交通便利&#xff0c;区位和地缘优势明显。宁泰是一家专业从事卫生级橡塑制品…

cmake 构建Qt存在多个子项目的应用

概述&#xff1a;一般在开发UI应用时候我们都会存在多个子项目&#xff0c;比如一个是主UI界面的项目&#xff0c;有些动态库的项目&#xff0c;主UI中用到子项目中的动态库&#xff0c;我们来看看如何利用cmake来构建这样的一个工程&#xff0c;方便我们在跨平台中开发(macos、…

安防视频监控平台EasyNVR级联视频上云管理平台EasyNVS,出现报错“i/o deadline reached”该如何解决?

上云网关管理平台EasyNVS视频综合管理系统具备汇聚与管理EasyGBS、EasyNVR等平台的能力&#xff0c;系统可以将接入的视频资源实现视频能力统一输出&#xff0c;并能进行远程可视化运维等管理功能&#xff0c;还能解决设备现场没有固定公网IP却需要在公网直播的需求。 有用户反…

golang gin单独部署vue3.0前后端分离应用

概述 因为公司最近的项目前端使用vue 3.0&#xff0c;后端api使用golang gin框架。测试通过后&#xff0c;博文记录&#xff0c;用于备忘。 步骤 npm run build&#xff0c;构建出前端项目的dist目录&#xff0c;dist目录的结构具体如下图 将dist目录复制到后端程序同级目录…

Bluesky数据采集框架-4

编写自定义计划 如在以上简单自定义中提到&#xff0c;count()和scan()的"预装配"计划是从更小的"plan stubs"构建的。我们组合和匹配"stubs"和/或"预装配"计划来构建自定义计划。 有很多计划stubs&#xff0c;因此导入整个模块并且…

低价对品牌渠道的危害

品牌价值的体现主要在价格&#xff0c;比如要与竞品体现差异&#xff0c;除了产品功能上有做出差异&#xff0c;价格上也需要设置不同的阶梯&#xff0c;但如果经销商不遵守这个体系&#xff0c;或者非授权店铺随意低价&#xff0c;对于品牌来说都是非常不好的事情&#xff0c;…

ubuntu20.04安装和使用 Maldet (Linux Malware Detect)

1、下载 Maldet sudo wget http://www.rfxn.com/downloads/maldetect-current.tar.gz 2、解压Maldet sudo tar -xvf maldetect-current.tar.gz 3、进入到Maldet目录&#xff0c;然后运行安装脚本 sudo ./install.sh 4、安装ClamAV sudo apt-get update sudo apt-get in…

【程序员英语】【美语从头学】初级篇(入门)(笔记)Lesson 16 At the Shoe Store 在鞋店

《美语从头学初级入门篇》 注意&#xff1a;被 删除线 划掉的不一定不正确&#xff0c;只是不是标准答案。 文章目录 Lesson 16 At the Shoe Store 在鞋店对话A对话B笔记会话A会话B替换 Lesson 16 At the Shoe Store 在鞋店 对话A A: Do you have these shoes in size 8? B:…

交叉编译qt到arm平台

使用pkg-config命令查看xxx包是否存在&#xff1a; pkg-config --print-errors xxx pkg-config的搜索路径可以通过环境变量PKG_CONFIG_PATH指定。需要在运行./configure 之前指定。 ./configure -release -qt-libjpeg -qt-libpng -qt-zlib -qt-pcre -xplatform linux-aarch64-…

【Git教程】(三)提交详解 —— add、commit、status、stach命令的说明,提交散列值与历史,多次提交及忽略 ~

Git教程 提交详解 1️⃣ 访问权限与时间戳2️⃣ add命令与 commit 命令3️⃣ 提交散列值4️⃣ 提交历史5️⃣ 一种特别的提交查看方法6️⃣ 同一项目的多部不同历史6.1 部分输出&#xff1a;-n6.2 格式化输出&#xff1a;--format、--oneline6.3 统计修改信息&#xff1a;--st…

yolov8学习笔记(三)添加注意力机制+源码简单了解

目录 一、前言 二、注意力机制添加 三、源码简单了解 1、YOLO类中的——私有Model类 2、在哪来初始化的网络模型 3、注释版下载 4、笔记下载 一、前言 因为我没有学过pytorch&#xff0c;所以看源码也是一头雾水&#xff0c;不过大概看懂的是yolo是对pytorch的再次封装&a…

聚集高速托盘类四向穿梭车ASRV|一车跑全仓可获得10000个货位的HEGERLS智能搬运机器人

随着国内外制造业加速转型升级&#xff0c;越来越多的企业需要进行物流智能化升级&#xff0c;但是往往受到仓库面积、高度、形状等现实条件的限制&#xff0c;以及市场不确定性因素的影响。因此&#xff0c;相对于投资传统的自动化立体库&#xff0c;企业更倾向于选择智能化、…

LeetCode刷题---平均售价

解题思路&#xff1a; 首先对Prices表和UnitsSold表进行Left join操作&#xff0c;之后按照购买日期位于定价开始和结束日期之间的条件进行过滤 按照product_id进行分组&#xff0c;对组内进行计算 将price和units的乘积进行累加&#xff0c;将units的值进行累加&#xff0c;之…