首页 技术 正文
技术 2022年11月15日
0 收藏 829 点赞 4,581 浏览 2182 个字

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快速搭建测试环境,具体用法请百度和访问两者的githubnpm install should mocha –save-devnpm 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 nodemonnpm 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:\workspace\NodeJS\app\fs\test\a\c\utilyou.mp3
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,077
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,552
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,401
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,176
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,813
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,897