GithubHelp home page GithubHelp logo

solocao / awsome-hapi-vue-agile-development Goto Github PK

View Code? Open in Web Editor NEW

This project forked from imwalson/awsome-hapi-vue-agile-development

0.0 2.0 0.0 18 KB

基于hapi.js和vue.js的全栈敏捷开发工具总结

Home Page: https://imwalson.github.io/awsome-hapi-vue-Agile-Development/

CSS 100.00%

awsome-hapi-vue-agile-development's Introduction

awsome-hapi-vue-Agile-Development

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


npm 包

相关总结

hapi 框架及插件

数据库操作

SDK 封装

常用工具

全局工具

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

vue 组件

UI组件库

工具资源


CSS 组件

技术沉淀

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

  • f7-grid.css framework7 框架的栅格部分修改版(增加了 middlelarge 两种规格的响应式布局,分别对应“大于等于 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插件

awsome-hapi-vue-agile-development's People

Contributors

imwalson avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.