前端JS插件汇总

2016-03-21

jQuery

Vue 常用组件

"js-cookie": "^2.1.2",          //操作cookie  https://github.com/js-cookie/js-cookie
"mint-ui": "^2.0.2",            //饿了么组件库 http://mint-ui.github.io/#!/zh-cn
"querystring": "^0.2.0",        //非标准字符编码  同encodeURIComponent  https://www.npmjs.com/package/querystring
"superagent-jsonp": "^0.1.1",   //jsonp的行为处理 https://www.npmjs.com/package/superagent-jsonp
"underscore": "^1.8.3",
"vue": "^2.0.0",
"vue-lazyload": "^0.8.3",       //懒加载
"vue-resource": "0.8.0",        //ajax
"vue-router": "^2.0.0",         //路由
"vue-touch": "git://github.com/vuejs/vue-touch.git#next",    //tap事件
"vuex": "^2.0.0",
"zui-scrollrow": "^1.1.0",
"zui-swipe": "^1.3.0",
"zz-jssdk": "0.0.10",
"babel-core": "^6.0.0",             //转码
"babel-loader": "^6.0.0",           //解析vue和jsx
"babel-plugin-component": "^0.4.3",
"babel-plugin-transform-runtime": "^6.0.0",   //只会对es6的语法进行转换，而不会对新api进行转换
"babel-polyfill": "^6.16.0",   //对浏览器缺失API的支持。比如浏览器可能没有Array.from() 方法。
"babel-preset-es2015": "^6.0.0",    //ES6转码规则
"babel-preset-stage-2": "^6.0.0",   //ES7不同阶段语法提案的转码规则（共有4个阶段），选的是第二阶段
"babel-runtime": "^6.0.0",      //为了减少重复代码而生的
"connect-history-api-fallback": "^1.1.0",  //匹配资源，如果不匹配就可以重定向到指定地址。(常用于 SPA 开发)
"css-loader": "^0.23.0",
"eventsource-polyfill": "^0.9.6",   //SSE http://www.runoob.com/html/html5-serversentevents.html
"express": "^4.13.3",
"extract-text-webpack-plugin": "^1.0.1", //内嵌Css打包成独立的文件 https://segmentfault.com/q/1010000004585800
"file-loader": "^0.8.4",
"fluder": "^0.1.7",    //优化Vue使用Redux
"function-bind": "^1.0.2",
"html-webpack-plugin": "^2.8.1",  //自动生成html
"http-proxy-middleware": "^0.12.0",     //代理中间件
"inject-loader": "^2.0.1",  //依赖注入的loader
"isparta-loader": "^2.0.0",     //好像是测试用的
"jasmine": "^2.5.2",
"js-cookie": "^2.1.3",
"json-format": "^0.1.2",   //node来格式化json的
"json-loader": "^0.5.4",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"lolex": "^1.4.0",      //控制定时器的时间流动
"ora": "^0.2.0",        //终端 loading样式控制
"shelljs": "^0.6.0",    //便携式node . js的Unix shell命令  优化命令用的
"superagent": "^2.3.0",     //node用的ajax
"url-loader": "^0.5.7",
"vue-hot-reload-api": "^1.2.0",
"vue-html-loader": "^1.0.0",
"vue-lazyload": "^0.8.3",
"vue-loader": "^8.5.3",
"vue-style-loader": "^1.0.0",
"webpack": "^1.12.2",
"webpack-dev-middleware": "^1.4.0",
"webpack-hot-middleware": "^2.6.0",
"webpack-merge": "^0.8.3",
"zui-scrollrow": "^1.1.0",
"zui-swipe": "^2.0.0"
"rimraf": "^2.6.1",  //用于节点的UNIX命令rm - rf
"cross-env": "^4.0.0",  // 跨平台设置环境变量
json-server  //模拟数据
"dom-to-image": "^2.6.0" // dom转image

React

1
2

Node

