- 博客(18)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 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
39361
73
原创 vue中vue-dragger 九宫格拖拽
1. 官网地址vue.draggable中文文档 - itxst.comVue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件。https://www.itxst.com/vue-draggable/tutorial.html2. 思路环境：vue组件；功能：可以在九宫格中拖动各个元素；UI框架：ele
2022-03-09 14:40:13
4427
原创 使用input file选完 一次上传多个文件
选择多个文件后立即上传，不用手动触发“提交”按钮。原本项目中使用elementUI，但是不太能满足需求；选择多个文件后，elementui upload的方法都会触发多次；比如使用auto-upload，network能看到发出了多个请求；或auto-upload="false"，自行定义上传方法，on-change事件也会触发多次，所以决定使用原生；如果有大佬使用elementUI做到，可以分享下或者贴下链接~~~
2021-07-12 14:46:24
3170
1
原创 Antd RangePicker限制选择时间段为30天，动态禁用其他日期
需求说明：根据选择的时间，动态禁用范围外的时间。RangePicker时间选择框，只能选择今天及之前的时间，最多选择30天。比如：当前时间为2020-07-30，首先需要禁用2020-07-30以后的时间；选择了时间2020-05-01，需要禁用2020-05-31之后和2020-04-01之前的时间，保证最后只能选择最多31天的数据代码思路：进入页面日期选择框内默认显示最近一个月，今天以后的时间禁用；选择开始时间，动态禁用30天区间之外的时间；方法介绍：标签内容：
2020-07-30 14:24:03
12803
11
原创 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
232
原创 笔试题整理-原型
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
366
原创 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
868
原创 vue elementUI中table里数字、字母、中文混合排序问题
1.使用场景使用elementUI中的table时，给包含数字字母中文的名称等字段排序例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）2.代码解析<el-table ref="multipleTable" border tooltip-effect="...
2020-01-06 18:24:17
8306
14
原创 gitbook打包后点击链接报错(不完整)
基本操作1.查询安装的gitbook的所有版本gitbook ls2.查询gitbook的当前版本gitbook --version3.安装低版本的gitbookgitbook build --gitbook=2.6.7gitbook打包后点击链接报错原因：gitbook新版本不支持，需要切换到旧版本进行html转换步骤：1.安装指定旧版本：gitb...
2019-05-09 18:14:39
742
原创 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
14685
7
原创 vue项目中使用vee-validate的全程心得
前言：做后台管理类项目的时候，每个页面都有大量的输入框需要校验， 并且各个页面还有相同的字段需要校验，比如有好几个页面需要输入用户名、密码等等，这在前端至少都要校验格式，又不想多写一句代码，所以...根据大佬们的博客和自己的实践总结了一篇。目录1.安装2.使用步骤（1）创建一个js文件，例如：validator.js，将验证的代码都放在这个js文件中；（2）...
2019-04-12 14:28:03
6299
7
原创 点击下载文件
下面介绍的是使用 a 标签"href"：文件地址<a href="/user/test/xxxx.txt">点击下载</a>由于.txt，.png，.jpg会直接打开，所以这之类后缀的文件 需要换一种写法<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载<
2018-08-27 19:23:34
1220
原创 修改单选框，复选框默认样式 input[type='radio'] input[type="checkbox"]
由于业务需求，本样式中修改的单选框和复选框的样式是一样的。效果图： 复选框 单选框 1.标签<!--复选框标签--><ul class="format"&...
2018-08-24 18:55:00
4068
原创 自定义range样式 input[type=range]
效果图样式： IE下 其他浏览器 说明：IE下"滑块"的高度最高和"滑动条"一致，所以和其他浏览器的效果不一样。/*清除原有样式*/input[type=range]...
2018-08-24 18:27:29
2629
7
原创 js实现 鼠标绘制两个不相交的矩形
一、效果图二、功能说明1.检测、屏蔽、删除三个按钮页面上检测或者屏蔽框只能绘制一个点击检测才可以绘制检测区域，点击屏蔽即绘制屏蔽区域，点击删除即删除当前选中的框；三、代码<!DOCTYPE HTML><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"
2018-06-01 19:54:30
461
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人