2019年07月_兔子零-A酱

原创 vue新窗口打开

方法1:const { href } = this.$router.resolve({ name: "ArticleDetail", params: { id: 0 }});window.open(href, '_blank');//window.open(href, '_blank', 'toolbar=yes, width=900, height=700')方法2:...

2019-07-30 14:23:24 782

原创 e.target.dataset拿不到值

第一种:这个方法不能进行驼峰命名法GetAction: function (e) { var data= e.currentTarget.dataset.xxxx; console.log(data); //123}第二种这种取不到可以换第一种种试试GetAction: function (e) { var data= e.target.dataset.xx...

2019-07-30 12:36:06 1637

原创 react生命周期

生命周期的概念：每个组件的实例，从创建、到运行、直到销毁，在这个过程中，会出发一些列事件，这些事件就叫做组件的生命周期函数；React组件生命周期分为三部分：组件创建阶段：特点：一辈子只执行一次componentWillMount:render：componentDidMount:组件运行阶段：按需，根据 props 属性或 state 状态的改变，有选择性的执...

2019-07-28 23:24:43 251

原创 js合并对象

let j = { name:'布洛尼亚', age:18, gender:'女' } let o = { name1:'八重樱', age1:2000, gender1:'女' } let k = new Object(); let object = Object.assign(k,...

2019-07-25 10:24:26 82

原创 react双向数据绑定实现

import React from 'react'export default class BindEvent extends React.Component{ constructor (){ super() this.state = { msg:'呵呵呵呵呵', name:'布洛妮娅', age:22, gender:'女'...

2019-07-21 23:11:59 300

原创旋转动画

<template> <div> <div class="box"> <div class="boxChild"></div> <div class="iconfont icon-loading boxLoad "></div> </div> </...

2019-07-18 09:50:16 121

原创 vue鼠标经过动画

<template> <div class="hello"> <h1>{{ msg }}</h1> <div class="box"> <div class="boxchilde" @mouseenter="flag=true" @mouseleave="flag=false"> ...

2019-07-16 19:46:23 1941

原创 host

2019-07-16 16:31:46 284

原创 axios封装

先建立 api文件夹下面建立config.jsexport default { // 全局配置baseURL baseURL:'http://www.litc.pro:9999/v1', withCredentials:true}再建立index.jsimport Vue from 'vue'import axios from 'axios'import c...

2019-07-13 12:58:02 718

原创 npm

我们从最基本的开始,学习最常见的npm快捷方式从长远来将会节省很多时间。安装 — 常规：npm install，简写：npm i。测试 — 常规：npm test，简写：npm t。帮助 — 常规：npm --help，简写：npm -h。全局标志 — 常规：--global，简写：-g。保存为开发依赖 - 常规： - save-dev，简写：-D。...

2019-07-04 09:35:35 139

原创 PromiseAll并发使用

let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('success')})//let p3 = Promse.reject('失败')Promise.all([p1, p2]).th...

2019-07-03 09:34:46 3564

兔子零