自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

IT博客技术分享

没有做不到的,只有想不到的!

  • 博客(14)
  • 资源 (10)
  • 收藏
  • 关注

原创 js数组与字符串的相互转换方法(总结)

js数组与字符串的相互转换方法1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,a...

2019-05-11 10:43:15 3752

原创 视频H5 video最佳实践

视频H5 video最佳实践video的属性<video id="video" src="video.mp4" controls = "true" poster="images.jpg" // 视频封面 preload="auto" webkit-playsinline="true" /* 这个属性是ios 10中设置可以让视频在小窗内播放...

2019-05-25 15:51:36 14043

原创 Axios源码深度剖析 - XHR篇

Axios源码深度剖析 - XHR篇# Axios源码深度剖析 - XHR篇[axios](https://github.com/axios/axios) 是一个基于 Promise 的http请求库,可以用在浏览器和node.js中,目前在github上有 42K 的star数## 分析axios - 目录- [axios项目目录结构](#axios项目目录结构)- ...

2019-05-25 15:41:45 1113

原创 js 正则判断总结

1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$2.非负整数(正整数 + 0 ): ^/d+$3.正整数: ^[0-9]*[1-9][0-9]*$4.非正整数(负整数 + 0): ^((-/d+)|(0+))$5.负整数 : ^-[0-9]*[1-9][0-9]*$6.整数...

2019-05-25 14:00:06 728

原创 vue 父子组件传值之(父组件如何触发子组件中的方法,子组件调用父组件中的方法)

文章目录1.什么是组件? 2.使用组件 3.父传给子的方法 4.子传给父的方法组件1.什么是组件?组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is特性进行了扩展的原生 HTML 元素。所有的 V...

2019-05-23 13:34:59 2094

原创 iview table 点击是input(可编辑)的render函数中如何设置元素的样式(2)

本文在 iview table 点击是input(可编辑)的render函数中如何设置元素的样式(1)的基础上新增加了,当初始化为空时,点击也有input 出现 以及传值时,如何传变量;先上效果图:2个事项:①:当 input初始化为空时 ,给render 里面的div 给个高度, 点击区域时,input 就出现了 。②:传值时注意事项:这么传值就可以:thi...

2019-05-18 17:20:46 2381

原创 iview table 点击是input(可编辑)的render函数中如何设置元素的样式(1)

一、iview实现table的可编辑遇到同事请教的这个问题,没接触过iview,以为和element一样,只需要在table-column中使用作用域插槽即可,简单又方便,结果发现它居然是用reder函数进行渲染的,so,仔细琢磨一下,写了下面的demo,希望对大家有用。多说无益上 代码:<template> <div class="body"> ...

2019-05-18 17:13:10 4855

原创 基于Vue.js的iView组件库table组件内render 里面 tab 里面的单选

先上效果图:打印选中的结果:代码如下:<template> <div> <!-- 列表信息 --> <div class="listfile"> <i-table border ref="selection" :columns="columns2" ...

2019-05-17 16:53:49 849

原创 HTML中jquery控制button按钮可点击、不可点击

