阅读更多

0顶
0踩

Web前端

原创新闻 Vue-rap 构建基于 Vue 的流应用

2018-03-19 09:00 by 见习记者 duohuoteng 评论(0) 有5644人浏览

      前几年前端还是 html+css+js 简单的配合,还记得那几年公司招前端要求很低,工资开的也低,前端需要学习的东西很低,一个新人(特别是刚出来的应届毕业生)只需要简单的培训下就可以快速进入公司前端的工作;

 

      这几年不同了,新的技术全部出来了Angularjs,Vue,Rect,npm,webpack,Browserify,ES5,ES6,SASS拓展,不学会这么多新的技术都不敢说自己是做前端的;为了写个简单的页面需要配置一大堆环境,环境配置就要花费一天,最后发现各自的环境还不同;前端也变得每次部署都需要向后端一样需要编译下才能发布;

 

      这几年前端是出现了很多很优秀的东西特别是 Vue和Angularjs的出现,但是也出现了为了解决一个小问题然后创造出很多新工具的现象,然后衍生出更多的小问题,然后再造工具解决.

 

      Vue-rap 就是为了解决这样的问题出现的;Vue-rap对开发环境是没有依赖的,学习简单上手快;路由0配置,项目不需要编译,在线编辑,立马看效果;支持创建流应用化的单页面应用;

 

概述

Vue-rap可以在不使用大量前端工具(如npm,webpack,Browserify等)的情况下快速构建基于Vue的秒速打开边用边下载的流应用(单页面应用);

 

下载地址: https://www.oschina.net/p/vue-rap

 

优点

  • 依赖小(只需要引用 vue 就可以了),学习成本低,上手快

  • vue-rap拥有类似 .vue 的单页面组件;

  • vue-rap拥有可以方便使用的路由系统,路由秉承约定大约配置,可以快速路由,无限拓展;

  • vue-rap拥有强大的缓存机制,应用支持秒级打开,边使用边下载,可以使用 vue-rap 构建流应用;

查看文档

DEMO

下载源码后部署项目 然后直接访问 http://域名/example/admin.html

或直接访问线上 demo http://tengzhinei.gitee.io/vue-rap/example/admin.html

 

