吴小明- - 博客园

2021年9月24日

摘要： <style> * { margin: 0; padding: 0; } .container { width: 350px; border: 1px solid red; display: flex; flex-wrap: wrap; justify-content: space-between; 阅读全文

posted @ 2021-09-24 22:26 吴小明- 阅读(211) 评论(0) 推荐(0) 编辑

getComputedStyle获取元素样式值

摘要： html： <style> .div { width: 200px; height: 200px; background-color: greenyellow; } </style> </head> <body> <div class="div">一些文字</div> <script> const 阅读全文

posted @ 2021-09-24 21:45 吴小明- 阅读(469) 评论(0) 推荐(0) 编辑

vue脚手架项目配置后端接口（mock数据）

摘要： vue.config.js： devServer: { before: function (app) { app.get('/aaa', (req, res) => { res.json({ errno: 0, data: { id: 1, name: '小明' } }) }) } } App.vu 阅读全文

posted @ 2021-09-24 20:46 吴小明- 阅读(233) 评论(0) 推荐(0) 编辑

2021年9月23日

list添加删除动画（transition-group）

摘要： <template> <div id="app"> <transition-group tag="ul" name="list"> <li v-for="(item,index) in list" :key="index">{{item}}<button @click="handleDelete(i 阅读全文

posted @ 2021-09-23 17:40 吴小明- 阅读(131) 评论(0) 推荐(0) 编辑

fast mock官网mock数据

摘要： fast mock官网地址：https://www.fastmock.site/#/projects 1、创建项目 2、添加接口 3、使用接口 <script> import axios from 'axios' export default { created() { const url = 'h 阅读全文

posted @ 2021-09-23 17:03 吴小明- 阅读(2522) 评论(0) 推荐(0) 编辑

vuex日志插件（createLogger）

摘要： store/index.js： import Vue from 'vue' import Vuex from 'vuex' import school from './school' import { createLogger } from 'vuex' import logger from 'vu 阅读全文

posted @ 2021-09-23 14:16 吴小明- 阅读(1706) 评论(0) 推荐(0) 编辑

2021年9月22日

环形进度条

摘要： ProjressCircle.vue <template> <div class="progress-circle"> <svg :width="size" :height="size" viewBox="0 0 100 100"> <circle r="50" cx="50" cy="50" fi 阅读全文

posted @ 2021-09-22 17:44 吴小明- 阅读(42) 评论(0) 推荐(0) 编辑

2021年9月12日

vue利用transition过渡动画实现轮播图

摘要： <template> <div id="app"> <ul> <li v-for="(item, index) in slideData" :key="index"> <transition> <img :src="item.img" v-if="index currentIndex" /> </t 阅读全文

posted @ 2021-09-12 21:51 吴小明- 阅读(1086) 评论(0) 推荐(0) 编辑

2021年8月29日

将数组的顺序随机打乱（洗牌函数）

摘要： export function shuffle(arr) { let _arr = arr.slice() for (let i = 0; i < _arr.length; i++) { const j = _getRandomNumber(0, i) const temp = _arr[i] _a 阅读全文

posted @ 2021-08-29 20:38 吴小明- 阅读(327) 评论(0) 推荐(0) 编辑

vue清除定时器

摘要：方法一： 1、data中定义timer变量 data() { return { timer: null } } 2、在使用定时器时将定时器赋值给timer methods: { toggleImg() { this.timer = setInterval(() => { this.currentIn 阅读全文

posted @ 2021-08-29 20:01 吴小明- 阅读(2769) 评论(0) 推荐(0) 编辑

吴小明

公告