var http = require('http');     //内置的 http 模块提供了HTTP服务器和客户端功能
var fs = require('fs');         //内置的 path模块提供了与文件系统路径相关的功能
var path = require('path');     //内置的path模块提供了与文件系统路径相关的功能
var mime = require('mime');     //附加的 mime 模块有根据文件扩展名得出 MIME 类型的能力
var cache = {};                 //用来缓存文件内容的对象
var request = require('request');       //经过简化的HTTP客户端，可以用它获取RSS数据
var htmlparser = require('htmlparser'); // htmlparser 模块能把原始的RSS数据转换成JavaScript数据结构。
var exec = require('child_process').exec;  //获得执行的命令
var http = require('http');
var parse = require('url').parse;
var join = require('path').join;        //吧url的几部分连接起来
var fs = require('fs');
const LRU = require('lru-cache')    // vue 缓存组件用
const compression = require('compression') // 压缩成gzip
const cookieParse = require('cookie-parser')  // 解析cookie
var log4js = require('log4js');    //  日志
var root = __dirname;
var qs = require('querystring');
var obj = qs.parse(body);  //body为表单提交的数据
var args = process.argv.splice(2);    //获取命令行 node server.js 之后的参数
var argv = require('yargs').argv;     //获取命令行组件
const commander = require('commander'); // 命令行工具
const argv = require('minimist')(process.argv.slice(2));  // 格式化命令行
const latestVersion = require('latest-version');    // 拉取远程版本号，可以通过下边的semver来比较是否有更新版本
const semver = require('semver');      // 比较版本工具 
const prompt = require('prompt');      // 修饰命令行工具
const crypto = require('crypto');      // 加密算法
const opn = require('opn');         // 用于跨平台打开网站，文件等
const MFS = require('memory-fs');  // 一个简单的内存文件系统。在javascript对象中保存数据
const chalk = require('chalk'); // 工作台打印颜色修改
const download = require('download-git-repo')   //  下载git仓库文件
const inquirer = require('inquirer')    // 命令行选项操作，分步接收用户的输入
const coPrompt = require('co-prompt')    // 命令行选项操作，分步接收用户的输入
const Metalsmith = require('metalsmith');   // 获取文件顺序执行
const match = require('minimatch'); // 用来正则匹配
const multimatch = require('multimatch');  // 扩展上边那个正则匹配
const ora = require('ora'); // 终端loading
const metadata = require('read-metadata');  // 加载一个JSON或YAML元数据文件并将其作为对象返回。
const tildify = require('tildify'); // 将绝对路径转换为波浪路径
const uid = require('uid'); // 生成任意长度的惟一id
const home = require('user-home'); // 获取到用户主目录的路径
const validateName = require('validate-npm-package-name');  // 给我一个字符串，告诉你它是否是一个有效的npm包名
const async = require('async'); // 异步执行工具
const requireDir = require('require-dir');  // 将文件夹内所有文件路径以对象形式返回例如：requireDir('./dir')将返回{ a: require('./dir/a.js')}
const slash = require('slash')  // 兼容window 反斜线

Npm Script

"rimraf": "^2.6.1",             // 用于Node的UNIX命令rm -rf。
"cross-env": "^4.0.0",          // 跨平台
"better-npm-run": "^0.0.14",    // 设置windows与linux通用的启动环境
"nodemon": "^1.17.1",    // 热更新工具 https://www.cnblogs.com/chris-oil/p/6239097.html

javascript, jquery, js, react, vue

前端JS插件汇总

jQuery

1.回到顶部

2.滚动导航

3.瀑布流

4.滚动条

5.全屏滚动

6.CSS3动画插件

7.表单验证

8.调用百度地图

9.优化手机端事件

10.上下拉刷新数据

11.字体图标

12.图表展示

13.提示框

14.焦点Slider库

15.图片画廊滑动展示

16.加载进度条

17.超酷动画库

18.图片转css

19.横向滚动的焦点图片插件

20.localStore兼容插件

21.cookie插件

22.不同模块数据间通信

23.键盘键位

24.检测设备

25.分享到微博/微信等等

26.数学运算补足

27.时间

28.视差特效

29.页面滚动到可视化区域,展示动画

30.滑动轮播图

Vue 常用组件

React

Node

Npm Script