首页 > 其他分享 >在前端js worker里使用dom并且加载jquery

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

时间:2022-12-29 14:22:58浏览次数:61  
标签:jquery npm const dom worker js window jsdom document

四个工具:

  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

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

标签:jquery,npm,const,dom,worker,js,window,jsdom,document
From: https://www.cnblogs.com/dffxd/p/17012382.html

相关文章

  • vue中获取dom元素的集合的length不正确的问题
    可以知道在mounted阶段,mounted 不会承诺所有的子组件也都一起被挂载,所以在此阶段,dom结构还没加载完,js就执行了。所以会打印出不正确的length属性。解决方法:1.$nextTick......
  • jQuery——选择器
    jQuery元素选择器和属性选择器允许通过标签名、属性名或内容对HTML元素进行选择。允许对HTML元素组或单个元素进行操作允许对DOM元素组或单个DOM节点进行操作元素选......
  • jQuery的使用
    1、初识jQueryjQuery是一个别人封装好的模块(类库),代码量更少的实现我们想要的功能。1)下载jQueryjQuery官网》有两个版本:一个时压缩生产版本:​​Downloadthecompressed,pro......
  • 虚假新闻检测(CANMD)《Contrastive Domain Adaptation for Early Misinformation Detect
    论文信息论文标题:ContrastiveDomainAdaptationforEarlyMisinformationDetection:ACaseStudyonCOVID-19论文作者:ZhenruiYue,HuiminZeng,ZiyiKou,LanyuS......
  • jQuery事件与动画
    什么是事件?事件是指用户对文档进行访问的一种交互行为鼠标事件click鼠标单击元素时mousemove()鼠标移入元素时mouseout()鼠标移出元素时mouseenter()鼠标......
  • jQuery选择器
    什么是jQuery选择器?能够选择使用网页上的元素,跟css选择器类似jQuery选择器的优势1.相比于JavaScript节点获取元素,更容易控制元素2.内部添加了特有的选择器。如......
  • jquery dataTable 设置固定列
    引入js<scriptsrc="https://cdn.datatables.net/fixedcolumns/4.0.2/js/dataTables.fixedColumns.min.js"></script>js代码://初始化页面,加载供应商数据dataTable......
  • 01 | JSX 代码是如何“摇身一变”成为 DOM 的?
    JSX的本质是什么JSX是JavaScript的一种语法扩展,它和模板语言很接近,但是它充分具备JavaScript的能力,JSX的本质是React.createElement这个JavaScript调用的语法糖......
  • 弹出窗口【DOM】
    方案一:(推荐)   语法:      oNewWindow=window.open([sURL][,sName][,sFeatures][,bReplace])  参数说明:      sURL   给要......
  • 省份城市二级联动【DOM+js+XML】
    功能   省份城市二级联动【js+DOM+XML】实现效果展示代码实现显示页面<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">2<html>3<head>......