- 博客(23)
- 收藏
- 关注
原创 DPlayer m3u8格式直播暂停/关闭后停止缓存请求
在使用DPlayer库播放m3u8格式直播时发现了一个小问题,在视频容器DOM对象被销毁后m3u8的后台缓存请求并没有被停掉而是一直在后台进行缓存操作。这可能会系统性能有一定影响,所以一定要在关闭后将缓存停掉,方法也很简单,按照官方的快速入门:我们在使用m3u8前必须引用hsl.js对视频源进行解码,之后才能再创建dp视频播放器对象将画面解析出来,这一操作会同事创建两个关键对象:dp视频播放器对象,hls解码对象。想办法将这两个对象作为共用对象抽离出来:...
2021-11-15 21:18:20
6885
3
原创 Element Table show-overflow-tooltip属性显示在下方的解决方案
首先来看默认的show-overflow-tooltip悬浮显示的样式:在使用Table时可以设置超出内容通过show-overflow-tooltip属性达到悬浮显示的状态,但是这个悬浮框默认是显示在上方的。有时候我们会想让他出现在下方或者其他方向,来达到下图的效果:解决方案如下:<el-table-column placement="bottom" align="center" prop="model" label="型号" min-width="90">
2021-04-19 11:47:04
3932
原创 JS通过canvas自动裁剪png图片多余的空白部分
之前使用canvas弄了一个签名页面,但是由于最后返回的图片实际上宽高有很多空白的地方导致后期想使用这张图片填充时会很麻烦。未裁剪前:裁剪后:可以看到这张图片的上半部分跟下半部分还有非常多的空余位置,导致后期没法使用。所以又做了一个通过canvas来裁剪png图片的方法。var img = new Image();//创建图片对象img.src=base64;img.onload = function(){ var c = document.createElement('can
2020-09-25 16:22:37
3806
4
原创 JS实现页面保存为图片
今天项目遇到一个需求为将一个页面中的某一部分DOM转为一张图片供保存和上传到服务器的需求这里我们需要使用到一个JS插件:dom-to-image,Github链接:https://github.com/tsayen/dom-to-image这个插件可以使我们方便的将页面中的某一部分DOM结构轻松的转换成一张图片供后续使用下面说一下大概的使用方法:首先随便准备一点内容DOM部分:JS部分:domtoimage.toJpeg(document.getElementById
2020-09-16 14:43:30
5144
原创 Element UI 表格自定义合计行逻辑
getSummaries(param) { const {columns,data} = param;//整合数据对象 const sums = [];//最终返回的合计行数组 columns.forEach((column, index) => { if (index === 0) {//如果是第一列则返回合计二字 sums[index] = '合计'; return; } const values = data.map(item ...
2020-08-18 18:00:37
1610
原创 Property or method “moment“ is not defined on the instance but referenced during render.
今天在使用ant ui + vue 时因为需要使用时间控件所以必须得再引用moment.js到项目中 结果遇到了这个错误,查了很久也没找到任何解决方案,但是误打误撞的还是给解决了,因为我的vue.js是使用的开发版,只要把vue.js换成生产版的就不会出现这个报错了,虽然不知道是什么原理但还是解决了...
2020-08-18 16:18:22
2994
原创 Element UI Cascader 级联选择器实现省市区三级联动
在使用element ui时我们会遇到使用选择器控件做地图的三级联动的场景,由于官方并没有提供以CDN形式创建的HTML项目的三级联动的数据,所以这里创建了一个Json文件直接点击即可下载,具体的使用过程请看下方。1.首先我们需要准备一个控件<el-cascader v-model="areaValue" :options="area" @change="handleChange" style="width:160px"></el-cascader>2.在适当的时...
2020-07-31 15:36:20
1921
原创 JS转换数组对象时报 Unexpected token t in JSON at position 2错误
在使用前台JSON.parse()函数转换后端传递的参数时报了这个错误,首先需要注意的是JSON.parse()函数只适用于将字符串JSON转换为前台可用Object对象类型,正常的JSON对象应该是{name:"miku",age:"18",item:[]},这种格式(其实也就是一个正常对象的格式),那么JSON字符串对象就是'{"name":"miku","age":"18","item":[]}'这种格式,JSON.parse()函数对于转换的格式是有严格的要求限制的,但是很明显现在我从后台接收到..
2020-07-28 10:18:57
958
原创 H5页面适配IPhoneX等机型底部横条
1.添加meta头:<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover">2.设置CSS样式:@supports (bottom: env(safe-area-inset-bottom)) { ...
2020-05-16 10:26:57
1913
原创 Vant框架中关于IndexBar索引栏的CDN单页面引用攻略
关于Vant框架中IndexBar索引栏以CDN的方式单页面引用攻略 在使用vant时因为很多官方示例以及文档对于某些可能出现的错误并没有说详细说明,这里也是踩了很多的坑。因为平时都是单页面引用并不需要以脚手架的形式创建应用,所以实际上遇到的问题会更多! 如果你也是通过CDN方式引用的vant框架时首先你需要注意一个很特别的问题点,在很多官方示例中给出的代码大部分都是单...
2020-03-24 18:03:32
2329
1
原创 根据传入的数值计算日期的函数
getNewDay(dataStr,dayCount) { //dataStr typeof -> string为一个年月日字符串对象例:"2010-10-10" //dayCount typeof -> number为一个需要增加或者减少的正整数天数或者负整数天数 小数取整 //计算后返回新的年月日对象 智能计算闰年 ...
2019-12-26 15:32:17
259
原创 ElementUI表格滚动条位置重置
在使用ElementUI时使用表格组件时遇到了一个问题,当我在弹出层中嵌套使用表格组件时如果我的表格内容过长出现滚动条时,我把滚动条拖放到中间位置后关闭这个弹出层,当我下次重新打开时这个表格的滚动条位置仍然保留了上次退出时的位置,导致了画面没有显示最初始的效果。 这个问题可能在表格与其他组件多重嵌套的情况下会复现,想让表格下方或者右方的滚动条位置复原其实也很简单,首先...
2019-12-10 15:03:23
3696
原创 Element UI表格 列嵌套组件传值
在使用ElementUI时想在表格的列中嵌套额外的组件使用代码如下:<el-table :data="pjTestData" :border="true" :highlight-current-row="true" id="pjtable" style="width:634px;position:relative;top:50px;height:266px;margin-botto...
2019-12-02 12:13:40
1011
1
原创 [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String with value
在使用Vue+Element UI开发时遇到了这个报错[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String with value "xxx",这句话说的是我绑定的data数据类型原来是一个数组类型,但是收到的值是一个字符串类型。如果你的值从一开始就已经在后台转换成Json格...
2019-11-07 16:44:11
4577
原创 C#跳转到定义进入元数据的解决方法
在C# Web网页项目中后台相关部分会经常使用F12跳转到具体函数内部查看相关代码,有时候可能会遇到F12跳转时会自动跳转到元数据中,元数据一般都是抽象类并没有方法体,当然这也并不是我们想要的结果,想要让他跳转到正确的函数里解决方案也非常简单1.进入站点目录下的Bin目录,也就是你存放网页的路径下的Bin目录2.接着找到你无法跳转的那个类的DLL文件3.右键删除它4.接着在Bin目...
2019-11-02 10:34:56
1339
原创 关于Vue不兼容IE浏览器的解决方案
又到了一年一度的1024,今天给大家带来了一个干货,相信很多前端小伙伴们都很喜欢使用Vue框架,但是对于各类浏览器的兼容来说除了IE其他都好说,这里就为大家带来了Vue兼容IE浏览器的解决方案之一,当然这只是众多解决方案里的一个window.onload = function(){ function IEVersion() { ...
2019-10-24 11:50:19
928
原创 ElementUI表格复选与行单选结合
在使用ElementUI的表格时遇到了复选/多选与行单选的问题,这里记录一下供以后回顾,如果能帮助其他遇到这个问题的小伙伴解决同样的问题就再好不过啦~这里首先说一下我所设想的操作场景,用户可以自由通过ElementUI的复选框和全选框和单击行的形式进行相应数据的获取,因为我使用的表格需要获取相应的客户编号与后台进行对接所以在前端获取相应值的时候一开始还是没有头绪的,查阅了相关资料后了解到了几个...
2019-10-21 15:47:55
782
转载 CSS3114:@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。解决方案
话不多说,先来个错误提示图片。今天在使用ElementUI的icon样式时遇到了这个问题,这个问题会导致网页上的icon无法正常被显示出来。 需要注意的是这个错误并不会在谷歌或者其他高级浏览器中出现,只会在IE浏览器中出现,考虑到版本兼容性问题这里还是尝试着去网络上收集相关解决方案,看了很多文档其解决方案都是通过更换字体类型实现的,这里就不详细说了。 ...
2019-10-17 11:36:31
3649
原创 HTML 禁用Select下拉框的上下左右键盘按键默认事件
这几天一直在处理input和select等其他一些表单元素的控件,在使用select下拉框时由于需要键盘的上下左右做一些其他的额外任务就尝试直接给select的onkeyup事件绑定自己的方法,这时却发现select下拉框默认已经绑定了键盘的上下左右触发事件,默认的上下左右会自动切换已有的option值,如果使用onkeyup绑定自己的方法会和系统默认的方法相冲突,作为一个萌新也是各种百度查文档,...
2019-09-20 17:57:32
2127
原创 Vue的生命周期
<script>// 创建 Vue 实例,得到 ViewModelvar vm = new Vue({el: '#app',data: {msg: 'ok'},methods: {show() {console.log('执行了show方法')}},beforeCreate() { // 这是我们遇到的第一个生命周期函数,表示实例完全...
2019-08-22 16:59:00
814
原创 Flex自动换行调整上下边距
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> .a{ /*开启换行时的特性*/ /* 开启弹性模式开启换行时所有items会横向排列并且自适应父级容器 一旦超出范围就会自动根据指定换行顺序进行换行 默认换行顺...
2019-08-22 16:48:22
11801
原创 JavaScript对象及初识面向对象
JavaScript中的基本数据类型有number 数值类型,string 字符串类型,boolean 布尔类型,null 空类型,undefined 未定义类型,object 万能类型.在JS中我们一般创建对象都是通过var 对象名 = new Object().的语法来定义的。但是对象也分为自定义对象和内置对象。自定义对象顾名思义就是我们自己定义的对象,而内置对象例如Date,Array,St...
2019-08-09 17:56:51
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人