- 博客(356)
- 收藏
- 关注
RSS订阅
原创 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关注的人