首页 > 编程札记 > 编程

qxVm js补环境框架

阅读：评论：0

qxVm js补环境框架

qxVm补环境框架简介

个人微信 y2783693683
微信公众号: y小白的笔记(js补环境框架)
git:
基于 node16, vm2模块, 纯js设计一个补环境框架
目前的设计思路以及实现的方式,检测点相对来说是比较少的
因为是前期版本, 所以并没有加入动态dom解析
内部使用弱引用, 不会影响内存回收问题
优化实例产生的方式

声明(必看)

(可忽略)持续更新, 看start量和赞助随心情更新
不会把同一种类型的所以api都实现,但是该有的必须有, 毕竟我做这个没有任何收益
不会在已有的基础之上添加新的api功能
框架内部的dom操作不可信(开源版本没有加入dom解析), 需要重写(详情见/z_working/rs4.js)
推荐vscode插件Code Runner 右键运行
工作代码在z_working目录, 有两个demo, 入口文件格式为**Vm.js结尾

2023-08-18更新

封装浏览器事件得主动调用函数lwVm.callListener(只实现load, 以及鼠标事件, 其他同理, 自己去实现)
注意, 不用的事件参数对应不同的原型, 实现之前需要先去浏览器测试明白
完善浏览器事件对需要得参数, 具体使用方式看 demoEventVm.js, demoEvent.js
增加一些常用方法封装导出, 便于对框架内部得状态做更新
增加给event实例添加isTrusted属性得功能函数protectAddIsTrusted
增加自定义log得功能函数logAddMyLog
增加开启nodeServer功能封装, 便于在某些情况加开放api, 具体使用方式看 demoServerVm.js, demoServer.js

2023-07-26更新

添加完善的日志功能, 替代之前的debugger功能, 使得调试更加舒服
新增QXVM_GENERATE.help 方法, 打印帮助信息
添加默认导出函数 printLog (runConfig.logOpen=true), 一键导出
删除一些不必要的配置参数
为了避免一些问题, 框架内部qxVm字眼更改为 lwVm
隐藏环境代码, 更加简洁
封装事件调用函数 lw.callListener // lw.callListener("load")
字符串处理 (./qxVm_sanbox/tools/updateDbugger.py)

调用方式(z_working目录)

const QXVM_GENERATE = require('../qxVm_sanbox/qxVm.sanbox');const js_code = "function get_form (){ return '' }";  // 导出函数是一定要写的
const user_config = {  // 用户配置isTest: true,  // 是不是测试状态, 如果是, 则会固定时间戳, 随机数compress: false,  // 是否压缩js, 准对检测格式化的网站runConfig: { proxy: false, logOpen: true },  // 运行配置window_attribute: {},env: {  // 浏览器环境canvas: "",plugin: [{ description: "Portable Document Format", filename: "internal-pdf-viewer", name: "Chrome PDF Plugin", MimeTypes: [{ description: "Portable Document Format", suffixes: "pdf", type: "application/x-google-chrome-pdf" }] }],navigator: {userAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 Edg/100.0.1185.55"},location: { },document: { referrer: ""}}
}let result = QXVM_GENERATE.QXVm_sanbox(js_code, "get_form", user_config, );
console._form())