Fatfish_tree的博客

原创 debrief 中用到的计算方法

/与当前进度条最接近的 即将要播放的视频对象。//循环找出当前时间应该播放哪个视频。找某个数与数组中绝对差值最小的元素。

原创 关于socket上一个数据的问题

原创 整理树型数据的方法

原创 使用print.js修改打印部分样式的使用

世上本没有路，走的人多了，便有了路 ---- 鲁迅</p><button onclick="printSomething()">打印</button>style: style,// 亦可使用引入的外部css;<p>世上本没有路，走的人多了，便有了路 ---- 鲁迅</p><p>世上本没有路，走的人多了，便有了路 ---- 鲁迅

原创 使用input=file上传视频的接口调用方法

原创 首次运行调用接口和socket的冲突

在现场急救项目中，手动模式下需要显示动画逻辑。但是后台推送socket时 在病例首次运行时推送。但是运行过程中刷新的时候不推送。在首次进入的时候怎么调用动画逻辑？如果在get参数和socket两个方法中都调用的话，会造成动画多路线程，造成显示错误。解决方法： 在接收socket的方法中 延时1.5秒后往缓存中记录一个值 （必须使用延时器。因为接口和socket的调用时间不确定 不知道谁先被调用）。在接口中调用动画逻辑时，先判断缓存中是否存在该字段，存在的话再调用动画逻辑。

原创 在做debrief评论自动往上滚动和对讲自动滚动时遇到的问题

原因：第一个需要滚动的元素,没有进行正常滚动：因为vue还没有计算出来第一个元素的完整高度，造成页面不知道第一个元素是需要滚动的。使用this.vue.$nextTick方法：在页面更新之后再执行js逻辑就解决了问题。描述：在获取滚动高度并且给dom元素设置scrollTo属性后，对于第一个元素的滚动是有问题的，不管在top给补充高度都是无效的。

原创 冒泡排序算法

冒泡排序算法主要的是要弄清每个值在比较的时候的关系。再有是在交换值的时候需要一张“空桌子”来做中间变量。//外层循环只需要比到倒数第二个数即可。//内部循环要比到最后一位。//冒泡排序算法 从小到大。

原创 lineChart

LineChart对象中存储了图例、描述、数据轴、数据等绘制图表所需的数据，并在内部创建对象的renderer对象。在onDraw方法中，分别调用各种renderer对象进行图表中各元素的绘制。链接：https://www.jianshu.com/p/7d4ca980bd87。Y轴（左侧、右侧）：YAxis。数据集：LineDataSet。刻线（X轴刻线、Y轴刻线）数据标记：MarkerView。描述：Description。图表：LineChart。数据：LineData。

原创 修改el-input框中placeholder文字颜色

*修改input框中placeholder颜色*/

原创 ES6中Map对象和普通对象互转

互转

原创 二期急救中没有实现的el-tree中的render树

* 树形控件render函数中el-slider的双向绑定没实现*@ @* *== "Max").Value + '分'), ]) ]), ] ), ]);

原创 vue配置全局.less文件

需要注意的是安装的以上这些插件的版本号 版本过高的话是无法正常使用的。还需要再vue.config.ts文件中写入以下代码。1.在vue中使用less写法时，需要在标签中写入lang="less"

原创 判断当前设备是移动端还是PC端

