js
文章平均质量分 52
V1nc4nt丶
这个作者很懒,什么都没留下…
展开
-
常用正则表达式大全
文章目录一、校验数字的表达式二、校验字符的表达式特殊表达式一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(-)?\d+(.\d{1,2})?$正数、负数、和小数:^(-|+)?\d+(.\d+)?$有两位小数的正原创 2021-08-02 15:35:32 · 194 阅读 · 1 评论 -
echarts自定义map背景,以及自定义标注效果
实现思路设置DIV的背景图,为自定义彩图;绘制echarts地图,默认情况下区域颜色透明,没有边框;通过设置aspectScale(宽高比)、center(中心坐标)、zoom(缩放大小)来控制echarts和彩图的重叠效果;设置鼠标浮动到的区域效果,渐变色、背景等等。实现代码js代码const json = require('@/assets/data/guizhou.json')echarts.registerMap('贵州省', json)this.centerMapChart.原创 2020-07-01 18:10:50 · 8383 阅读 · 6 评论 -
js实现全屏切换,以及各种兼容性写法
JS 全屏在各个浏览器中的写法各不相同。标准的、无前缀的请参考MDN FullScreen API。一、FullScreen各种浏览器中的写法W3C 国际标准写法规范webkit Chrome、Safari等浏览器中的前缀写法moz 火狐浏览器中的前缀写法ms IE浏览器中的前缀写法W3Cwebkitmozms打开全屏requestFullScree...原创 2019-11-05 19:58:02 · 2476 阅读 · 5 评论 -
CSS中的单位px、em、rem、vh、vw、vmin、vmax
1、px 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。看下面例子:HTML::<body>body<div class="div1">div1 <div class="div2">div2 &l...原创 2019-10-18 21:31:21 · 1289 阅读 · 0 评论 -
js xlsx自定义样式导出
使用的技术xlsx 用于解析和编写各种电子表格。比如excel、csv、html文件xlsx-style 为xlsx库添加样式,比如字体颜色,大小,行宽等。但是只支持xlsx、xlsm、xlsb格式FileSaver.js 负责下载保存文件。对各种兼容性比较好,对跨域文件也有处理lodash js常用工具库需要注意的地方一、引入xlsx-style报错This rela...原创 2019-10-18 21:24:49 · 12870 阅读 · 0 评论 -
js树形结构操作
Array 转 树状结构实现思路按照pid分组,分组可以大大减少递归次数。。(Array分组的最好方式是用对象接收Array的项,该对象的key值就是分组凭证)按照pid和id的匹配 递归 已分组的数据。代码/** * Array转树形结构的算法 * @params list 代转化数组 * @params parentId 起始节点(默认为'0') * @param...原创 2019-07-14 09:57:40 · 6009 阅读 · 1 评论 -
js 图片压缩处理、旋转矫正
最近在处理移动端上传图片遇到一个问题:有时会出现图片翻转的问题,一般是翻转 90 度。后经一翻研究找到了问题所在,特在此记录一下。问题描述经过测试发现:webapp在iPhone手机在竖屏下拍摄图片,上传后会出现图片翻转;横屏不会出现这样的问题。部分Android手机也会出现类似的问题。原生的没有测试过。问题分析在这里必须要知道可交换图像文件格式(英语:Exchangeable ima...原创 2019-07-14 10:12:23 · 2228 阅读 · 2 评论 -
在web页面实时播放监控视频
背景因为项目需求,需要在web页面播放实时监控视频,而且是同时播放多个视频,还支持切换页面播放。监控是大华和海康 厂家的,并没有做流服务器,还是rtsp的流媒体格式,所以不能用H5的video来播放。方案一后端把rtsp转成web支持的rtmp格式,然后使用video.js(使用方法看文档)来包装处理rtmp流媒体。遇到的坑同时加载多个视频会占用大量内存,而且丢包严重,导致页面...原创 2019-07-14 10:18:48 · 45714 阅读 · 14 评论 -
html2canvas 踩坑记录 - HTML转图片
html2canvas “Screenshots with JavaScript”,把html转成canvas,也就可以转成图片。比如页面截图、生成活动海报等实用场景。在使用过程有一些坑 ,需要注意一下。在线图片跨域因为canvas中安全机制,加载图片时不允许跨域加载。解决方案配置html2canvas的参数allowTaint或者useCORS设置为true两者都可以设置跨...原创 2019-07-26 11:03:12 · 7474 阅读 · 0 评论