- 博客(356)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 git安装配置
配置账户信息打开cmd或powershell,输入git config --global user.name “suimozzz” //绿色部分为GitHub用户名git config --global user.email "suimozzz@xxx.com" //这里用GitHub的注册邮箱创建本地ssh打开cmd或powershell,输入ss...
2019-01-23 10:35:22
754
转载 北邮ivi测试频道 26个高清频道 IPv4 有PC端和移动端地址
北邮ivi测试 http://ivi.bupt.edu.cn/ 有PC端和移动端,手机可以直接访问网址附提取地址方便导入机顶盒CCTV-1高清http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8CCTV-3高清http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8CCTV-5高清http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8CCTV-5+高清http://ivi.bupt.edu.cn/hls/cctv5p
2020-08-24 09:01:07
2520
转载 JS通过身份证号码获取出生年月日
getBirthdayFromIdCard : function(idCard) { var birthday = ""; if(idCard != null && idCard != ""){ if(idCard.length == 15){ birthday = "19"+idCard.substr(6,6); } else if(idCard.length == 18){ birthday = idCard.substr(6,8); }
2020-08-07 10:01:43
2200
转载 vue中keepAlive缓存的使用
在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题;一、利用meta标签1、首先在路由中的meta标签中记录keepAlive的属性为truepath: '/classify', name: 'classify', component: () => import('@/views/classify/classify.vue'),
2020-08-06 14:40:49
2387
转载 Vue中 父子传值 数据丢失问题
在Vue中,父子组件传值,子组件通过props接收父组件传递的数据父组件questionList : 传递数据参数questionsLists: 传递数据源子组件porps 接收父组件方式有俩中,一种是通过对象形式,一种是通过数组形式,通过数组形式接收多个数据时用逗号隔开即可。比如:props:[‘a’,‘b’]。需要注意的是在子组件中 接收父组件的数据参数,必须和父组件传递时的 参数一致,上图中的 questionList这种情况下会出现这么一个情况,刷新页面之后子组件接收的父组件
2020-08-05 18:10:08
1692
1
转载 js判断输入是否全是空格
使用JavaScript trim() 方法var str = " Runoob ";alert(str.trim()); // Runoob定义和用法trim() 方法用于删除字符串的头尾空格。(这个方法可以判断是否输入全是空格)trim() 方法不会改变原始字符串实例<!DOCTYPE html><html><head><meta charset="utf-8"><title></tit
2020-08-05 09:44:27
2213
转载 Js控制div滚动到指定的位置
有时候可能为了简便或者其他原因,我们用某个div放了一长串内容,想要保证内容可以滚动,但是也会有其他情况,比如需要从别的界面进入该div的时候到指定位置,那么可以采用以下方式:<div id="test_div"> 内容内容内容</div>var test_div = document.getElementById("test_div");test_div.scrollLeft = screen.width; //screen.width就是要移动的像素如果要向
2020-08-03 21:38:44
2075
转载 element-ui的滚动条组件el-scrollbar(官方没有)
<template> <div style="height:600px;"> <el-scrollbar style="height:100%"> <div style="width:700px;height:700px;border:solid;" > ....... blabla..... </div> </el-scrollbar> </div&g.
2020-08-03 21:35:58
580
2
转载 vue 自适应屏幕的宽高度
通过定义属性进行双向绑定改变body的高度,watch监测窗口大小变化时触发,改变属性值达到预期效果,代码贴上<template> <div class="bgColor" :style="'height:'+fullHeight+'px;'"> <div class="login-wrap"> <h1 class="login-title">评测管理员</h1> <div class="login-type-wrap".
2020-08-03 17:53:30
3704
转载 使用那各VUE的打印功能(print.js)出现多打印一个空白页的问题
最近这段时间,用VUE写东西,有个打印功能。百度了一下,铺天盖地的VUE打印的两种实现方法。很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴。至少这些帖子告诉我,是有两个可以选择的,并且多看几篇帖子,总算把这两个打印方法,都试了一遍。下面简单总结一下:先说结论:请使用第二种方法,下载print.js到本地,然后放到项目中导入。原因后边说。一、使用vue-print-nb方法具体的使用这里就不详细说明了,因为网上真的太多太多了。千篇一律的。在本地直接npm安装一下就好。按
2020-08-03 15:34:40
3375
8
转载 element ui设置表格表头高度和每一行的高度
填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻松控制高度,于是去百度大佬们的解决办法,也试了好几个,发现改变不了样式,快准备放弃等明天问下项目组的人的时候,看到了一篇文章:https://blog.csdn.net/u012499506/article/details/81217277(Vue修改element ui table tr th高度以及背景
2020-08-03 11:44:39
10317
5
转载 火狐浏览器滚动条的样式问题
网上查了很多关于修改火狐浏览器样式的资料,发现千篇一律,能解决问题的可以说没有。当然一番搜寻下来也不是没有收获,为了节省广大前端同学不再耗费时间在这上面,特此记录。解决了在火狐浏览器下滚动条的部分样式问题,当然有更好的解决办法欢迎留言~~~基于webkit的浏览器:/* 滚动条样式 */ ::-webkit-scrollbar{ width: 4px; height: 6px; } ::-webkit-scrollbar-thumb{ border-radius:
2020-08-03 11:43:14
1317
1
转载 关于element ui滚动条使用
element ui 自带的滚动条使用在容器的直接外层添加 (需要展现滚动条的那一级)<el-scrollbar style="height:100%"></el-scrollbar>如果注意添加样式 height:100%另外添加全局的样式body .el-scrollbar__wrap { overflow-x: hidden;}<!DOCTYPE html><html><head> <meta ch
2020-08-03 10:27:13
888
转载 vue内置组件component--通过is属性动态渲染组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"&g
2020-07-30 16:09:37
1685
转载 vue如何使用rules对form表单字段进行校验
// 更新于 2019-10-15:在实际开发过程中,发现以下的写法比较累赘,因为在后面的项目中,继续优化表单验证的方法,让代码更简洁。主要的修改是验证方法的修改和调用以前验证表单字段的最大长度,description: [{ max: 200, message: ‘最大长度为200个字符’, trigger: ‘blur’ }]现在写法:description: [validateLen(200)]其中,validateLen是我封装的一个方法。使用步骤:1、在uitls文件夹中新建一个val
2020-07-30 15:57:21
3320
转载 深入理解vue .sync修饰符
.sync是vue中用于实现简单的“双向绑定”的语法糖,在平时的开发中是非常使用的。vue的prop是单向下行绑定:父级的prop的更新会向下流动到子组件中,但是反过来不行。可是有些情况,我们需要对prop进行“双向绑定”。这个时候,就可以用.sync来解决.sync用法<text-document :title.sync="doc.title"></text-document>当子组件需要更新 title 的值时,它需要显式地触发一个更新事件:this.$emit('u
2020-07-30 15:55:35
167
转载 vue如何使用rules对表单字段进行校验
基于element-ui1、在代码中,添加属性:rules<el-form :model="form" :rules="rules" ref="form" label-width="150px"></el-form>并且,在<el-form-item>中添加prop属性,对应rules中的规则2、新开一个文件夹(validate.js)定义验证规则3、在页面(index.vue)中引入验证规则定义的文件,并在export default中定义rule规则,
2020-07-30 14:46:24
1397
转载 js实现二维数组去重
数组中包含数组,怎么去重?比如数组:[[{a:1},{a:1,b:2}],[{a:1}],[{a:1},{a:1,b:2}]]let arr = [[{a:1},{a:1,b:2}],[{a:1}],[{a:1},{a:1,b:2}]]function getUnique(array){ let obj = {} return array.filter((item, index) => { // 防止key重复 let newItem = item + JSON.stringif
2020-07-30 11:32:15
1564
转载 CSS3四个自适应关键字——fill-available、max-content、min-content、fit-conten
前面的话 一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为’fill-availabel’和’fit-content’。除此之外 ,还新增了更细粒度的’min-content’和’max-content’。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字[注意]IE浏览器不支持,webkit内核浏览器需添加-webkit-前缀fill-availablewidth:fill-available表示撑满可用空间举例来说,页面中一个元素,
2020-07-29 16:03:04
327
转载 对table的设置及打印分页
正确的引入 style: <link rel="stylesheet" type="text/css" href="mystyle.css"> 1.empty-cells: 属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)。<table cellpadding="0" cellspacing="0" style="width:25CM;BORDER-COLLAPSE: collapse; empty-cells: show" ></table>
2020-07-29 11:51:17
1526
转载 vue中更换字体,本地存储字体非引用在线字体库
1,首先把下载的字体 两种格式放到本地2,新建文件夹3,在这个文件里写4,这main.js 里引用5,在style里引用字体,结束!
2020-07-29 11:48:43
502
转载 el-autocomplete使用clearable,点击清除触发事件与重新输入值提示不显示问题
重新输入值提示不显示解决办法是设置一个ref=‘elautocomplete’,然后执行querySearch()方法的时候执行this.refs.elautocomplete.activated=true∣∣this.refs.elautocomplete.activated=true ||this.refs.elautocomplete.activated=true∣∣this.refs.elautocomplete.handleFocus()方法,解决的核心思路就是想办法把this.$refs
2020-07-29 10:49:03
3631
2
转载 elementUI el-dialog弹框居中
添加如下样式,现在这个弹框既能在视窗居中,又能在内容过多时防止弹框大小超出视窗,还能把滚动限制在body内部从而使得头和尾始终可见,再也不用滚上滚下去找各种标题和按钮了!.el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /*he
2020-07-28 15:01:07
3847
1
原创 element 设置动态表头显示
js文件/* * 动态表头配置 * @Ace* *///动态表头export const colSelect = [ { 'label':'案件名称', 'prop':'caseName', 'minWidth':150, 'align':'center' },{ 'label':'办案部门', 'prop':'name', 'align':'center', 'minWidth':120, },{ 'labe
2020-07-27 14:07:09
1071
转载 移动效果(按轨迹移动)
改写过程是需留意之处:1,点击按钮后,需注销掉所有可能存在的冒泡至document上的各类事件(click, mousedown,mouseup)以及 2 个按钮上的mousedown和mouseup事件2,因为需要直接操作dom元素,所以给元素设置了ref,或许应该使用指令来重构此应用。有时间再说吧。app.vue 代码如下:<template> <div id="app"> <input type="button" :value="val1" @clic
2020-07-24 10:36:20
494
转载 vue+elementUI表格关键字筛选高亮
代码:<template> <div class=""> <div class="top"> <!-- 筛选 --> <div class="screen"> <div style="width:30%">筛选:</div> <el-input type="search" v-model="
2020-07-23 18:15:04
543
转载 element-ui弹出组件的遮罩层在弹出层el-dialog的上面
问题:加完el-dialog后,测试发现,遮罩层在弹出层上面。解决办法:1、给el-dialog的父元素添加z-index属性,一定要比遮罩层的大z-index:2000//此为样例2、如果第一个办法还是不能解决,我们就用第二个办法。出现这个状态的原因:可以检查下我们的代码布局样式,在dialog的组件外层div我们设置了 position:absolute 属性,这个属性导致遮罩层会在最上面。解决办法:在dialog的组件内加上这段代码 :append-to-body=“true”
2020-07-23 18:14:20
5910
5
转载 js 正则表达式判断正整数
<input type="number" id="places" name="places" max="10000">//js只能输入正整数(不包括负整数和0)var places = $("#places").val();if(!(/(^[1-9]\d*$)/.test(places))){ alert("名额应为正整数"); return}
2020-07-23 18:12:31
19364
转载 用CSS实现横向滚动条
在进行app制作时,需要使用横向滚动条是内容展示更完善首先,这是html代码:这是CSS代码:要点:设置显示内容的宽white-space是防止内容自动折行overflow-y设置为hidden,否则会出现上下滚动条::-webkit-scrollbar可以设置滚动条样式,display:none,去掉滚动条...
2020-07-18 09:55:26
4507
转载 el-table-column自定义标题 换行
在标题要换行的列中添加 :render-header=“renderheader” ,要换行的文字后 加符号“-”(与方法中定义的符号一致)<el-table-column prop="" :render-header="renderheader" label="最高地价-(万元/亩)" width="90" align="right"></el-table-column>renderheader方法:renderheader(h, { column, $index
2020-07-18 09:54:18
1309
1
转载 vue中输入框事件的使用——@input、@keyup.enter、@change、@blur
一、@input(或者是v-on:input)使用:<input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:input="search" value="" />二、@keyup.enter该事件与v-on:input事件的区别在于:input事件是实时监控的,每次输入都会调用,而@keyup.enter事件则是在pc上需要点击回车键触发,而在手机上则是需要点击输入键盘上的确定键才可触发。三、@ch
2020-07-16 16:11:54
2895
转载 Vue--动态组件实现组件切换
步骤:1.新建一个tabber组件(主要是创建需要绑定点击事件的对象)1.1添加点击事件(事件函数需要传参)2.1在methods中添加事件2.在App.vue中实现切换2.1利用动态组件实现切换2.2在data中设置切换的组件名称2.3在methods中添加事件tabbe.vue<template><div id="footer"><ul><li @click="handleClick(1)">首页</li><
2020-07-16 16:09:36
1208
转载 vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
只能慢速拖动的代码:<!DOCTYPE html><html><head> <title>vue结合原生js实现拖动</title><script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script></head><body><div id="app"><div class="ctn ctn1"&g
2020-07-16 16:07:51
3658
1
转载 JS如何判断一个对象是否为空、是否有某个属性
一、js判断一个对象是否为空方法一:let obj1 = {}let obj2 = {a:1}function empty(obj){ for (let key in obj){ return false; //非空} return true; //为空}console.log(empty(obj1)) //true为空console.log(empty(obj2)) //false非空方法二:let obj1 = {}if(JSON.stringi
2020-07-16 16:02:12
896
转载 JS实现根据出生年月计算年龄
<script language=javascript> function ages(str) { var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if(r==null)return false; var d= new Date(r[1], r[3]-1, r[4]); .
2020-07-15 08:54:39
2757
原创 获取当前日期 前一天 后一天
const unit = { getNowFormatDate:()=>{//获取当前日期 const date = new Date(); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); return [year, month, day].map(formatNumber).join('-');
2020-06-30 16:05:17
1175
转载 js获取当天、前一天的日期
js获取前一天的日期:var time=(new Date).getTime()-24*60*60*1000;var yesterday=new Date(time);var month=yesterday.getMonth();var day=yesterday.getDate();yesterday=yesterday.getFullYear() + "-" + (yesterday.getMonth()> 9 ? (yesterday.getMonth() + 1) : "0" + (
2020-06-30 15:56:09
6489
转载 js获取当前时间的前一天/后一天
Date curDate = new Date();当前时间Date curDate = new Date(date);指定时间var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天
2020-06-30 15:55:17
326
转载 JS根据日期得出星期几
function getweekday(date){var weekArray = new Array(“日”, “一”, “二”, “三”, “四”, “五”, “六”);var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Datereturn week;}例如:1、获取系统时间并得出星期var week = weekArray[new Date().getDay()];2、根据给定例如var da = ‘2017-
2020-06-30 15:18:44
4142
转载 js获取当前时间,日期格式为年月日
//获取当前时间var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();if (month < 10) {month = “0” + month;}if (day < 10) {day = “0” + day;}var nowDate = year + “-” + month + “-” + day;这样控制台输
2020-06-30 15:16:14
3390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人