苗雪松的博客

原创 ES6环境搭建（适合小白阅读）

博客初衷：       自己最近在研究es6，准备创建开发环境，在网上一查，网上说的都是大神写的，不是很详细，有可能有些小白可能完全看不懂，在此我记录一下我的开发经过。在所有的浏览器里，只有谷歌浏览器可以兼容es6语法，然而其他浏览器都得通过babel进行转换为es5进行解析。下面我具体阐述环境搭建流程。搭建步骤：1.新建两个文件夹，dist文件夹和src文件夹。2.在文件夹的同级...

原创 vue定时器执行ajax

updated(){ this.$nextTick(() => { let timer = setTimeout(() => { this.getOrder() clearTimeout(timer) },10000);})},

原创 加载动画

<style> .firstChangeLoading ul { display: flex; align-items: center; justify-content: center; opacity: 1; height: 100%; width: 100%; position: absolut...

转载 vue开发 - transition之页面切换过渡动画

h5页面在内嵌在app里使用，页面切换时体验不太友好，可以使用transition设置动画，页面前进和后退时保持和原生客户端一样的切换效果：1、在路由里设置，meta的index的值，通过index值的大小控制页面跳转层级顺序，如下：首页 => 产品 => 详情export default new Router({ routes: [ { ...

原创 ES6字符串拼接小demo

<template> <div class="hello"> <span @click="rescue">接受</span> </div></template><script>export default { name: 'HelloWorl

原创 beforeRouteEnter的使用方法

beforeRouteEnter(to, from, next) { next(vm => { if (from.name == 'NewIndex' || from.name == 'OrderConfirm') { vm.show_pay = true; return; } else { vm.show_pa...

原创 实现一个自定义的小键盘 平果手机弹出系统输入法后 页面会被顶起来 一些需要点击的按钮因为位置不对 会失效 然后自己自己写了一个小键盘

<template> <div class="keyboard"> <ul> <li v-for="(item, index) in list" :key="index" @touchstart="click(index)" :class=&qu

原创 this

原创 后台返回一个数组，但是缺少一个图片元素，需要循环添加三个图片，实现代码

this.giftList = resp.result;console.log(this.giftList);返回如下：返回的原来是没有icon的，是处理之后的var arr2 = []for (let index = 0; index < this.giftList.length; index++) {let item = this.giftList[index]if ((in...

转载 动态组件Tab切换

.radio-group>span {cursor: pointer;display: inline-block;font-size: 16px;text-align: center;width: 100%;}.cur {color: #000;background-color: #fff;}

原创 数组去重

1字符串数组去重2对象数组id一致就显示新的对象，去除旧对象3严格对象数组去重

原创 参数改变，跳转页面数据不刷新的解决办法

Vue用router.push（传参）跳转页面，参数改变，跳转页面数据不刷新的解决办法watch: {'$route' (to, from) { this.$router.go(0); }}用这段代码来监视路由变化。。...

原创 扩展运算符和rest运算符

当不确定有几个变量时，就可以用扩展运算符。

原创 for循环不执行的小坑

最近在做小项目的时候，遇到这么一个小坑，上代码；我遍历的时候这一段代码老是不运行，我仔细想了想，因为项目的一些初始数组，像商品列表，好友列表，都是空的，如果数组为空的话，那么for循环就无法执行了，那么我们就不要让他为空，所以在他之前先判断一下，数组长度是不是为0，或者说数组是不是为空，如果数组为空，我们先给他push一个元素就可以解决了。...

原创 GIT的使用方法（详细）

1百度搜索git，然后找到适合自己电脑版本的git软件下载下来，安装的时候一路next即可，安装完成后，进入自己的安装目录，把git bash.exe发送到桌面快捷方式，如果你桌面上已经有了，那么也就不需要操作这一步了。2.进入git版本仓库官网https://github.com/去注册一个账号，要记得自己的用户名和邮箱。2首先Git是分布式版本控制系统，所以需要填写用户名和邮箱作为一个标识...

转载 MYsql8.012版本详细安装配置

一.安装1.从网上下载MySQL8.0.12版本，下载地址：https://dev.mysql.com/downloads/mysql/ 2. 下载完成后解压        我解压的路径是：D:\Java\mysql-8.0.12-winx643...

原创 webpack的环境配置

     许多小伙伴在学到vue时，当做单页面应同时，不可避免的会用到webpack，可是那都是命令自动帮我们做好的，如果想在自己的项目中运用的话，又该怎么做呢？     我在看了一些视频和文档后，决定自己写一篇博客来记录一下我的学习过程，方便广大博友一起学习进步。 步骤：1打开我们的命令行工具，先进入E盘，然后mkdir命令新建一个文件夹demo，在建立一个webpack_demo。...

原创 变量的解构赋值

定义：ES6允许按照一定模式，从数组和对象中取值，对变量进行赋值，这被称为解构。共有三种解构赋值方式。1.数组的解构赋值，左右两边的结构必须一致才可以解构，当数组为空时，我们可以给一个默认值，成功打印默认值：2对象解构，对象的解构方式和数组的解构方式的区别：数组解构是按照顺序来依次解构，而对象则是按照存在的key值进行解构，如果key不存在，则解构为undefided。...

原创 ES6变量声明方式

变量声明var,let,const的区别。   在es5中，声明变量都用var，es6多了两个声明方式。var声明的是全局变量，无论在哪里都能得到var声明的值。可以通过下面的代码可以看出。我的环境是我的上一篇博客的环境，小伙伴们可以对照着看一看。1.我们先来说var的声明作用域，我在我的index.js里输入这样的代码。2然后打开命令行工具，进入根目录，输入npm run b...

转载 按需引入懒加载

代码按需引入import Vue from 'vue'import VueRouter from 'vue-router'// "@"相当于".."import Detail from '../pages/goodsDetail'import Msg from '../components/message.vue' // 使用路由Vue.use(VueRouter) export...