- 博客(13)
- 收藏
- 关注
RSS订阅原创 节流防抖等类似方法
1、先执行相关代码，后续如果触发该方法时间间隔大于timer时才执行function noticeErrorMessageFn(fn,timer){ if (window.Noticetimer) { clearTimeout(window.Noticetimer); window.Noticetimer = setTimeout(() => { window.Noticetimer = null; },timer); }else{ fn();
2021-10-12 16:53:22
91
原创 在vue中iframe模式下传参问题
在vue中，使用iframe传参父页面window.addEventListener('message', function(event) { let paramsArr = ['/home','/certificate','/login','/432','/404','/401']; let paths = event.data; if(paths && paramsArr.indexOf(paths) > -1){ if(pa
2021-10-12 14:14:03
470
原创 监听浏览器是否全屏
写在开头现在在做一个大屏，有一个控件，点击可以切换全屏，这个很好做export function fullScreenToggle(fullscreen) { let element = document.documentElement; if (fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScre
2021-10-12 14:10:17
1979
原创 解决vue-router addRoutes多次添加路由重复问题
解决vue addRoutes多次添加路由重复问题。在router.js中import Vue from 'vue'import Router from 'vue-router'const routes = [ { path: '/', redirect: '/home'}, { path: '/login', name: 'login', component: r => { require(['../components/login'], r) }, meta: { title: 'c
2020-10-20 11:16:21
7674
2
原创 css3实现酷炫的3D盒子翻转代码
css3实现酷炫的3D盒子翻转代码最近在项目中，产品经理要求要把盒子做成3d翻转的效果，也不给demo,也不给效果图，所以抽空了解了一下CSS3的3D功能，做了一个简单的demo,下次要是产品经理来就给他看demo,看是不是这个效果，同事也及时把代码备份，以后要用到呢？步骤1.先用css将6张图片摆成下图的样子2.接下来就是CSS代码了，这个是vue组件哈，如果做成html，直接把html和CSS考出来就ok了。<template> <div class="demo"&
2020-09-17 15:23:52
659
原创 element ui主动展开子节点
element ui主动展开子节点在element-ui中，想用js主动展开某个子节点，用这个方法聚可以了let node = this.$refs.tree.getNode(data.id); // 通过节点id找到对应树节点对象node.loaded = false;node.expand(); // 主动调用展开节点方法，重新查询该节点下的所有子节点如果子节点已经展开了，想要重新刷新子节点，那么只需稍微改一下就可以了let node = this.$refs.tree.getNode(d
2020-08-07 09:42:29
772
原创 Vue使用NProgress
在Vue里使用NProgress安装使用NProgress是一款顶部进度条，在加载页面时候可以显示进度。安装npm install --save nprogress yarn add nprogress使用//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => { NProgress.start()//加载开始 ne
2020-08-03 16:10:08
388
1
原创 canvas学习
画布学习自己用vue组件写的一个demo,便于以后使用时实时查看，特此留下笔记，其中图片到时自己随便从其他地方找几张就可以使用啦。效果图<template> <div> <canvas id="canvas" ref="canvas" class="canvas"></canvas> <div ...
2020-05-06 09:31:37
187
转载 FullCalendar 日历插件
使用方式, 引入相关js, css后, $(‘#div_name’).fullCalendar({//options}); 接受的是一个option对象普通属性2.1. year, month, date: 整数, 初始化加载时的日期.2.2. defaultView: 字符串类型, 默认是’month;2.2.1. 允许的views:2.2.1.1. month 一页...
2020-03-04 17:20:44
984
1
原创 Vue-cli打包将所有资源改为相对路径
Vue-cli打包将所有资源改为相对路径今天遇到一个为题，说要将vue-cli打包好的文件随便放哪里都能运行？一脸蒙逼。。。,问了一下度娘，有了思路，因为vue-cli打包后原来请求的都是绝对路径，并且所有资源除了请求都已经写好了，都是静态资源，那么只需将打包时的绝对路径改为相对路径即可。开始在vue-cli3.0后，需新增vue.config.js文件，放在package.json同级，在...
2019-12-18 10:17:09
3304
1
原创 mui h5+文档最详版
mui h5+文档最详版界面初始化H5plus初始化创建子页面打开界面参数传递控制页面load显示关闭界面底部导航切换界面自定义事件页面预加载消息框原生模式ActionSheet下拉刷新上拉加载上拉下拉整合手势遮罩滑动导航选择图片轮播自定义导航Ajax-get请求Ajax-post请求照相机访问相册蜂鸣提示音手机震动弹出菜单设备信息手机信息发送短信拨打电话发送邮件本地存储图片上传地理位置设置IOS...
2018-12-10 23:00:09
9444
2
原创 vue过渡的类名笔记
vue过渡的类名笔记v-enter【这个是一个时间点】定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to: 2.1.8版及以上 定义进入过渡的结束状...
2018-11-15 14:56:07
1889
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人