2018年04月_ygy211715

原创 vue2.0之axios使用方法详解

首先解释一下什么是axios。axios从功能上来说就是主要用于我们前端向后端发送请求，是基于http客户端的promise，面向浏览器和nodejs，axios作用如下浏览器端发送起XMLHttpRequests请求node端发起http请求支持promise API拦截请求和返回转化请求和返回数据取消请求自动转化json数据客户端支持抵御XSRF使用npm安装axios$ npm instal...

2018-04-26 16:37:50 444

原创 Hbuild如何打包vue2.0项目

1：首先修改config目录下的index.js文件，修改build对象下面的assetsPublicPath参数为'./'2：在命令行进入你的项目所在的文件夹，输入命令行 npm run build进行打包。（我的项目是在D盘下的desktop下的myproject下的myvue项目）。3：经过上一步你就能看到在你的项目下有一个dist文件夹4：打开Hbuilder左上角的文件->打开目录...

2018-04-26 14:57:14 2006

原创 vue项目遇到的琐碎知识点

1：methods方法中this指的就是vue对象。要使用data中的数据可直接this.XX2:v-for循环动态给img标签绑定src属性通过v-bind，比如<img v-bind:alt="item.title" v-bind:src="getImages(item.images.large)" class="pic"><template><div>..

2018-04-26 10:15:00 218

原创 vue中created钩子函数与mounted钩子函数的使用区别

1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。首先来看下官方解释，官方解释说created是在实例创建完成后呗立即调用。在这一步，实例已完成以下配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。这话的意思我觉得...

2018-04-25 16:06:35 58775 9

原创 js之事件委托

什么叫事件委托。简言之就是应该绑定给子节点的事件绑定给父元素去做。:1：事件委托原因：子节点少的时候不能凸显事件委托的必要性，但是，如果有很多子节点的时候就能凸显事件委托的重要性。在JavaScript中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，因为需要不断的与dom节点进行交互，访问dom的次数越多，引起浏览器重绘与重排的次数也就越多，就会延长整个页面的交互就绪时间，这就是...

2018-04-19 11:42:36 160

原创 layui分页使用

layui分页使用个人觉得比bootstrap使用来的复杂，这里说一下layui分页的使用方法var currPage =1;var limit =10;laypage.render({ //layui分页 elem:'page', //分页容器id count:count,//总条数 curr:currPage,//当前页 limit:limit,...

2018-04-18 16:18:08 9625

原创 layui数据表格使用方法

个人觉得layui数据表格除了渲染方法简单以外还有一大优点，就是自带分页功能，只要将page属性设置为true即可开启分页功能。这一优点给前后端人员都带来了极大的方便。 table.render({ id:'id', elem: '#collectsList',//表格挂载绑定的元素id url: "collects/getCollects", //数据接口 where: { "pr...

2018-04-18 15:22:14 6377

原创获得location参数方法

假设a,b是你要传的参数的变量名称var a;var b; var url = "./punch/clock_frm.html?a="+'你好'+'&b='+'爱你'var restData = new Object(); if ( url.indexOf( "?" ) != -1 ){ var str = url.split( "?" ); var strs=str[1].spli...

2018-04-17 17:33:51 2006

原创 layui常见弹窗使用方法

1：confim类型使用方法layui.use('layer', function(){ layer.confirm('是否立即上传卷宗信息？', { btn: ['是','否'], time: 200000, //20s后自动关闭 },function(index){ ...

2018-04-17 16:48:17 13074

原创 vue学习之父组件与子组件之间以及兄弟组件之间的通信

vue最大的优点是好维护，复用率高。其中最主要的原因就是一个页面是有很多个子组件拼接起来的，座椅哪个模块需要优化改变，只需要去修改对应的组件即可。所以，各个组件之间肯定是需要相互联系，相互通信的。现在，我们来看下父子组件之间如何相互通信。1：父组件向子组件输送数据，主要通过props属性。props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对...

2018-04-03 10:18:50 10841 1

ygy211715的博客