- 博客(12)
- 收藏
- 关注
原创 echarts给多条markLine分割线添加graphic拖动功能,并实时根据dataZoom缩放而变化graphic位置
echarts的markLine添加拖动功能,并跟随dataZoom缩放实时变化
2024-04-12 15:51:09 935 1
原创 解决antd中upload上传一直有提示问题
antd框架upload上传,一般校验规则写在form表单的rules对象里,当upload上传为必填时,不上传会出现提示语,上传之后也会出现提示语。
2023-07-24 15:56:42 734
原创 浏览器播放RTSP、RTMP等几种编码格式视频流
项目需求,需要前端页面实时展示摄像头采集的视频,视频啊,之前一点没接触过,经过一番调研、尝试,不得不说,网上文章真的大同小异,踩过许多坑,整理如下。一、科普一下1.流程2.常见视频流格式● RTMP(推流端、拉流端)● RTSP(推流端)● HLS(拉流端)● FLV(拉流端)3.FLV● 原生video标签只支持Ogg、MPEG4、WebM三种格式● 默认需要安装flash插件才可以播放● bilibili开源flv.js插件可直接转码,vue项目直接使用○ 推流端视频编码必须是
2021-12-27 18:28:07 14447 10
原创 echarts图渲染大量数据崩溃
项目需求,一个echart图要渲染两三万个点,绘制折线图。接口相应速度、数据处理速度都很快,唯独是UI层面的渲染特别卡顿,web端勉强能接受,app端之间卡死。查阅文档,询问大神,最终寻得如下的解决方案。非技术类最好的解决方案是更改产品需求(哈哈,开发人员跟产品开撕的时刻哦…)加loading,提高用户交互体验(治标不治本,无法解决本质问题)技术类虽然这次开发,选用的是echarts,剩余的还有highchart、chart,但是我都没有实际去尝试,因为本身现有的chart类库都是基于某一款二
2021-05-24 18:23:04 7861 3
原创 ionic file-transfer文件上传下载的坑
最近在用ionic开发app,有一个需求是下载设备的资料资料包括图片、word等多种格式,查阅文档,cordova与ionic的file-transfer插件可以满足需求,于是乎,开启了踩坑之路!一、安装、调用、调试按照官方提供的方法,npm install了file与file-transfer然后文件里正常调用,因为项目需求,我只用了download代码写好,一切就绪了,build之后用xcode打包,准备在手机上调试,遇到了文件路径的相关问题…二、坑来了刚开发的下载出问题了,寻思着先添加
2021-03-13 17:29:59 866
原创 回顾入坑前端的那几年之html最重要的十大标签
序言从化学到前端,主动入坑六七年,回顾一路走来,一杯酒可以干了!哈哈,不期而遇的惊喜,在现在的公司,遇到一个超级有才的师父,现在就在师父的指导下,来个系统总复习,一方面梳理下这几年的知识,另一方面也给那些想入坑或者刚入坑的小伙伴们一些指导。回顾入坑前端那几年系列,都是围绕一个问题衍生出来的,欢迎各路大神前来指教!一、html最重要的十大标签先附上学习html标签的优秀网站,适合初学者入门,入门者温故知新!https://developer.mozilla.org/en-US/docs/Glossar
2021-03-04 11:29:35 351
原创 前端页面几大布局
从纯html结构加上css代码堆出来的页面,到类似bootstrap框架的栅格化布局,再到flex流式布局,随着不同框架、新css特性的诞生,前端页面整体布局,越来越灵活,代码量越来越小,不同浏览器兼容性越来越好。对于工作中常用的几类布局,做个小结。一、传统布局浮动定位基本css浮动(float)<!DOCTYPE html><html lang="en">...
2019-05-15 15:58:12 5838
原创 Material-UI样式修改的几种方法
material-UI样式根据项目需求,定制化修改,尝试了几种方法之后,根据应用场景总结以下方法。一、单个组件,定制化强定义className,根据每个类,定制化组件样式行内style,个人不建议使用,因为行内样式权重高、复用性差、后期维护成本高根据Component API中css部分的api进行较为复杂点样式修改// 样式const styles = { root: {...
2019-04-29 17:31:10 16990
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人