awsome-hapi-vue-Agile-Development

前后端分别基于 vue.js 和 hapi.js 的全栈敏捷开发技术栈。https://imwalson.github.io/awsome-hapi-vue-Agile-Development/

npm 包

相关总结

• awesome-npm-packages 收集的一些非常好用的 npm package
• awesome-nodejs Delightful Node.js packages and resources
• most depended-upon packages npm 上使用最多的库
• node-daily daily article for node
• node.js node.js中文资料导航

hapi 框架及插件

• hapi框架 hapi.js后端框架主体
• inert hapi 框架的静态文件服务框架
• vision hapi 的视图模板支持库
• nes hapi 官方的 WebSocket 库
• handlebars js模板引擎 handlebars
• swig js模板引擎 swig
• catbox-mongodb hapi 框架 MongoDB 缓存 Adapter
• hapi-auth-cookie hapi 的session验证插件
• Joi 数据验证组件
• good hapi 的 服务端 log 插件
• h2o2 hapi 的 Proxy 代理插件
• hapi-method-scheduler 执行定时任务，later.js 的hapi封装插件
• boom HTTP友好的 错误提示封装
• hapi-auth-jwt2 JSON Web Tokens (JWT) 插件
• hapi-cache-buster 防止静态资源缓存插件
• bedwetter 根据 Waterline 模型自动生成 RESTful api 路由
• hapi-named-routes 允许在视图模板里通过路由的ID来调用地址
• hapi-assets 实现在开发模式或部署模式启动时调用不同的静态资源
• hapi-socketio-redis-chat-example hapi.js + Socket.io + Redis Pub/Sub 实现的 chat app

数据库操作

• mongoose mongodb ORM
• mongojs 超小型的 mongodb ORM
• bookshelf node 关系型数据库 ORM
• knex bookshelf 的底层实现
• pg-promise Promises 化的 PostgreSQL ORM
• dogwater Waterline ORM 的 hapi 封装插件
• json-sql 用 json 描述 sql 语句

SDK 封装

• alidayu-node 阿里大鱼 nodejs 版SDK
• wechat-oauth 微信公共平台 OAuth
• weixin-pay 微信支付

常用工具

• lodash 数组操作函数工具库
• underscore.string 字符串处理工具函数集
• moment 时间日期处理
• validation 前后端通用的字符串验证库
• delay 在一定的时间内延迟执行 Promise
• bluebird promise 库
• superagent 服务端 HTTP 请求库
• multiparty 表单文件上传库
• nodemailer 邮件发送
• exceljs 数据导出为 excel
• crypto MD5、sha1 等各种方式的加密库
• uuid 唯一UUID生成
• xml2js xml 转化为 json 格式
• async 异步流程控制，控制异步并发等
• asyncawait 异步转同步写法 async/await 的第三方包
• glob 文件按照正则匹配查找
• jimp 图像处理库
• useragent.js useragent 分析

全局工具

• pm2 node 项目部署工具，自带守护进程
• nodemon node 另一个项目部署工具，代码变动时自动重启服务
• nvm node 版本切换
• n node 版本切换,tj大神出品
• nrm node 镜像切换
• http-server 零配置的命令行 http 服务
• surge 静态网站免费发布到公网

vue 组件

UI组件库

• VUE优秀UI组件库合集
• element UI 饿了么前端团队出品
• muse-ui material design 风格
• iview
• vuetifyjs material design 风格,国外作品

工具资源

• awesome-vue
• 工具库总结
• axios 用来替代 vue-resource 的 HTTP 请求库

CSS 组件

技术沉淀

在多个项目实践中沉淀出的一套CSS布局类，取众多优秀UI框架所长，舍弃多余或者用不到的部分之后的结果

• f7-grid.css framework7 框架的栅格部分修改版(增加了 middle 和 large 两种规格的响应式布局，分别对应“大于等于 992px”尺寸和“大于等于 1200px”尺寸的设备)
• flex.css mobicss 框架的flexbox布局部分
• boot-grid.css bootstrap 框架的栅格部分

优秀UI框架和库

• bootstrap 无需多言
• bootswatch 为 bootstrap 更换主题
• materializecss 基于 Material Design 的现代响应式前端框架
• semantic 经典的前端UI框架，语义化良好
• purecss 轻量级的css框架
• layui 国产轻量级前端UI解决方案
• uikit 综合素质不错的一款前端框架，模块化
• alloyui 也是一款模块化的老牌ui框架，风格偏沉稳
• amazeui 国产妹子 UI，移动端优先的UI框架
• sui 淘宝团队出品的UI框架，契合淘宝的电商场景
• Material Design Lite 又一款Material Design的UI框架
• bulma 现代CSS框架，简洁美观、扁平化、模块化
• elf 一个干净，轻巧的响应式现代CSS框架，基于flex布局
• typo 一致化浏览器排版效果，构建最适合中文阅读的网页排版
• wysiwyg 对Markdown生成的网页进行优雅的排版
• animate.css 一款强大的预设css3动画库
• devices.css 纯CSS编写的手机设备Mock Up模型
• transparent textures 背景纹理生成

移动端的UI框架

• frozenui 腾讯出品
• mui 最接近原生APP体验的高性能前端框架

JS 插件

原生插件

• layer 优秀强大的web弹层组件
• sweetalert 替代系统默认的呆板弹出框吧
• cookies.js 浏览器端操作 cookies 的插件
• es6-promise.js 浏览器端使用 Promise
• bricklayer 专门用于瀑布流布局的 js 库
• remodal 简洁美观可定制的模态弹出组件
• classie 没必要为了使用JQ的选择器而引用整个JQ
• scrollup 回到顶部按钮
• WOW 给页面滚动添加动感的动画效果，依赖animate.css
• fullPage.js 全屏滚动插件
• ctajs 带过渡效果的弹出框，谷歌Material Design风格
• slideout.js Web 的触摸滑出式的侧边导航，仅4k
• shade 可视化CSS3渐变背景颜色代码生成插件
• device.js 判断设备类型
• lazysizes.js 响应式图像延迟加载JS插件
• basket.js 使用localStore实现页面缓存静态资源

JQuery插件

• scrollspy 滚动监听
• kxbdMarquee kxbdMarquee 无缝滚动通知