JavaScript实践
WindyMorgan
卷不动的大龄前端小白
展开
-
使用input file选完 一次上传多个文件
选择多个文件后立即上传,不用手动触发“提交”按钮。原本项目中使用elementUI,但是不太能满足需求;选择多个文件后,elementui upload的方法都会触发多次;比如使用auto-upload,network能看到发出了多个请求;或auto-upload="false",自行定义上传方法,on-change事件也会触发多次,所以决定使用原生;如果有大佬使用elementUI做到,可以分享下或者贴下链接~~~原创 2021-07-12 14:46:24 · 3095 阅读 · 1 评论 -
javascript知识点-try/catch
var n = 1; function fun(){ try{ n++ m++ // 制造错误 return n }catch(err){ n++ return n }finally{ n++ return n } } console.log(f...原创 2020-06-08 12:42:52 · 204 阅读 · 0 评论 -
笔试题整理-原型
function Foo(){ getName = function(){alert(1)} return this}Foo.getName = function(){alert(2)}Foo.prototype.getName = function(){alert(3)}var getName = function(){alert(4)}function getName(){alert(5)}Foo.getName() //调用Foo里的getName(),弹出2ge.原创 2020-06-07 11:33:43 · 329 阅读 · 0 评论 -
JavaScript IP地址排序
var arr = [ {'name': 'a', 'Addr': '192.168.0.0'}, {'name': 'b', 'Addr': '192.168.10.0'}, {'name': 'c', 'Addr': '192.168.8.0'}, {'name': 'd', 'Addr': '192.168.0.3'}, {'name': 'e...原创 2020-01-07 10:37:25 · 814 阅读 · 0 评论 -
elementUI中select的使用,select框中出现数字
首先附上官网例子:http://element-cn.eleme.io/#/zh-CN/component/select#select-xuan-ze-qi<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options"...原创 2019-04-12 15:10:21 · 14532 阅读 · 7 评论 -
vue项目中使用vee-validate的全程心得
前言:做后台管理类项目的时候,每个页面都有大量的输入框需要校验, 并且各个页面还有相同的字段需要校验,比如有好几个页面需要输入用户名、密码等等,这在前端至少都要校验格式,又不想多写一句代码,所以...根据大佬们的博客和自己的实践总结了一篇。目录1.安装2.使用步骤(1)创建一个js文件,例如:validator.js,将验证的代码都放在这个js文件中;(2)...原创 2019-04-12 14:28:03 · 6221 阅读 · 7 评论 -
修改单选框,复选框默认样式 input[type='radio'] input[type="checkbox"]
由于业务需求,本样式中修改的单选框和复选框的样式是一样的。效果图: 复选框 单选框 1.标签<!--复选框标签--><ul class="format"&...原创 2018-08-24 18:55:00 · 4025 阅读 · 0 评论 -
自定义range样式 input[type=range]
效果图样式: IE下 其他浏览器 说明:IE下"滑块"的高度最高和"滑动条"一致,所以和其他浏览器的效果不一样。/*清除原有样式*/input[type=range]...原创 2018-08-24 18:27:29 · 2590 阅读 · 7 评论 -
vue中封装webSocket
在vue项目中,每个组件里使用webSocket比较简单,但是webSocket的使用是在整个项目中的时候呢,我们就需要封装成一个公共的文件;1.新建一个 socket.js 文件var websock = null;var global_callback = null;var serverPort = '5000'; //webSocket连接端口function get...原创 2018-08-22 12:07:16 · 39217 阅读 · 73 评论 -
js实现 鼠标绘制两个不相交的矩形
一、效果图二、功能说明1.检测、屏蔽、删除三个按钮页面上检测或者屏蔽框只能绘制一个点击检测才可以绘制检测区域,点击屏蔽即绘制屏蔽区域,点击删除即删除当前选中的框;三、代码<!DOCTYPE HTML><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"原创 2018-06-01 19:54:30 · 430 阅读 · 0 评论