zoukankan      html  css  js  c++  java
  • NodeJs中使用jQuery?

    在NodeJs中使用jQuery?

    有时候在项目中需要使用jq在node中,但是使用起来却不是那么友好,那么现在该怎么做?改写JQ插件?将JQ插件打包成npm包,再在项目中进行引用?显然这些相比较于难度都比较大。接下来介绍一种简单的方法。

    首先安装jquery以及jsdom。

    jquery:https://www.npmjs.com/package/jquery

    jsdom:https://www.npmjs.com/package/jsdom

    命令如下:

    npm install jquery
    
    npm install jsdom

    安装完成之后,在项目中引入

    const $ = require('jquery')(require("jsdom").jsdom().defaultView);

    以上代码为老版本的代码,在jsdom更新后,不可用

    新版本的使用方法为:

    const jsdom = require('jsdom');
    const {JSDOM} = jsdom;
    const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
    global.document = document;
    const window = document.defaultView;
    const $ = require('jquery')(window);

    将这些文件引入到jq所在的目录中,并且将原来jq声明的立即执行函数进行替换。

    (function($) {
    //some var //some function //dosometing

    })(jQuery);

    最终的形式类似于这样

    const jsdom = require('jsdom');
    const {JSDOM} = jsdom;
    const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
    global.document = document;
    const window = document.defaultView;
    const $ = require('jquery')(window);
    //some var
    //some function
    //dosometing


    然后可以根据node的写法,将自己的函数暴露出去。

  • 相关阅读:
    cocos2dx-lua UI编辑器的设计思路
    软件中Undo(撤回)和Redo(重做)的实现
    Cocos2d-x上适合做工具的UI库:ImGui
    静态成员
    命名空间
    类对象的初始化
    函数的重载、重写与隐藏
    类的继承关系与访问限定符
    多继承
    友元函数与友元类
  • 原文地址:https://www.cnblogs.com/DonaHero/p/10001804.html
Copyright © 2011-2022 走看看