一、HTML中jquery控制button按钮可点击、不可点击1.首先来说button按钮不可点击1.1第一种(html代码中控制)<button id="button_id" disabled="disabled">按钮不可点击</button>1.2第二种(jquery控制)$("#button_id").attr('disabled',true...

2019-05-17 14:02:43 10110

原创 iview 里面的ip 组件封装

先上效果图:1.这样的空就按是常用的,iview上面暂时无此组件;2.需要自己去封装一下。具体代码如下:父组件代码: (test.vue)<template><div class="body"> <Form ref="formAddData" label-position="right" :label-width="120"&gt...

2019-05-13 17:08:10 811 1

原创 Vue正则验证:邮箱,手机号,身份证,IP,MAC,微信号等

Vue正则验证:邮箱,手机号,身份证,IP,MAC,微信号等1. 手机号: var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('手机号不可为空')); } else { ...

2019-05-11 16:41:15 8553

原创 iview里面的select可以多选,同时动态显示你选了几条数据

先上效果图:分析:要想让上面的显示,下面的select的选中几条的数据,只需要把下面的selcet加一个on-change事件绑定就可以。然后判断里面的length 的长度,就是你需要的结果;@on-change="get_num"get_num(data){ console.log("data",data); ...

2019-05-11 09:09:47 6463

原创 iview里面的使用draggable拖拽移动,禁止可以点击其他区域

分析:1.iview里面的使用draggable拖拽移动后会让弹层消失,文档里面:mask 是否显示遮罩层,开启 draggable 时,强制不显示 2.由此看到,iview开启 draggable 时,弹层强制不显示了,所以需要设置,不能点击其他区域,尤其是页面的按钮;解决方法:iview里面有个默认的属性:.ivu-modal-no-mask {...

2019-05-11 09:05:07 8211 2

原创 nginx环境配置Windows本地测试,测试打包后的代码

一、nginx环境配置Windows本地测试Windows版和Linux版下载地址:http://nginx.org/en/download.html本文只讲Windows系统的下载后解压到指定目录即可启动方式:1、启动:进入主目录下,双击nginx.exe2.关闭:启动任务管理器,找到Nginx,结束进程启动的步骤:方法①:点nginx.exe 右键以管理...

2019-05-10 10:21:45 1474 1

nodejs + vue3 模拟 fetchEventSouce进行sse流式请求

在GPT爆发的时候,各项目都想给自己的产品加上AI,蹭上AI的风口,因此在最近的一个需求,就想要给项目加入Ai的功能,原本要求的效果是,查询到对应的数据后,完全展示出来,也就是常规的post请求,后来这种效果遇到了一个很现实的问题:长时间的等待。我们需要在GPT返回全部数据后,前端才能接受并展示,一旦询问的时间过长,就会让用户等待很久,这时候我们需要将前端的展示效果改为想ChatGPT那样的打字机效果。

2024-07-04

vue canvas绘制信令图,动态显示标题、宽度、高度

需求: 1、 根据后端返回的数据,动态绘制出信令图 2、根据 dataStatus 返回值: 0 和 1, 判断 文字内容的颜色,0:#000,1:red 3.、根据 lineType 返回值: 0 和 1,  判断 箭头线的显示 是实线、虚线 4、根据返回的文字内容的换行符:“\r\n” 自动换行 (这步比较难,得计算高度)

2024-06-13

vue canvas绘制信令图二、

需求:根据信令图标题的每2个区域之间有无内容来给宽度,无内容区域的间隔要小一些。有内容区域的间隔大一些。

2024-06-13

Leaflet.Control.Opacity控制图层的透明度

Leaflet.Control.Opacity 组件设置一个图层或者多个图层的透明度,支持浏览器:- Chrome、- Firefox、 - Safari。 安装方法:npm install leaflet.control.opacity,main.js ```javascript // CSS import import "leaflet/dist/leaflet.css"; import "leaflet.control.opacity/dist/L.Control.Opacity.css"; import "./css/style.css"; // JS import import 'leaflet.control.opacity'; import './js/app.js'; ```

2023-08-04

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

2022-04-22

echart百度地图word.js

echart百度地图word.js

2022-02-18

echart百度地图china.js

echart百度地图china.js.

2022-02-18

echart百度地图全国所有省份的js

echart百度地图全国所有省份的js文件:如:guangdong.js,shanghai.js, shenzhen.js...................

2022-02-18

mxGraph中文文档.md

mxgraph.js中文文档是一个官方的api,翻译来源于sunflower(github: https://github.com/SunInfoFE),提供给更多的开发者参考和共享源码资源!

2021-07-07

wesocket.vue

前端websocket所有操作过程,前端如何:订阅、连接、发送协议、接收返回的message信息、关闭连接,以及页面销毁的时候怎么跟后端断开连接,暂停message一直返回的情况。

2021-07-07

mxgraph.zip

本demo是运用mxgraph.js 和node api 读取xml文件,并解析出来显示,业务上常用这个画流程图和topo状态图;主要适用于,现在的图形可视化操作

2020-06-29

mapinfo绘图工具.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

mapinfo中文版本.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

drawio.js源码

基于mxgraph.js的基础之上二次开发的,目前最强大的绘图类工具里面排名前一、二名的 draw.io 生成组态编辑器.

2020-05-26

空空如也

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

TA关注的人

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