自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

yijiupingfan0914的博客

前端技术学习交流客栈

  • 博客(207)
  • 资源 (1)
  • 收藏
  • 关注

转载 git取消工作区、暂存区、本地分支、远程仓库的修改

查看状态 git status撤销工作区修改,(还没有git add )git checkout --<filename> 此指令让代码回到了和上个远程版本库一致撤销暂存区修改,(已经 git add )git reset HEAD <filename> 此指令让代码回到了工作区;撤销本地分支的修改,(已经commit )git reset -...

2019-10-09 21:59:33 238

转载 JS 将一个数组按指定长度分割,组成一个新的数组集合

原文地址:https://www.cnblogs.com/xzma/p/8309100.htmlvar arr=[1,2,3,4,8,9,2,3,4] function chunk(array, size) { //获取数组的长度,如果你传入的不是数组,那么获取到的就是undefined const length = array...

2019-08-05 22:48:48 3537

原创 bootstrap-datetimepicker 日期插件设置默认初始值为上一个月

&lt;link type="text/css" rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"&gt;&lt;script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;&amp

2019-03-08 09:51:16 14217

原创 js常用的数组方法与遍历

js常用的 数组方法1.连接数组var arr1 = [1,2,3];var arr2 = [4,5,6];var arr3 = arr1.concat(arr2);console.log(arr3); //输出 [1,2,3,4,5,6]var arr1 = [1,2,3];var arr2 = [(4,5),6];var arr3 = arr1.concat(...

2019-02-28 15:09:25 137

转载 js几种常见排序方法

