2018年09月_@xiaomajia

原创 axios在vue中的应用（二）—— 表单提交上传图片

使用axios实现图片预览、图片上传等功能：methods: { // 图片预览 priviewImg(e) { // ... }, // 提交表单 sumitRefund() { let fd = new FormData(); fd.append("reason", this.refundReason...

2018-09-30 15:23:31 687

原创 CSS自定义select选择框样式（右侧下拉箭头）

如图：自定义select的箭头样式 HTML以及CSS代码如下：<select class="form_select"> <option value="0">请选择</option> <option value="1">aaaaa</option> <opti

2018-09-30 14:06:04 27468 1

原创 vue项目执行npm i 安装依赖包常见问题

目录1. Downloading https://chromedriver.storage.googleapis.com/2.41/chromedriver_window32...报错2. node-sass 安装失败: Failed at the node-sass@4.12.0 postinstall script.3... 待续1. Downloading https://c...

2018-09-17 18:22:11 16349 1

原创 axios在vue中的应用（一）—— 简单调用

目录1. 安装并引入axios1.1 使用 npm/cnpm 安装1.2 在main.js文件中引入axios2. 使用axios请求本地json文件3. 将传递的json数据转为FormData3.1 引入qs3.2 添加请求拦截器，将axios参数转化为FormData形式4. 设置请求头Axios 是一个基于 promise 的 HTTP 库，可以用在浏...

2018-09-13 15:38:50 572

原创 Vue.js（三）—— vue.js中自定义过滤器filters

目录1. 基础语法2. 多个过滤器串联3. 单个过滤器接收多个参数vue.js 中允许自定义过滤器，用于常见文本的格式化；过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (表达式用法从 2.1.0+ 开始支持)。1. 基础语法将过滤器添加在 JavaScript 表达式的尾部，由“管道”符号指示：<template> <...

2018-09-12 15:38:25 2192

原创 JS节流和防抖

目录1. JS节流和防抖的应用场合2. 未使用节流和防抖的情况3. js防抖4. js节流1. JS节流和防抖的应用场合在网页实际运行的某些场景下，有些事件时会被不间断的被触发的，如resize事件，而不像是我们想象中的，滚动一次触发一次。这种情况下，由于过于频繁地DOM操作和资源加载，严重影响了网页性能，甚至会造成浏览器崩溃。常见应用场景：（1）window的 ...

2018-09-12 11:22:54 5926 1

原创移动端调用微信和支付宝的扫一扫功能

目录1. 调用微信扫一扫功能：1.1绑定域名1.2引入JS文件1.3 通过config接口注入权限验证配置1.4 调用扫一扫2. 调用支付宝扫一扫（通过Alipay JSSDK）2.1 引入相关的js文件2.2 调用扫一扫3.调用支付宝扫一扫（通过Alipay JSAPI）1. 调用微信扫一扫功能：1.1绑定域名在微信公众平台中配置安全域名...

2018-09-05 18:14:44 13266 14

原创 Vue.js（二）—— 使用vue-router设置每个页面的title

1.引入vue-routerimport Vue from 'vue'import Router from 'vue-router'2. 在router/index.js文件中配置每个页面的title：export default new Router({ routes: [{ path: '/', name: 'homepage', componen...

2018-09-05 17:28:32 588

xiaomajia029的博客