zjs117118-优快云博客

原创 Vue Antd RangePicker限制选择时间段为一个月

Vue Antd RangePicker限制选择时间段范围1个月效果图参考文章：https://blog.youkuaiyun.com/qq_39186346/article/details/107687502

2022-07-08 16:08:31 4068

原创 JS判断时间多久之前，刚刚 n分钟前 n小时前……

function friendlyFormatTime(stringTime) { let str = stringTime; //将字符串转换成时间格式 let timePublish = new Date(str); let timeNow = new Date(); let minute = 1000 * 60; let hour = minute * 60; let day = hour * 24; let month = day * 30; l

2021-12-22 17:41:08 982

原创 vue-antd a-tree默认展开第一个子节点

vue-antd a-tree默认展开第一个子节点百度上找了很多都没找到想要的，最后在官网上找到了，和大家分享一下主要是这个参数defaultExpandedKeys<a-tree v-if="treeData.length>0" //先判断一下，目的是数据源中有数据了再渲染tree控件 :tree-data="treeData" 、、数据源 :defaultExpandedKeys="[treeData[0].key]" //根据上图的key值绑定 :blockNod

2021-04-12 11:32:50 5912 4

原创 vue 局部区域禁止鼠标操作

局部区域禁止鼠标操作pointer-events: none;cursor: default;

2021-04-11 15:50:49 780

转载一文带你清楚的认识Promise

本文转载于吕大豹大佬的文章原文链接：https://www.cnblogs.com/lvdabao/p/es6-promise-1.html作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Pr.

2021-02-26 14:58:14 170

原创解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题

解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题新建一个ele.js文件//ele.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = func

2021-02-26 10:45:54 194

转载类、原型和继承

js类和继承JS设计模式类、原型和继承ES5中类的继承类（构造函数）构造函数的名字通常用作类名，构造函数是类的公有标识// Person类function Person(name) { // 实例属性 this.name = name // 实例方法 this.getName = function() { return this.name }}// 类创建的对象叫类的实例对象var person = new Person('ziyi2')类的实例对象都有一

2021-02-22 14:37:42 288

原创 uniapp阻止事件冒泡

uniapp阻止事件冒泡在uniapp项目中，经常会遇到父元素有一个点击事件，其子元素也有一个点击事件，但我们只想触发子元素事件，可是父元素也跟着触发了。我们这时需要给子元素加上阻止事件冒泡就行了<view @click="myParent()">//子元素方法 <view @click.stop="mySon()"></view></view>...

2021-02-01 16:59:29 15792 1

原创 js日期时间转换为时间戳

js日期时间转换为时间戳核心代码就一两行var date = new Date()var time =Date.parse(date);confirmtimeend(time){ //获取时间 let endtimeend = time.year+'-' + time.month+'-' + time.day+' ' + time.hour+':' + time.minute+':' + time.second //Date.pars()精确到秒 date.getTime(); 精确到毫

2021-01-27 15:49:54 414

原创 uniapp点击预览单张或多张图片

uniapp点击预览单张或多张图片 //点击预览图片（单张） previewImg(previewImg){ let _this = this; let imgsArray = []; //根据api拼接 imgsArray[0] = 'http://47.114.50.248/fc/'+previewImg.ftpUrl+previewImg.ftpName uni.previewImage({ current: 0, urls

2021-01-22 17:43:32 1144

原创 css修改滚动条样式

修改滚动条样式div{ //宽高定死 width: 300px; height: 300px; overflow: auto;//内容超出会显示滚动条}div::-webkit-scrollbar{ width: 2px; height: 10px;}div::-webkit-scrollbar-track{ background: #17639800; border-radius: 2px;}div::-webkit-scrollbar-thumb{ ba

2021-01-12 09:33:55 128

原创解决element-ui数字输入框的问题

解决element-ui数字输入框的问题在项目中我们经常会用数字输入框，但element-ui输入框type为number时会出现上下箭头，看起来并不美观那么我们应该怎么去掉这个呢？在style里放入以下代码就可解决代码如下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type="number"] { -moz-appearan

2020-08-31 15:57:16 3405

是的啊