0
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用FreeImage来进行Qt图片的读入

    1。基本知识 需要QString 向Char *转换 QString ------QByteArry ------chat* QByteArray file=fileName.toLatin1(); char *cFileName=file.data(); 2。读入图片 FREE_IMAGE_FORMAT  fif = FIF_UNKOWN; fif =FreeImage_GetFi

  • FreeImage读取图像的数据过程

    本文是在参考了summersolstice在CSDN上的《使用FreeImage写通用图像加载器》后的总结。 首先使用 FIBITMAP*CGenericPictureReaderView::GenericLoader(constchar*ptrFileName) { FREE_IMAGE_FORMATfif=FIF_...

  • FreeImage使用方法

    FreeImage使用方法 一、FreeImage 简介 FreeImage 是一款免费的、开源的、跨平台(Windows 、Linux 和Mac OS X )的,支持20 多种图像类型的(如BMP 、JPEG 、GIF 、PNG 、TIFF 等)图像处理库。其最大优点就是采用插件驱动型架构,具有快速、灵活、简单易用的特点,得到了广泛使用。相关的源码、库文件及帮助文档可以从ht

  • 使用FreeImage写通用图像加载器

    FreeImage库支持多种类型图像的特性让我有一种想法,写一个通用图像加载显示器,由于又刚好在学习MFC,于是也就抱着写着玩的心态开始了,FreeImage可以很轻松的加载各种格式的图像,但是显示这些图像又让我犯难了。MFC庞大的框架确实很头疼,但是一旦你明确目标是什么,框架也就不成其为问题。所有的主体代码都是在视类完成的。注意:使用FreeImage库前,须将FreeImage动态库Fre

  • 使用 FreeImage载入图形文件

     代码如下: /* 使用FreeImage载入图形 核动力机器人 2009.5.16*/#ifndef G_IMG_WRAPPER_H#define G_IMG_WRAPPER_H#include using std::string; namespace g{//初始化图形库选项void I

  • ibatis mysql_mysql +ibatis

    3.ibatis iterate 使用 SELECTDISTINCT(DATA_OWNER)FROM DATA_API_DETAILWHERE STATUS = 1#idList[]# mysql+ibatis 批量插入 述:相比oracle批量插入,mysql批量插入就简单的多了,mysql支持values后面跟多条数据,进行...

  • [转]ibatis +spring ,hibernate 批量操作心得

    ibatis +spring批量操作心得 http://www.blogjava.net/zp0127/default.html?page=2   程序功能: 使用ibatis+spring将oracle数据库中的tfile表中的数据抽取到db2数据库的tfile表,这两个表的结构相同。 测试环境:...

  • ibatis +spring ,hibernate 批量操作

    [转]ibatis +spring ,hibernate 批量操作   程序功能: 使用ibatis+spring将oracle数据库中的tfile表中的数据抽取到db2数据库的tfile表,这两个表的结构相同。 测试环境: celeron ...

  • MyBatis使用foreach批量插入一个含List<实体>成员变量的实体类

    MyBatis使用foreach批量插入一个实体类数据,其中这个实体类包含一个List的成员变量。 即一个student类,里面含有一个hobby的成员变量,这个hobby由于可以有很多,所以用一个list来存。这个使用的数据可能是name=...

  • java 模型驱动_使用 Design Pattern Toolkit 进行模型驱动的开发入门

    当大多数人想到模型驱动的开发时,首先出现在脑海中的是使用某种 UML 模型进行编码以及从该模型生成相应的构件。然而,事情并不总是这样的。模型存在于各种各样的地方。模型是任何驱动产生过程或行为的构件。模型...

  • FreeImage图像编程入门

    (来源:http://blog.bioon.net/user1/2484/archives/2009/233212.shtml )过去一直使用OpenGL进行图形编程,听说使用FreeImage进行图形处理非常方便,最近一段时间学习使用FreeImage进行图形编程。在http://freeimage.sourceforge.net/ 下 载了最新的FreeImage 3.12.0 [WIN32], 解压缩该FreeImage3120Win32.zip文件,将子文件夹Dist下,FreeImage

  • FreeImage的使用及 opencv读取gif

    因为要用opencv对gif进行处理,查了下,发现有个 FreeImage 的库 可以用。 FreeImage官网: http://freeimage.sourceforge.net/ 下载后,拷贝出 FreeImage.dll FreeImage.lib, FreeImage.h 这是有用的文件。很奇怪这个项目居然没有文档说明,只有一些exmaple。 直接贴代码吧,节省时间。...

  • 杭州公司java开发工程师常见面试问题

    1.离线查询去除重复项怎么加条件? dc.setResultTransformer(Criteria.DISTINCT_ROOT_ENTITY); 2. http协议及端口,smtp协议及端口 超文本传输协议 端口 80 简单邮件传输协议 端口25 3.编写程序,完成文件复制...

  • 十六、删除和批量删除

    deleteUser()方法,就是每一行数据的删除按钮所执行的,传参为用户id(主键),删除前,弹框询问,所以此处还传入了用户账号 JS代码如下: //删除用户 function deleteUser(id, loginacct){ layer.confirm...

  • r语言python print包_python : 批量下载R语言库包

    用Python批量下载DACC的MODIS数据 本人初次尝试用Python批量下载DACC的MODIS数据,记下步骤,提醒自己,数据还在下载,成功是否未知,等待结果中...... 若有大佬发现步骤有不对之处,望指出,不胜感激. 1.下载Python ... ...

  • java面试问题总结

    目录 基础篇 4 一、JDK常用的包 4 ...二、 Get和Post的区别 4 ...十、 request.getSession()、reqeust.getSession(false)和 ...ArrayList和Vector是基于数组实现的,所以查询的时候速度快,而在进行增加和删除的...

  • linux url%7b怎么转化成,shell下解码url

    shell下批量重命名svn文件的方法 shell下批量重命名svn文件的方法 目标: 将svn目录下所有文件重命名 , 原文件前缀为 ucc_ , 批量改为 xmd_ 用tree看下当前svn目录 ucc_1.c ucc_1.h ucc_ ... nginx和apache下的url ...

  • 关于SSH的经典知识

    1. 答:hibernate,通过对jdbc进行封装,对 java类和关系数据库进行mapping,实现了对关系数据库的面向对象方式的操作. 1.对JDBC访问数据库的代码做了封装,大大简化了数据访问层繁琐的重复性代码。hibernate的...

  • 关于大型网站技术演进的思考

    关于大型网站技术演进的思考(一)--存储的瓶颈(1)  前不久公司请来了位互联网界的技术大牛跟我们做了一次大型网站架构的培训,两天12个小时信息量非常大,知识的广度和难度也非常大,培训完后我很难完整理出全部...

Global site tag (gtag.js) - Google Analytics