下面主要是对冒泡排序、选择排序、快速排序、插入排序的js实现的回顾。1.  冒泡排序 定义: 比较相邻的前后二个数据,如果前面数据大于后面的数据,就将二个 数据交换。 这样对数组的第0个数据到N-1个数据进行一次遍历后,最大的一个数据就“沉”到数组第N-1个位置。 N=N-1,如果N不为0就重复前面二步,否则排序完成。  function bubbleSort(arr){      ...

2019-01-04 16:33:51 1502

转载 Js 的六个迭代方法(写的太赞,不得不转)

转载自:http://www.cnblogs.com/shuiyi/p/5058524.html 在《JavaScript高级程序设计》中,分门别类介绍了非常多数组方法,其中迭代方法里面有6种,这6种方法在实际项目有着非常广泛的作用。其中本人最爱用forEach和map,好用又高效,不用什么都是for循环大法。但是初学的时候往往觉得头大,这些方法都很像,到底有什么区别?趁着今天有空,我把对...

2018-12-27 14:55:54 189

转载 jquery 获取url路径参数的方法

//var type = getUrlParam("type");/*此处为调用:获取路径参数的方法*/// var currentYear = getUrlParam("currentYear");/*获取第二个参数*/ /*此方法为jquery 获取url路径参数的方法*/ function getUrlParam(name) { var reg = new R...

2018-12-19 13:20:24 4183

转载 JS表单验证--12个常用的JS表单验证

1. 长度限制&lt;form name=a onsubmit="return test()"&gt; &lt;textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符!"&gt;&lt;/textarea&gt;&lt;br /&gt; &lt;input type=

2018-10-09 11:53:28 359

转载 Javascript 总结(常用工具类的封装)

JavaScript1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice...

2018-08-01 15:08:04 171

转载 JS 实现复选框(checkbox)的全选和取消全选

看书:&lt;input type="checkbox" name="checkbox" value=1&gt;&lt;br&gt;写字:&lt;input type="checkbox" name="checkbox"value=2&gt;&lt;br&gt;打飞机:&lt;input type="checkbox" name=&q

2018-07-24 10:51:39 1333

转载 webstorm11.0.3修改时间为未来某一天安装法(webstorm 11下载安装以及破解图解)

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。1. 首先去官网下载webstorm,在百度中输入webstorm,点击搜索,选择jetbrains公司点击...

2018-06-05 15:23:30 1333

原创 获取日期前一个月的方法

//日期,jquery获取当前日期的前一个月  var latayesr = new Date().getFullYear()-1; var currentYear = new Date().getFullYear(); var currentMonth = new Date().getMonth(); var date = currentYear+'-'+currentMonth; if(cur...

2018-04-17 11:09:21 3691

原创 Thymeleaf 倒序遍历数组对象

一、倒序遍历数组对象<tdth:each="n :*{arrlist}"> <h4 type="text" th:text="*{n.message}"></h4></td><tdth:each =" i: $ {#numbers.sequence(arrlist.size()-1, 0, -1)}"><h4 type =" text" th:text =" $ {arrlist[i] .message}"&gt...

2022-04-21 20:37:01 1244

转载 vue中监听某个元素宽度发生变化后,重新加载子组件

导入npm install element-resize-detector1.可以浏览器统一导入 如放到index.html<script src="node_modules/element-resize-detector/dist/element-resize-detector.min.js"></script>2.也可以在vue中导入如在<div id='test' v-if="showComponentFlag">我要测试改变宽度</di.

2020-12-23 21:21:16 1899

转载 vue实现大文件切片上传

利用file里面的slice方法可以将文件切片,前端进行切片处理向http并发传递。等所有切片上传完成后再向服务器发送一个合并切片的请求。<input type="file" @change="onChange" ref="fileInput" />1onChange() { let self = this; let file = this.$refs.fileInput.files[0]; if (!file) return; // 这里我们将切片固定成六分,也可以固定...

2020-05-27 13:16:00 1125

转载 iView + Vue ,DatePicker选择日期后格式变成UTC处理,不能通过表单验证

问题:DatePicker组件,选择日期后格式变成UTC,例如:选择的日期是2019-03-10,得到的结果却是2019-03-10T16:00:00.000Z,页面显示是Sat Mar 09 2019 00:00:00 GMT+0800 (中国标准时间)解决:用on-change事件的返回值,给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期,是我们想要的格式,在<template>中$event是on-change的返回值,直接用简易写法(1)selDate=$e

2020-05-26 21:53:07 697

转载 iview日期控件,已选选点日期,但是通不过validate验证

<DatePicker v-model="baseForm.purchaseDate" placeholder="选择日期" type="datetime" format="yyyy-MM-dd"/>重点在于验证那块验证需要添加的一点代码purchaseDate: [{required: true, message: '日期不能为空!', trigger: 'blur',pattern: /.+/}],添加蓝色部分代码即可完美通过验证。...

2020-05-26 20:51:02 1637

转载 npm ERR! code EINTEGRITY 解决方案

报错信息: Error: sha1-HsihLT8VutOkAReGpzpIZJY2twQ= integrity checksum failed when using sha1: wanted sha1-HsihLT8VutOkAReGpzpIZJY2twQ= but got sha512-JxqSv200Y6zDh2s35x8v4GOH4L40O0BcwZAjoN1nG8LwD1dVlNPmyL54FxKji2EIz4ZFY1CMvCwghVAwccys0w== sha1-KJk60dveix2DRS..

2020-05-25 21:44:13 477

转载 echarts中自定义提示框内容

以折线图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容,这就需要用到tooltip的formatter属性的回调函数,本文将从配置代码和效果两方面来展示它的使用(柱状图的原理类似)1、默认提示框效果一:显示当前单个数据项的提示框配置代码: /** * tooltip配置项示例 */ to...

2020-04-22 17:00:13 487

转载 vue中在input输入框中使用回车键第一次进入页面的时候总会刷新页面

当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 Form标签上添加 @submit.native.prevent。在vue项目开发中,由于界面样式问题,所有的input搜索,没有按钮点击,直接用回车建代替,这样在页面中如果只有一个input输入框的话,在第一次进入页面的时候,在输入框中输入内容后按回车键,不会出现搜索的内容而是会直接...

2020-04-02 14:24:20 1911

转载 vue 中input键盘回车事件查询导致页面刷新的问题,路由多了一个问号

问题: <el-form @submit.native.prevent> <el-form-item > <el-input @keyup.enter.native="handleInputConfirm(obj)" > </el-input> </el-form-it...

2020-04-02 13:44:39 851

转载 vue中给buttion按钮添加键盘回车(enter)事件

一、第一步: 给button按钮绑定@keyup.enter<div class="btn"> <!--如果是封装过的按钮,不是原生的按钮,需要加上.native才能生效--> <Button type="primary" @click="handleAddBook" @keyup.enter.native="handleAddBook">...

2020-03-31 17:54:58 12167

原创 js递归用法

在项目中,遇到了将菜单遍历输出的场景,因菜单有二级和三级菜单,因此用到了递归,避免忘记,自己整理一下。menuEachData(arr){ for(let item of arr){ if(item.children && item.children.length > 0){ this.menuEachData(item....

2020-03-10 11:42:27 561

转载 npm install 报错(npm ERR! errno -4048,Error: EPERM: operation not permitted,)解决方法

方法1、需要删除npmrc文件。强调:不是nodejs安装目录npm模块下的那个npmrc文件而是在C:\Users\{账户}\下的.npmrc文件..方法2、或者直接用命令清理就行,控制台输入:npm cache clean --force原文地址:https://blog.csdn.net/qq_35624642/article/details/7...

2019-11-01 17:05:03 1248

原创 js日期格式的转换

var str = '2019/8/8';dateStrFaomat(str){var da =new Date(str);var y = da.getFullYear() + '年';var m = da.getMonth()+1+'月';var d = da.getDate()+'日';if (m.lenght ==1){ m = '0'+m}if(d.lengt...

2019-10-28 16:40:39 179

转载 JS字符串转换为JSON的四种方法笔记

原文链接:http://www.cnblogs.com/hgmyz/p/7451461.html1、jQuery插件支持的转换方式:示例:$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2、浏览器支持的转换方式(Firefox,chrome,opera,safari,ie...

2019-10-28 16:10:25 159

转载 vue 路由跳转四种方式 (带参数)

原文链接:https://blog.csdn.net/jiandan1127/article/details/861703361. router-link1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name /...

2019-10-24 20:48:40 264

转载 iview中input限制输入字符长度小坑

在实际需求中,往往需要限制input输入字符串长度,在iview中和h5中的input有很大区别1.在h5中input限制字符输入长度<input type="text" name="fullname" maxlength="15" />2.在iview中限制字符输入长度<Input placeholder="请输入..." :maxlength="14...

2019-10-11 21:38:58 2989

原创 js用,拼接id

let ids = '';for( let item of this.targerKey){ids += item+ ','}// 去除字符串后面的逗号let reg = /,$/gi ;ids = ids.replace(reg,'');

2019-10-08 21:56:31 1063

转载 CSS实现禁用状态,样式设置以及不可点击事件的行为

原文链接:https://blog.csdn.net/weixin_43970743/article/details/88824324今天怂怂就为大家分享一篇通过css禁用状态,样式设置以及不可点击样式事件的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随怂怂过来看看吧一:为input框添加禁用状态1、readonly表示此域的值不可修改,仅可与 type="text" ...

2019-10-08 21:38:13 3516

转载 iView表单空格验证

原文链接:https://blog.csdn.net/xianzhuo_sky/article/details/83069603iView表单组件使用async-validator验证器对表单域中数据进行验证,给Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。 完整的验证规则请参照开源项目 async-validator。 验证方...

2019-10-08 21:33:32 516

转载 iview中input限制输入字符长度maxlength报错

在实际需求中,往往需要限制input输入字符串长度,在iview中和h5中的input有很大区别1.在h5中input限制字符输入长度<input type="text" name="fullname" maxlength="15" />2.在iview中限制字符输入长度<Input placeholder="请输入..." :maxlength=...

2019-09-19 21:39:58 1643

转载 iview中关闭模态框取消表单验证提示信息

原文链接:https://blog.csdn.net/weixin_41849462/article/details/86483858首先给模态框设置显示属性v-model,模态框中需要验证的表单取名字ref:确定与取消绑定事件最后需要对isShow进行监听,如果模态框状态发生变化,就reset...

2019-09-19 21:35:54 1791

原创 js格式化日期(字符串方法)

var str = '201909032115';function format(str){ var dateString = str.substring(0,8); var pattern = /(\d{4})(\d{2})(\d{2})/; return dateString.replace(pattern, '$1年$2月$3日')}...

2019-09-03 21:31:48 3665

转载 JS 判断上传文件是否为EXCEL 文件

<SCRIPT language="JavaScript"> function checkform(o){ var f_content = form1.file.value; var fileext=f_content.substring(f_content.lastIndexOf("."),f_content.length) file...

2019-08-26 15:44:37 2389

原创 vue +iview 上传组件(手动多文件多上传)

<template><Card style="width:100%;height:700px;"><p slot="title"><Icon type="ios-film-outline"></Icon>发布公告</p><Form :model="formItem" :label-width="8...

2019-08-25 22:43:25 2305

转载 ul 中 li 内容垂直居中和水平居中的方法

1、li内容垂直居中flex-direction 属性规定灵活项目的方向。当设置它的属性值为column时,表示灵活的项目将垂直显示,正如一个列一样。justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式,当设置其属性值为center时,表示项目位于容器的中心。这样就可以实现ul中li内容的垂直居中。代码如下:HTML部分: 1 2 ...

2019-08-09 11:10:37 19169 1

转载 在vuejs中引用iview

这里还介绍一种ui框架,有兴趣的可以也试试一、创建vue项目,这是在nodejs安装时创建项目的步骤一样# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖$ cd my-project#安装$ npm inst...

2019-08-06 15:39:26 374

转载 html 中各种鼠标手势

原文地址:https://www.cnblogs.com/sunhaoyu/p/4838826.html<html><body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto">Auto</span><br /> ...

2019-08-06 15:18:29 1736

转载 Vscode vue+iview,Eslint总是报错‘[vue/no-parsing-error] Parsing error: x-invalid-end-tag.’

原文地址:https://www.jianshu.com/p/9175d78435e5在vue+iview项目中,使用了Eslint做代码风格检查,但是在使用iview组件标签时,eslint总是会报错。[vue/no-parsing-error] Parsing error: x-invalid-end-tag。如图:报错一直以为是eslint配置出错了,在网上找了一...

2019-08-04 20:06:37 4071

练手 模仿51cto网页

模仿

2017-07-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除