自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 数组去重的几种方法

let arr=[1,2,2,3,3,4,5,6,6,7,8,9,10,9];1.const newArr1 = arr.filter((item,index,arr) => {return arr.indexOf(item) === index};2.const newArr2 = Array.from(new Set(arr));3.const newArr3 = ()=>{ for(let i=0;i<arr.length;i++){ let a=[].

2021-07-13 16:54:29 94

原创 数组扁平转化

let arr = [ { id: 1, name: "部门1", pid: 0 }, { id: 2, name: "部门2", pid: 1 }, { id: 3, name: "部门3", pid: 1 }, { id: 4, name: "部门4", pid: 3 }, { id: 5, name: "部门5", pid: 6 } ]; const findtree = list => { let...

2021-07-13 16:06:26 108

原创 获取视频/图片的宽高和分辨率,限制上传视频

beforeUpload(file) { const url = URL.createObjectURL(file) const video = document.createElement('video') video.src = url; video.onloadedmetadata = () => { // Revoke when you don't need the url any more to release.

2021-07-08 16:33:37 560

原创 原生实现复制文本到粘贴板

<input id="input" value='text'/><button onclick={oncopy} /> function oncopy(){ constinput=document.getElementById('input'); input.select();//选中文本 document.execCommand('copy');//执行浏览器复制命令}...

2021-07-08 16:26:10 88

原创 本地服务器的使用

1: 把文件保存到本地2: 全局安装npm install http-server -g3: 进入目标目录 敲命令 http-server4: 浏览器访问地址

2021-07-06 14:54:17 178

原创 固定悬浮css属性

固定悬浮position: sticky

2020-12-24 09:46:58 177

转载 input中文输入多次触发oninput事件

oninput事件在<input>或<textarea>元素的值发生改变时触发onchange事件也是监听文本框变化后触发,不同的是oninput事件是立即(即时)触发,onchange则是在元素失去焦点时触发onchange的触发频率仅次于oninput事件使用DOM3以下三种复合事件:1、compositionstart:官方解释,触发于一段文字的输入之前,也就是在输入一段需要的文本(第一个字母开始)或语音开始输入时会触发。2、compositionupdat..

2020-05-12 15:48:24 3160 1

原创 input框上传文件,change事件被多次触发,导致上传多次

<input id='file' type='file' name='file' accept='img/*'/>使用id选择器通过off(‘change’).on('change',function(){},解绑事件,再重新绑定解决;

2020-05-11 17:32:11 1796

原创 手机号码中间四位*号代替

js将手机号中间四位变成*号方法一、利用数组splice,split,join方法var tel = 18810399133;tel = "" + tel;var ary = tel.split("");ary.splice(3,4,"****");var tel1=ary.join("");console.log(tel1);方法二、利用字符串的substr方法va...

2019-09-03 15:19:11 238

转载 npm版本降级

输入如下命令:npm install npm@4 -g@符号后面跟上要安装的版本号

2019-02-28 14:14:08 12464

转载 二进制颜色大全

https://blog.csdn.net/shakespeare001/article/details/7816022

2019-02-15 11:33:55 1865 2

转载 vue写一个带日期的时钟

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;www.jb51.net vue.js带日期星期数字时钟&lt;/title&gt;&lt;style type="text/css"&gt;html, body { he

2019-02-15 11:28:37 1028

原创 element表格根据月份增长18个月,以及合计

&lt;template&gt; &lt;div class="cbox"&gt; &lt;!--&lt;el-form :inline="true" class="demo-form-inline"&gt;--&gt; &lt;!--&lt;el-form-item&gt;--&gt; &lt;!--&lt

2019-02-01 10:55:58 327

转载 vue中给对象添加属性

https://www.jianshu.com/p/71b1807b1815 官方定义:Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上:Vue.set(vm.obj, 'e', 0)您还可以使用 vm....

2019-01-29 17:31:58 9939 1

转载 向数组中的每个对象动态追加元素属性

https://blog.csdn.net/beautifulmemory/article/details/78822122

2019-01-28 09:58:55 3136

原创 日期随月份递减

gettime() { function getMyDate(str) { str = parseInt(str); if(str != "" || str != null) { var oDate = new Date(str); var oYear = oDate.getFullYear(); var oMonth = oDate.getMonth() + 1;...

2019-01-25 16:35:53 145

原创 日期随月份递增

clisk(index,row) { function getMyDate(str) { str = parseInt(str); if(str != "" || str != null) { var oDate = new Date(str); var oYear = oDate.getFullYear(); var oMonth = oDate...

2019-01-25 16:33:45 286

转载 年月日

https://blog.csdn.net/qq_39759115/article/details/78893853

2019-01-25 16:31:36 125

原创 localstorage的使用,sessionstorage使用一样

localStorage.setItem('loginname', this.form.loginName,);//存数据 this.loaginname=localStorage.getItem('loginname').//取数据 localStorage.clear() //清楚所有数据 localStorage.removeItem('user');//清除单个数...

2019-01-15 14:47:41 138

转载 回车事件

//支持回车键 created() { let lett = this; document.onkeydown = function (e) { var key = window.event.keyCode; if (key == 13) { lett.submitForm(); } ...

2019-01-15 14:40:09 87

原创 采用自定义的方式上传文件,没有格式限制

//上传 httpRequest(option){ let file = option.file // console.log(file) let fileName = file.name if(file){ var Reader = new FileReader(); Read...

2019-01-15 14:36:26 248

转载 刷新当前页面的方法

https://blog.csdn.net/yangxiaodong88/article/details/81387672

2019-01-15 14:33:39 481

转载 element中form的使用

https://www.jianshu.com/p/8c856d61a758

2019-01-15 14:31:54 311

转载 element中select的使用

2019-01-15 14:30:08 916

原创 npm 命令总结

bable 安装:(1):npm install –g babel-cli(2):npm install  -g  cnpm --registry=https://registry.npm.taobao.org   [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul&gt;.babelrc   [创建]      ...

2018-09-11 11:41:17 624

原创 vuex状态管理器

.1 StateState是唯一的数据源,是一个数据载体。所有抽取出的变量都放其中 单一的状态树const Counter={ template : `&lt;div&gt;{{count}}&lt;/div&gt;`, computed:{ count(){ //当注册了vuex到全局时,this.$store就指向了全局的vue...

2018-09-10 21:02:08 152

原创 vue脚手架安装

  1、安装vue脚手架  (全局安装,只需一次) npm install --global vue-cli   2、项目构建 官方模版 vue init webpack my-project    (tips:代码语法检查较麻烦)   推荐  vue init webpack-simple my-project   根据提示 进行依赖安装        ...

2018-09-10 21:00:57 215

原创 拖拽封装

​​​​​​ &lt;script type="text/javascript"&gt; window.onload = function(){ var oDiv = document.getElementById("div1"); var oImg = document.getElementById("img1"); drag( oDiv); drag( o...

2018-09-10 20:30:21 109

空空如也

空空如也

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

TA关注的人

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