在前端js worker里使用dom并且加载jquery

四个工具:

  1. nodejs + npm
  2. npm安装的jsdom
  3. npm安装的jquery
  4. npm安装的browserify

网址:
browserify: https://browserify.org/
jsdom: https://github.com/jsdom/jsdom/

安装:

npm install -g jsdom
npm install -g jquery
npm install -g browserify

代码(main.js):

const { JSDOM } = require("jsdom");
const { window } = new JSDOM("");
const document = window.document;
let $ = require("jquery")(window);
globalThis.window = window;
globalThis.document = document;
globalThis["$"] = $;
不带jquery的 ``` const { JSDOM } = require("jsdom"); const { window } = new JSDOM(""); const document = window.document; globalThis.window = window; globalThis.document = document; ```

编译(算是?):

browserify main.js -o wdj.js

我起的名字是简写(Window Document Jquery)

让worker引入wdj.js

importScripts("wdj.js");

实际效果:
image

第一次写这么简洁的博文,原因是三天考完期末,有点累

posted @ 2022-12-29 14:12  月神的使者  阅读(249)  评论(3编辑  收藏  举报