- 博客(25)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 关于使用elementUI的总结
一、多选组渲染和选中 <el-checkbox-group v-model="checkboxGroup1" size="medium"> <el-checkbox border size="medium" v-for="item in headerList" :label="item.key" :key="it
2020-12-07 15:49:20
210
原创 html模仿360度VR
1、引入js文件modernizr-2.7.1-csstransforms3d-canvas-touch.jsmegapix-image.jsthree.min.jsCSS3DRenderer.jstheta-viewer.min.js2、引入代码<div id="VRShow"></div>#VRShow{ position: absolute; width: 100%; height: 100%; -webkit-box-sizing.
2021-11-23 15:18:21
570
原创 小程序解析html，wxParse进行解析视频列表页面
从一个问题开始：有个视频列表，每个视频下面有其对应的标题，但是在小程序中使用rich-text解析不了video标签，视频只能单独拎出来解析。但是与预想的效果不一致。预想的是因此只能更改解析方式一、在https://github.com/icindy/wxParse下载wxParse,我是直接下载了压缩文件将压缩文件中的wxParse文件单独放入pages目录下，压缩文件中的其他内容可以舍弃了。二、在我要使用解析方式的文件中，我是只针对文章详情article文件中进行html解析，所
2020-12-09 15:10:05
1031
原创 对于pc端播放m3u8格式的视频，播放不出来和页面有多个m3u8格式的视频显示不出来问题
$("body video").each(function(index,item) { var $videoSrc=$(this).attr("src"); if ($videoSrc.indexOf('m3u8')>-1 ){ console.log(index) $(this).after('<div class="video'+index+'" "><div>').remove(); $('.video'+index).a.
2020-12-07 14:58:21
2770
原创 改变elementUI的menu菜单纵向一直保持展开样式 vue + webpack打包项目修改elementUI的源码
最近做一个后台管理系统，需要左侧的菜单导航栏一直保持展开样式，使用的是vue+eleementUI1、使用default-openeds将从后台获取来的导航数据全部展开，2、修改menu的源码将点击一级目录的闭合打开功能注释掉。首先需要先下载下来elementUi的源码在本地，我是直接下来的压缩包，在本地，然后运行npm install命令，之后再测试一下运行npm run dist在文件夹中找到 源码文件夹element-dev/element_ui/packages/menu/src
2020-08-13 09:19:39
942
1
原创 修改百度编辑器ueditor源码，添加上传视频封面内容
需要对源码ueditor.all.js文件进行修改。参考文章：https://blog.youkuaiyun.com/m0_37826725/article/details/99094029一、在ueditor.all.js文件的开头定义变量和方法 var imgCover = {}; var imgsCover = {}, posteres; // 视频封面上传动作 function _coverInsertImage(t, result) { var im
2020-06-23 16:01:09
1609
3
原创 html页面使用html2canvas生成图片保存，在微信上点击无反应事件
最近又学习了新的功能，将HTML页面伤的标签生成图片保存在本地。将此段Html代码生成图片<div class="citationModel"> <div class="erImg"> <img src="static/img/erwei.png" alt=""> </div> <div class="citation-...
2020-05-21 11:13:29
2656
原创 关于一个新的css样式 ，图片的颜色加深模式
前几天遇到一个需求，需要将一张透明背景的图片添加成ps中的混合模式，也就是，透明图片放置于其他图片上面，根据底层图片不同部分的颜色，对应的上层透明图片也显示出不同的颜色。也就是这样的在绿色的地方 透明层的山需要变成绿色，在黄色区域，透明层中的山需要变成黄色。然后就查到了一个 css的属性：mix-blend-mode: color-burn;于是关于mix-blend-mode 我了解到以下的信息：参考文章：https://www.mybj123.com/2733.html..
2020-05-13 09:28:30
4641
原创 关于使用input调出系统键盘，页面上移滑动问
最近使用input输入框 写了移动端的项目 有以下几个问题1、调出键盘，页面没有上移 ，键盘盖着了输入框。是因为样式中 定位的问题 元素使用 fixed定位 但是top 一定不能设置为固定值 建议使用 % 。还有其他方法，下面会详细介绍。2、第一次的需求是 父盒子背景图 不能跟着上移 只有表单部分可以上移这样书写样式可以让content 部分上移...
2020-01-17 17:46:11
2074
原创 关于swiper5的左右切换按钮点击出现蓝色底边的问题
这是官方文档上给出的提示但是多次试验并不成功最后的问题是cursor:pointer;将此类改为cursor: none; 即可
2020-01-09 15:14:14
2720
5
原创 按顺序获取数组的元素
从一个固定的数组中依次获取元素function SplitArray(array,num){ var temp = [], temp = array var return_array = [] for(var i=0; i<num;i++){ if(temp.length>0){...
2019-08-23 15:02:24
1333
原创 从数组中随机获取某一个元素
固定的数组，从中随机选取一个元素出来，并且每次的返回不同function shuffle(array,num) { var temp = [], temp = array var return_array = [] for(var i=0; i<num; i++){ if(temp.length>0){...
2019-08-23 14:50:07
6565
原创 vue项目中录音进度模拟，进度条按毫秒前进，进度条样式和进度设置
进度条的书写大量使用css样式progress-end是进度条上的小圆圈，在进度向前走的时候小圆圈也跟着向前走<div class="grade"> <label class="progress"> <label class="progress-content" :style="{width...
2019-06-21 10:11:38
1209
原创 vue项目中，模拟多选框选中效果，点击选中再次点击取消选中
点击选中再次点击取消选中，并且不影响其他选项的选中效果。1、在data中创建 selectArr : [ ] 数组 “selectColor”是选中后的文字样式<li v-for="(item,index) in reasons" :key="index"> <div @click="selectReason(item,index)" :class="se...
2019-06-21 09:34:29
2912
2
原创 数组从后往前删除，关于数组中slice的用法
需求是：arr = [ 1, 2, 3, 4] 数组截取返回的是 arr = [ 1, 2, 3]但是 由于对slice（statr，end）的理解有误，以至于返回的总是最后一位写法：arr.slice（this.arr.length - 1, 1）后经过仔细研究，发现，slice( 截取的开始位置(下标索引)，截取到那个位置(下标索引))正确的写法是 arr.s...
2019-03-14 14:57:10
3741
原创 h5页面的某些数字字体在ie浏览器上字体产生错乱
在最近的项目中遇到了用2345浏览器打开页面的时候字体产生错乱，后来发现是在给body设置font-famliy的时候，2345浏览器上数字就产生了错乱。后来把字体改为微软雅黑就正常了。font-family: Microsoft YaHei;...
2018-11-16 17:15:29
291
原创 在使用vue router时改变滚动条位置到顶部
使用mui框架下：vue router默认记录了滚动条的位置，因此在下一页刚进入时滚动条的位置与上一个页面一致。要想在下一页刚进入时滚动条位置在顶部：解决办法： mui('#scroll1').scroll().scrollTo(0,0,0);注： #scroll1 存放页面内容。其他情况：直接在vue项目的main.js中配置router.afterEach((...
2018-10-08 09:02:32
695
原创 vue项目中使用v-if判断数组长度是，length报错？
直接使用：<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">选择 <span >{{ product_attr }}</span></a><a v-else >选择 &
2018-08-30 10:11:59
45211
7
原创 消除mui的TabBar与页面内容之间的分隔线
.mui-bar{ -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);}去掉这个样式即可
2018-08-21 17:37:08
999
空空如也
使用vue后mui自带的很多效果都无效，需要刷新才会有效？怎么解决。
2018-10-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人