自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 vue2.0父子组件以及非父子组件如何通信

1.父组件传递数据给子组件 父组件数据如何传递给子组件呢?可以通过props属性来实现 父组件: <parent> <child :child-msg="msg"></child&gt...

2018-10-09 10:58:10 167 0

转载 Store的用法

Store就是把它们联系到一起的对象。Store有以下职责: 维持应用的state: 提供getState( )方法获取state; 提供dispatch(action)方法更新state; 通过subscribe(listener)注册监听器; 通过subscribe(listener...

2018-10-09 10:12:56 482 0

转载 vue2.0 #$emit,$on的使用

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用,改用$emit,$on vm.$on( event, callback ) 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( e...

2018-10-09 10:05:54 280 0

转载 vue中 关于$emit的用法

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn;  例如:子组件:   ...

2018-10-09 09:51:23 193 0

原创 解决this.$router.push无法在新窗口打开

let routeData = this.$router.resolve({ path: '/reportpreview', query: { id: id } }); window.open(routeData.href, '_blank');

2018-10-09 09:46:39 1528 0

转载 小程序中webview链接跳转?参数中带有多个参数的的问题

比如有这么一个地址:'../webview/webview/?url=http://api/list?id=1'我们用wx.navigateToAPI去跳转到这么页面。问好后面的参数是传不过去的。 解决办法:先encodeURIComponent(url) 后在webview...

2018-07-24 17:27:54 1443 0

转载 微信小程序如何获取get参数

使用navigator组件或者wx.navigateTo接口跳转的页面如何获取get参数:情况一:<navigator url="/pages/detail?uid=skiny">详情</navigator>情况二:wx....

2018-07-11 18:55:04 4076 0

转载 Vue实现购物车功能

本文实例为大家分享了Vuejs购物车实现代码,供大家参考,具体内容如下html:?123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585...

2018-07-03 12:13:27 1181 0

转载 vue实现商城购物车功能

本文实例为大家分享了vue实现商城购物车功能的具体代码,供大家参考,具体内容如下首先,先上最终的效果图 效果并不是很好看,但是这不是重点。首先,我们先看下布局:?12345678910111213141516171819202122232425262728293031323334353637383...

2018-07-03 11:55:33 1863 0

转载 Vuejs实现购物车功能

开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识,现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下: (1)展示商品的名称、单价和数量; (2)商品的数量可以增加和减少; (3)购物车的总价要实时更新,即数量发生变动,总价也要相应的改变; (...

2018-07-03 11:53:08 1244 0

原创 JS格式化数字(每三位加逗号)

// 方法六function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); }

2018-07-03 11:43:03 347 0

转载 js数字的货币格式表示法(每三位一个逗号分隔)

要显示如下格式的数字,即数字的金钱表示法:小数部分保留两位小数,整数部分每隔三位使用一个“,”分隔代码如下://保留两位小数并且整数部分三位一个逗号分隔符的数字金钱标准表示法: //这里假设我们即不知道输入数字的整数位数,也不知道小数位数/*将100000转为100,000.00形式*/var d...

2018-07-03 11:39:35 627 1

转载 微信分享图标设置,以及wx.config配置

最近公司要求我做一个关于页面分享微信显示小图和描述的功能,由于之前没有做过,所以说是从零开始,看jssdk说明文档,网上搜索各种资料,甚至连三四年前的内容都搜索出来了,也试过以前的简单方法,包括在页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片,但经本人测试无法使用,后...

2018-06-27 18:14:09 717 0

转载 HTML5 FormData 方法介绍以及实现文件上传

HTML5 FormData 方法介绍以及实现文件上传2016年08月30日 20:07:47阅读数:61825XMLHttpRequest 是一个浏览器接口,通过它,我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交...

2018-06-27 12:45:24 102 0

转载 js中,“\”转义字符的使用

(1)针对双引号“”的使用:html= "<a href=\"javascript:void(0)\" onclick=\"getSubContent('" +(choices[next])[0]+ "'...

2018-06-22 11:08:45 2954 0

转载 webstorm 2017 激活破解

2017-06-15更新 之前都是使用2017.2.27的方法,版本是2017.1.1,还没提示过期,但是根据评论说这个链接已经失效了,评论也给出了个新地址:http://idea.iteblog.com/key.php 感谢 @qq_35381272 友情提供20...

2018-06-04 12:46:10 199 0

转载 vue学习17:给组件绑定原生事件

Vue.component('child', {              template: `<div>Hello world</div>`          })          var app = new Vue...

2018-05-22 12:40:01 276 0

转载 Vuex原来可以这样上手

在Mvc模式大行其道的今天,后端通过各种Mvc框架实现视图与数据模型的隔离,而前端这方面也发展迅速。vue实现了Dom与viewModel双向绑定,使其视图的更新影响模型,模型的更新影响视图,你会不会觉得这就是Mvc库呢,实则不然,因为他还差一个重要的C(也就是控制器)。以下是鄙人对Mvc的个人理...

2018-05-22 12:38:33 94 0

转载 vue项目学习:18-使用keepalive优化网页

在整个页面里,有个问题性能是不好的,那就是每当路由发生变化的时候,ajax都会被重新请求。有没有办法可以解决呢?当然有:但是这样会有一个问题:就是当我的城市列表页点击城市发生改变的时候,因为路由的页面从内存中获取,不在加载ajax,那么是有问题的。vue中如何解决这问题呢?其实在keepalive...

2018-05-22 12:30:18 849 0

转载 vue学习19:使用插槽

子组件中,显示一段内容,这一段内容不是子组件决定的,而是由父组件决定的。[html] view plain copy <div id="app">          <bcontent>              &...

2018-05-22 11:50:46 94 0

转载 vue学习16:参数校验和非props属性

1、参数校验参数校验就是子组件对接受父组件传递的参数进行校验。具体如下警告如下:vue.js:597 [Vue warn]: Invalid prop: type check failed for prop "content". Expected String, got Num...

2018-05-22 11:49:19 673 0

转载 vue学习15:父子组件传值

1、父组件向子组件传值翻译如下:避免直接对道具进行修改,因为每当父组件重新呈现时,该值将被覆盖。相反,使用基于该道具的值的数据或计算属性。也就是说,你不能直接在自组件里面去修改接收到的值,因为这样会导致其他组件的使用有问题,你应该在这个组件里面去改变属于它自己的数据或者属性。怎么写呢?代码如下:[...

2018-05-22 11:45:44 576 0

转载 vue学习18:非父子组件间的传值(bus/总线/发布订阅者模式/观擦者模式)

这里我比较疑惑的是为什么点击的时候,会console.log两次这是因为点击的时候。这个组件的方法被触发,因为上面的两个组件都是这个子组件,都会执行这个方法。console的是当前点击的content。所以第一个child和第二个child 都会执行该方法,console出来点击的组件的conte...

2018-05-22 11:44:18 54 0

转载 vue学习2:vue实现一个简单的todoList功能

这一节学到了v-for,v-model,v-on:click也就是@click,具体如下图:实现效果如下:

2018-05-22 11:39:35 89 0

转载 vue项目学习:9-vue中axios的使用

首先:[html] view plain copy npm install axios --save  然后在home.vue中发送ajax请求,因为在homevue中只需要发送一次请求,就可以获取到数据分发个各子组件。下面是转发请求的接口值得注意的是,当你的配置文件发生改变的时候,一定要重启服务...

2018-05-22 11:38:24 58 0

转载 vue-axios整合使用

惯例先安装axios,不多说!cnpm install axios11.axios配置 我的目录结构src/axios/index.js,axios配置都在该文件下src/axios/index.js 如下:import axios from 'axios' import qs...

2018-05-22 11:35:56 136 0

转载 使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题

1. 新建vue项目1.1 新建项目新建项目vue init webpack axios_resource然后具体设置如下设置项目名称,项目描述,作者,Runtime + Compiler 回车即可注意这里要安装vue-router和ESLint然后Setup unit tests with Ka...

2018-05-21 15:33:23 557 1

转载 Vue 动态Axios配置

推荐使用Vue-cli工具来创建和管理项目,就算刚开始不熟悉,用着用着便可知晓其中的奥妙。前一段时间官方所推荐的数据请求插件还是Vue-resource,但现在已经变了,变成了Axios推荐使用Vue-cli工具来创建和管理项目,就算刚开始不熟悉,用着用着便可知晓其中的奥妙。前一段时间官方所推荐的...

2018-05-21 15:31:13 1050 0

转载 vue2+vuex+axios

github:https://github.com/HaixinZhao/Vue在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。整个的流程是在组件的created中提交dispat...

2018-05-21 15:30:14 846 0

转载 VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址

我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。因此,我们有必要想办法解决这个问题。本文是 Vue2+Vu...

2018-05-21 15:29:05 939 0

转载 VUEJS实战教程第一章,构建基础并渲染出列表

从接口获取数据首先,无论怎么样,我们先要从接口拿到数据才能接着往下干.我们通过jquery用ajax方法把数据拿过来再说.如下代码:$(function(){ $.ajax({ type:'get', url:"http://c...

2018-05-21 15:27:49 207 0

转载 让webpack+vue-cil项目不再自动打开浏览器

让webpack+vue-cil项目不再自动打开浏览器当我们用vue-cil建立一个完整的webpack+vue的项目之后,它的设置选项还是蛮多的。比如,当我们输入npm run dev开始跑起项目之后,就会自动的打开浏览器,并把页面打开。按理说,这是一个很方便的配置。问题是,我们在调试的过程中,...

2018-05-21 15:26:50 415 0

转载 移动端常见bug汇总

前言本文是摘录整理了移动端常见的一些bug以及解决方案,第一篇,后面还会有持续的文章更新整理。点击样式闪动Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color,这个属性是用于设...

2018-05-21 15:26:09 404 0

转载 vue2.0 获取从http接口中获取数据,组件开发,路由配置

vue 2.0 从接口中获取数据<template> <div id="admins"> <h1>I am a title.</h1> &...

2018-05-21 15:25:29 8202 0

转载 Vue2+VueRouter2+Webpack+Axios 构建项目3再把内容页面渲染出来

编写 src/utils/index.js 文件直接给代码如下:export default { goodTime (str) { let now = new Date().getTime() let oldTime = new Date(str).getTime() ...

2018-05-21 15:24:24 216 0

转载 VUEJS开发规范

VUEJS开发规范基于组件化开发理解组件命名规范结构化规范注释规范编码规范基于组件化开发理解什么是组件? 组件其实就是页面组成的一部分,好比是电脑中的每一个元件(如硬盘、键盘、鼠标),它是一个具有独立的逻辑和功能或界面,同时又能根据规定的接口规则进行...

2018-05-21 14:21:36 442 0

转载 axios面试题及答案

1、axios的特点有哪些?答:一、Axios 是一个基于 promise 的 HTTP 库,支持promise所有的API二、它可以拦截请求和响应三、它可以转换请求数据和响应数据,并对响应回来的内容自动转换成 JSON类型的数据四、安全性更高,客户端支持防御 XSRF2、axios有哪些常用方法...

2018-05-17 16:54:39 8982 0

转载 vue技术分享-你可能不知道的7个秘密

一、善用watch的immediate属性这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写:created(){ this.fetchPostList() }, watch: { searchInputValue(){ ...

2018-05-17 16:53:44 721 0

转载 ES6小技巧

1- 数组去重 var arr = [1,2,3,4,3,4]; var arr2 = [...new Set(arr)];12这个时候arr2就是去重后的数组~2- 交换两个变量的值 let [x,y] = [1,2]; [y,x] = [x,y]; con...

2018-05-17 16:46:40 182 0

转载 10个最佳ES6特性

下面是10个ES6最佳特性,排名不分先后:函数参数默认值模板字符串多行字符串解构赋值对象属性简写箭头函数PromiseLet与Const类模块化1. 函数参数默认值不使用ES6为函数的参数设置默认值:function foo(height, color) { var height = he...

2018-05-17 16:44:23 43 0

提示
确定要删除当前文章?
取消 删除