weixin_42634247-CSDN博客

原创 koa搭建一个简单的服务，方便前端简单调试接口

koa搭建一个简单的服务，方便前端简单调试接口创建空文件夹server内建一个app.js文件，内容如下：const Koa = require('koa')const app = new Koa()const KoaRouter = require('koa-router')const router = new KoaRouter();//启动路由app.use(router.routes()).use(router.allowedMethods())//1.后台接口地址与前端访问地址一

2020-09-30 15:46:55 600

原创手机端列表常用的布局

手机端列表常用的布局注意：图片实现自适应，在不同的设备上等比缩放。左右布局HTML:<h2>左右布局</h2><div class="box1"> <div class="item" v-for="item in 3" :key="item"> <div class="left"> <img src="../assets/1.jpg" alt=""> </div> <

2020-09-29 11:12:00 1130

原创 vue+vant移动端适配vw+rem

vue+vant移动端适配vw+rem在根目录下创建一个公共的js文件，主要获取设备信息。我的目录结构是：./assets/scripts/ulitsconst ulits = { checkDevice: function() { let u = navigator.userAgent; let device = ""; let deviceId = ""; if(u.indexOf('Android') > -1 ||

2020-09-24 10:44:18 550

转载 vant刷新组件和van-list实现下拉加载上拉刷新时遇到下滑列表时触发刷新方法的问题

vant刷新组件和van-list实现下拉加载上拉刷新时遇到下滑列表时触发刷新列表方法的问题！（页面下滑不到你想停留列表的位置！）vant组件里的下拉刷新组件，列表刷新区域和整个页面刷新区域无法区分，导致在执行下滑的动作时一直触发刷新的方法。参考链接: https://github.com/youzan/vant/issues/6955.在此对其中提供解决办法的热心前辈表示感谢！.van-pull-refresh { height: calc(100vh - 100px) !important;

2020-09-22 17:17:26 3833

原创 vant实现上拉加载下拉刷新的效果

一进入页面页面未出现在页面的最顶端，可能由于上个页面定位的原因导致页面内容置顶页面内容置顶 //在mounted函数中 //页面内容置顶 //chrome document.body.scrollTop=0; //firefox document.documentElement.scrollTop=0; //safari window.pageYOffset = 0;...

2020-09-14 11:21:40 622

原创实现上中下布局，要求头部和底部分别固定在上下两端，中间区域内容超出时可以滚动

实现上中下布局，要求头部和底部分别固定在上下两端，中间区域内容超出时出现滚动条HTML部分<div class="box"> <div class="header"> 我是头部区域 </div> <div class="content"> <div class="contenItem" > 我是中间部分 </div> </div> &

2020-07-19 00:28:24 579

转载从后端获取路由表，根据路由表展示权限菜单栏

参考文献：http://www.devopser.org/articles/2019/04/29/1556524856420.html从后端获取路由表，根据路由表展示菜单栏前端真实的路由表长这样import Vue from 'vue'import Router from 'vue-router'import store from '@/store'import {getUserRouters} from "../api/user"Vue.use(Router)import Layout f

2020-07-18 23:36:52 1923

原创 CSS动画大嘴巴吐豆豆

CSS动画大嘴巴吐豆豆HTML<div class="mouth"></div>style样式部分.mouth { width:200px; height:200px; margin-top:100px; border-radius: 100px 100px 100px 100px; /* background: red; */ box-shadow: 300px 0px 0px -80px

2020-07-18 20:10:59 166

weixin_42634247的博客