Vue与后端数据交互之vue-Resource详解

单来说,vue-resource就像jQuery里的$.ajax,用来和后端交互数据的。可以放在created或者ready里面运行来获取或者更新数据...vue-resource文档:https://github.com/vuejs/vue-resource/blob/master/docs/http.md结合vue-routerdata(){    return{      toplist:[],   &nbs...

阅读全文

vue和数据库交互axios基本用法

vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的基本用法。首先就是引入axios,如果你使用es6,只需要安装axios模块之后import axios from 'axios';//安装方法npm install axios//或bower install axios当然也可以用script引入<script src="https://unpkg.c...

阅读全文

利用HBuilder将vue项目打包成移动端app

记录以下自己将webapp打包成移动端app的步骤及问题事先准备,开发完成的webapp项目(也可以利用vue-cli脚手架构建vue模板项目),npmrundev可以正常预览的项目1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath:'./'2,执行npmrunbuild之后生成dist文件夹3,打开HBuilder,文件->打开目录,如下图选择刚才生成的dist目录,输入项目名称,点击完成附HBuilder下载地址:http://ww...

阅读全文

Web页面中调用迅雷进行单文件和批量下载

Web页面中使用迅雷批量下载,这个功能资源站很适用,转载网上,方便自己以后使用一、单文件下载单文件下载已经很容易找到方法,没什么技术含量。方法一1.引入迅雷检测及调用的js文件<script src="http://pstatic.xunlei.com/js/webThunderDetect.js"></script>2.引入迅雷地址转换的js文件<script src="http://pstatic.xunlei.com/js/base64.js"><...

阅读全文

jq发送短信倒计时代码

MARK下,开发的时候用得到的。原生的短信倒计时<input type="button" id="btn" value="免费获取验证码" /><script type="text/javascript">var wait=60;function time(o) {  if (wait == 0) ...

阅读全文

Jquery中$.get()/$.post()/$.ajax()/$.getJSON()的用法总结

一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明代码如下:$.get("data.php",$("#firstName.val()"),function(data){    $(&quo...

阅读全文

Javascript的console.log()用法

Firebug&ChromeConsole控制台的一些其他功能console.log(object[,object,...])使用频率最高的一条语句:向控制台输出一条消息。支持C语言printf式的格式化输出。当然,也可以不使用格式化输出来达到同样的目的:var animal='frog', count=10;console.log("The %s jumped over %d tall buildings"...

阅读全文

七种css方式让一个容器水平垂直居中

方法一:position加margin方法二:diaplay:table-cell方法三:position加transform方法四:flex;align-items:center;justify-content:center方法五:display:flex;margin:auto方法六:纯position方法七:兼容低版本浏览器,不固定宽高总结这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总结一下。这种方法比较多,本文只总结其中的几种,以便加深印象。效果图都为这个:方法一:position加marginht...

阅读全文