zoukankan      html  css  js  c++  java
  • NPM 模块恩仇录

    vue-clickoutside

    点击元素以外的东西时会触发的事件。好东西。其实可以利用全局event来判断当前点击的对象来判断也一样。但这个显然更舒服

    传送门:https://www.npmjs.com/package/vue-clickoutside

    request-promise

    request + promise的衍生版

    npm install --save request
    npm install --save request-promise

    传送门:https://github.com/request/request-promise

    should + mocha
    快速搭建测试环境,具体用法请百度和访问两者的github
    npm install should mocha --save-dev
    npm install mocha -g

    传送门:http://www.cnblogs.com/CyLee/p/6564175.html 

    anywhere

    一句话:随时随地将你的当前目录变成一个静态文件服务器的根目录。

    安装

    npm install anywhere -g

    anywhere -h localhost -p 8060

    fastclick

    // 这个插件特别常用,解决手机端 click点击延迟

    import fastclick from 'fastclick'

    fastclick.attach(document.body)

     

    v-tap 支持手机端和Pc端的点击事件

    github地址:https://github.com/MeCKodo/vue-tap

    import vueTap from 'v-tap';

    Vue.use(vueTap)

    使用方法:v-tap="{methods:change_title}" / v-tap="{ methods:open,k : item.key,i:index2}" 

    change_title (para) {
      var e = para.event;

      console.log(e);

      $(e.target).text()
    }

    process

    第三方学习地址:http://www.css88.com/archives/4548

    process模块用来与当前进程互动,可以通过全局变量process访问不必使用require命令加载

    通常会使用process.env.xxxx来存储全局配置 

    • process.env:指向当前shell的环境变量,比如process.env.NODE_ENV。
    • process.argv:当前进程的命令行参数数组。

    gulp-nodemon 和 nodemon

    官方网站:http://nodemon.io/

    github地址:https://github.com/remy/nodemon/

    简介:Nodemon 是一款非常实用的工具,用来监控你 node.js 源代码的任何变化和自动重启你的服务器。 Nodemon 是一款完美的开发工具

    作用:自动启动/重启你的node程序,开发node服务端程序必备

    安装:

    npm install -g nodemon
    
    npm install -g gulp-nodemon

     demo:

    nodemon({
        script: path.join(__dirname,'/server.js'), 
        ext: 'js',
        watch: [
          path.join(__dirname,'/dist')
        ],
        env: { 'NODE_ENV': 'production','PORT':PROD_PORT }
    })

     

    open 和 opn

    github地址:https://github.com/sindresorhus/opn

    简介:打开的网站、文件之类的可执行文件。

    安装:

    npm install open
    npm install --save opn

     demo:

    open('http://localhost:' + DEV_PORT)

    gulp-sequence

    github地址:https://github.com/teambition/gulp-sequence

    简介:gulp的任务的执行是异步的。通过该模块实现顺序执行

    作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用

    安装:

    npm install --save-dev gulp-sequence

     demo:

    gulp.task('webpack:dist',gulpSequence('set-env-prod','webpack'))

    del

    github地址:https://github.com/sindresorhus/del

    简介:删除文件

    作用:删除文件/文件夹

    安装:

    $ npm install --save del

     demo:

    del([path.join(__dirname, '/dist/*')])

    path

    第三方学习地址:http://www.jianshu.com/p/fe41ee02efc8

    简介:提供关于路径的函数

    //引用该模块
    var path = require("path");
    
    
    //路径解析,得到规范化的路径格式
    var myPath = path.normalize(__dirname + '/test/a//b//../c/utilyou.mp3');
    console.log(myPath); //windows: E:workspaceNodeJSappfs	estacutilyou.mp3
  • 相关阅读:
    navcat15 安装+激活
    页面调用百度地图但是使用了https证书之后不显示
    net core webapi 数据库连接
    asp.net core webAPI跨域问题
    本机端口(出入站)配置
    Vue页面跳转路由
    net core --- Swagger搭建(net core 3.1 版本)
    sqlserver数据库中生成随机数
    随机生成登录验证码(4位)
    定时器
  • 原文地址:https://www.cnblogs.com/CyLee/p/5864347.html
Copyright © 2011-2022 走看看