mufengdeying111的博客

原创 数组去重的几种方法

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=[].

原创 数组扁平转化

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...

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

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.

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

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

原创 本地服务器的使用

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

原创 固定悬浮css属性

固定悬浮position: sticky

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

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

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

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

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

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...

转载 npm版本降级

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

转载 二进制颜色大全

https://blog.youkuaiyun.com/shakespeare001/article/details/7816022

转载 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

原创 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

转载 vue中给对象添加属性

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

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

https://blog.youkuaiyun.com/beautifulmemory/article/details/78822122

原创 日期随月份递减

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;...

原创 日期随月份递增

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...

转载 年月日

https://blog.youkuaiyun.com/qq_39759115/article/details/78893853

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

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

转载 回车事件

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

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

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

转载 刷新当前页面的方法

https://blog.youkuaiyun.com/yangxiaodong88/article/details/81387672

转载 element中form的使用

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

转载 element中select的使用

原创 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   [创建]      ...

原创 vuex状态管理器

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

原创 vue脚手架安装

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

原创 拖拽封装

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