EviWang Eviwang

## tooltip 优化.vue
<template>
  <div>

  <q-tooltip ref="tooltip"  v-for="item of 3" :key="item">

  </q-tooltip>
    <ul>
      <li style="width:100px;border:solid 1px red;" v-for="i of 20" :key="i"
      @mouseenter="enter($event,i)"
      @mouseleave="leave($event)"

## gist:9f8365403f31cd8d109aca848c55c45d
const argv = require("yargs").argv;
const env = argv.env || "development";

## 原生ajax
import {
	baseUrl
} from './env'

export default async(url = '', data = {}, type = 'GET', method = 'fetch') => {
	type = type.toUpperCase();
	url = baseUrl + url;

	if (type == 'GET') {
		let dataStr = ''; //数据拼接字符串

## photoswipe-react
参考链接：
https://github.com/dimsemenov/PhotoSwipe/issues/741

## TransitionRouter.js
import React, { Component } from "react";
import {
  HashRouter as Router,
  Link,
  Route,
  Redirect,
  Switch,
  NavLink
} from "react-router-dom";
import { CSSTransition, TransitionGroup } from "react-transition-group";

## loading效果
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <style>
      .box {
        width: 400px;

## 滚动加载
<template>
    <div class="box" ref="scrollBox" @scroll="loadMore">
        <ul>
            <li v-for="i of items" >{{i}}</li>
        </ul>
    </div>
</template>

<script>
import _ from "lodash";

## axios上传
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <div id="app">

## vue多个小球
<template>
    <div class="box">
        <transition v-for="ball of balls" name="fade" @after-enter="afterEnter" @enter="enter" @before-enter="beforeEnter">
            <div v-show="ball.isShow" class="ball" >
                <div class="inner"></div>
            </div>
        </transition>
  {{count}}
        <transition name="scroll">
          <span class="icon-dec" v-show="isScrollShow" @click="count--" >-</span>

## 抛物线小球
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <style>
      .box,
      .inner {
	<template>
	<div>

	<q-tooltip ref="tooltip" v-for="item of 3" :key="item">

	</q-tooltip>
	<ul>
	<li style="width:100px;border:solid 1px red;" v-for="i of 20" :key="i"
	@mouseenter="enter($event,i)"
	@mouseleave="leave($event)"
	const argv = require("yargs").argv;
	const env = argv.env \|\| "development";
	import {
	baseUrl
	} from './env'

	export default async(url = '', data = {}, type = 'GET', method = 'fetch') => {
	type = type.toUpperCase();
	url = baseUrl + url;

	if (type == 'GET') {
	let dataStr = ''; //数据拼接字符串
	参考链接：
	https://github.com/dimsemenov/PhotoSwipe/issues/741
	import React, { Component } from "react";
	import {
	HashRouter as Router,
	Link,
	Route,
	Redirect,
	Switch,
	NavLink
	} from "react-router-dom";
	import { CSSTransition, TransitionGroup } from "react-transition-group";
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<style>
	.box {
	width: 400px;
	<template>
	<div class="box" ref="scrollBox" @scroll="loadMore">
	<ul>
	<li v-for="i of items" >{{i}}</li>
	</ul>
	</div>
	</template>

	<script>
	import _ from "lodash";
	<template>
	<div class="box">
	<transition v-for="ball of balls" name="fade" @after-enter="afterEnter" @enter="enter" @before-enter="beforeEnter">
	<div v-show="ball.isShow" class="ball" >
	<div class="inner"></div>
	</div>
	</transition>
	{{count}}
	<transition name="scroll">
	<span class="icon-dec" v-show="isScrollShow" @click="count--" >-</span>