/移动端} else {//pc端。

原创 element-plus中菜单组件属性 default-active

但是在调试时 发现default-active默认激活菜单这个属性没有起作用----->无论是初次刷新还是选择某个菜单后刷新 都不会激活菜单 所有的菜单项是合上的状态。在使用时，陷入了一个误区 以为是绑定某个string类型的数字 但是这个绑定值是和菜单数据中所有子菜单的数据相关的 绑定的是子菜单中的唯一值。我这里绑定的是code.Name字段 所以default-active他的动态的数据应该是某个子菜单的名称才对。default-active绑定值是和这里的数据一一对应的。

原创 在使用iview的date-picker组件时 回显的时候时间提前一天

解决办法：在双向绑定的时候使用on-change事件，把当前选中的时间转换成中国标准时间即可。原因：使用了v-model进行了双向绑定 双向绑定的时候会让市区-8小时 导致提前一天。问题：在使用日历组件时 回显的时间总是比之前选中的时间提前一天。

原创 this指向问题详解

this详解

原创 iview滑块slider设置动态极值问题 之前没有实现

问题在于：iview组件中极值绑定的数值类型要求是Number类型 但是循环数据return出去的类型是sting 所以要转一下Number类型。

原创 前端验证身份证

time = Date.parse(month+'-'+date+'-'+year),//身份证日期时间戳date。return {'status':0,'msg':'身份证号码不合规'};return {'status':0,'msg':'身份证校验码不合规'}

原创 better-scroll在页面中无法正常滚动的原因

在写移动端页面时，第三方库better-scroll可能会发生无法正常滚动的bug,这是因为页面中有很多调用接口异步操作获取到的数据，因为页面渲染较快，betterscroll无法快速获取到需要滚动的内容高度 解决办法：

原创 防抖函数的简单实现

//修改子级数值触发 function setChemistryValue(objInfo) { let timer = null if (timer) clearTimeout(timer) timer = setTimeout(() => { SetChemicalToxicantsItem(objInfo, res => { if (res.Success) {

原创 picco接收socket后，更新数组数据

更新数组数据后，，页面不能及时渲染更新的数据：vue渲染数组或对象时，有可能出现不能及时更新页面的情况，这时候可以调用 _this.Vue.set(item, "socketVal", data['Value'])或者使用vue的强制刷新功能 this.vue1.$forceUpdate()

原创 gsap中文地址

TweenMax中文网（GreenSock动画平台,GSAP）

原创 el-slider双向使用时外部更新绑定值时出现的bug

问题描述：导调系统中使用双向滑块来控制血压，既要通过滑动滑块来调整数值，又要通过上面的j计数器调整数值 ，双向滑块绑定的是一个数组 一共有两个值 如果只调整低压，也就意味着可以修改低压的值，这时滑块圆圈是不动的 因为要同时更新数组中的两个值。

原创 隐藏video的css方法

video标签的controls属性添加时，会出现时间轴，播放时间，总时间，音量调节，全屏等控件元素。有时候只想保留其中一种或几种，对应的css如下。

原创 Vuex中使用namespaced命名空间遇到的大坑

2.在调用模块化中的getters commit actions的时候，在写路径的时候一定不要在斜杠“”/“”左右两侧加空格！1.在模块化中使用命名空间的时候，必须把 namespaced: true,写在模块的最上面。

原创 video.js中控制进度条一直显示的解决方案

*controls进度条一直显示*/

原创 mp4格式视频路径

http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4

原创 修改videojs对象的src地址后，怎么确保视频是继续播放而不是从头播放

video

原创 coderwhy老师封装的在compositionAPI中使用vuex中定义的数据的方法

解析vuex数据的方法

原创 videojs打点

quickObj.title = '您在' + formatSeconds(Number(_this.vue1.debriefDetails.videoData.currentTimeVideo).toFixed(0)) + '给了一个优秀标记'//实时评语逻辑--------------------------------------//快捷评语逻辑--------------------------------------//从视频中的当前时间转到上一标记，如果没有上一标记，那么什么都不做。

原创 模拟直播间评论的动画

button @click="addAnimals">点我增加小动物console.log("------------该滚动啦");-- 包裹所有进行滚动的元素的容器 -->//获取当前滚动区域的高度和容器高度差值。//获取设置了滚动属性的dom元素高度。name: "派大星",//获取设置了滚动属性的dom元素。-- 最外层滚动容器 -->//获取包裹元素的滚动区域dom。//保存滚动区域dom元素。//获取当前滚动区域的高度。//获取滚动区域的滚动高度。//抽取的关于滚动的代码。

原创 debrief中的视频播放和打断点总结-----（持续更新）

1.功能要求实现视频的实时播放和回放，并且在实时和回放时要求可以给视频打断点，使用两个第三方库来辅助完成此功能。引入以下文件2.videojs是更丰富的video库，videomarker是打标记的第三方库3.获取videojs对象的方法：在HTML中写入一个video标签，给定一个id属性，通过id属性去获取video的dom元素，以下是实现部分，还未接入接口//加载视频相关内容//视频播放//实例化视频对象，配置选项。

原创 并集搜索逻辑

/搜索后的分页总条数。//搜索后的展示数据。

原创 使用分页组件做分页逻辑的感悟

分页逻辑

原创 对video标签进行操作时，如何让视频沾满父级设定好的宽高？

video标签

原创 js后退一步

js后退写法

原创 slider滑块既想点击又想拖拽的坑

slider

原创 背包项目收获

饿了么

原创 在webstorm中for循环的快捷键

5