- 博客(44)
- 收藏
- 关注
原创 ckplayer播放线上视频问题
项目开发时候需要用到ckplyer播放m3u8格式的视频,但是m3u8格式的视频需要秘钥才能播放。秘钥的地址需跟视频地址一致,不然就会跨域无法播放视频。
2022-10-21 15:56:47
929
原创 element UI dialog里面子组件第一次未渲染数据问题
当弹窗组件里面包裹子组件时候,第一次渲染子组件数据未渲染,子组件接收到的是undifined。在弹窗为true后用this.$nextTick来更新。
2022-08-09 14:27:29
884
原创 判断一个数组是否包含另一个数组
var a = [2,3,4,5,6,7,8,9,10]var b = [2,3,3,10,10,10]var c = [1]var findOne = function (haystack, arr) { return arr.some(function (v) { return haystack.indexOf(v) >= 0; });};console.log(findOne(a,b))
2022-02-11 15:14:29
2739
原创 去掉数组对象某个对象
删除数组中的某一个对象:返回删除后剩余的数组/*删除数组中的某一个对象_arr:数组_obj:需删除的对象*/function removeAaary(_arr, _obj) {var length = _arr.length;for (var i = 0; i < length; i++) {if (_arr[i] == _obj) {if (i == 0) {_arr.shift(); //删除并返回数组的第一个元素return _arr;}else if (i == l
2022-01-24 10:39:45
703
原创 angular表单验证问题
今天开发项目遇到一个问题,表单有个日期需要取服务器时间,涉及到异步取数据。当取完数据后,表单无法验证。问题解决方式:this.basicForm.get(‘loanBeginDate’).setValue(this.datePipe.transform(res.currentTime, ‘yyyy-MM-dd’))要用this.basicForm.get(“XXX”).setValue(value)这种方式来设置值...
2021-11-25 19:18:15
244
原创 解决vuex刷新数据丢失问题!
在app.vuecreated(){if (sessionStorage.getItem("store") ) {this.$store.replaceState(Object.assign({}, JSON.parse(sessionStorage.getItem("store"))))}window.addEventListener("beforeunload",()=>{sessionStorage.setItem("store",JSON.stringify(this.
2021-08-12 14:30:57
101
原创 element ui el-dailog 弹窗mounted问题
当有个弹窗组件 <CheckOrder :checkOrderShow="checkOrderShow" v-if="checkOrderShow" :checkOrderData="checkOrderData" @closeCheckOrderShow="closeCheckOrderShow" ></CheckOrder>checkOrderShow控制组件的显示隐藏,然
2021-07-06 15:46:45
928
原创 JS第一个异步需要用第二个异步的数据问题
当有两个异步函数A、B,B返回的数据是一些下拉菜单的选项什么的,A获取的是页面的数据。A需要用B返回的数据来进行字段转义,我解决的方法是用Promise解决。listGoodsPropertyJson(){ return new Promise(resolve => { this.$api.XX .xx() .then(res => {
2021-06-28 16:22:14
307
原创 VUE img标签拼接
<img :src="`../../static/image/home-icon${index+1}.png`" alt="" />
2021-06-09 16:09:59
465
原创 VUE Bus事件中心触发多次问题
当VUE兄弟组件传值时候用到bus事件中心,但是当A组件$emit时候,B在mounted接收($on)。会触发多次。解决方法:当A组件需要传值得时候用Bus.$emit触发,然后在B组件mounted中先销毁$off再接收$on
2021-06-08 10:47:50
944
原创 简单方法实现异步数据使用为空的问题
var ajaxCount = 0;$.ajax({ 如果获取到了数据 ajaxCount++;})第二个异步获取成功后再ajaxCount++; 最后判断ajaxCount 数目
2021-05-21 16:17:55
258
原创 vue element el-date-picker绑定对象 v-model=‘xx.xx‘清空后数据还是显示
项目遇到这样的清空,日期组件绑定的是数组对象的值,在data中已经声明了这个值,但是清空后绑定的值是Null,但是还是显示 代码如下 <el-date-picker v-model="itemF.contractDateValue" type="datetimerange" range-separator="至" :default-time="['00:00:00', '23:59:59']" value-
2021-04-28 08:48:53
4436
转载 没有 Docker 环境,拉取容器镜像
假如服务器上没有 Docker 环境,你还能愉快的拉取容器镜像吗?你是否曾经遇到过需要在没有安装任何 Docker 客户端的机器上拉取容器镜像这样变态的需求呢?如果有,你当时又是如何解决的呢?今天我们就来给大家介绍几种另辟蹊径的方法来实现这样的需求。作者:iMike来源:运维之美|2019-11-26 09:26 收藏 分享你是否曾经遇到过需要在没有安装任何 Docker 客户端的机器上拉取容器镜像这样变态的需求呢?如果有,你当时又是如何解决的呢?今天我们就来给大家介绍几种另辟蹊径的方法来实现这样的
2021-02-25 15:53:30
1676
1
原创 JS跳出循环终止执行
try{ let phones=[] if(this.schoolInfo.phone!=''){ if(this.schoolInfo.phone.indexOf(',')>-1){ phones= this.schoolInfo.phone.split(',') phones.some((i.
2021-01-28 14:51:29
475
原创 vue 页面数据加属性第一次未渲染
调用方法: this.$set( target , key , value)target: 要更改的数据源(可以是一个对象或者数组) key 要更改的具体数据 (索引) value 重新赋的值 this.data.forEach(item=>{ this.data2.forEach(item2=>{ this.$set(item,'新属性',item2.新属性) })}) ...
2020-11-11 15:21:39
335
转载 vue中watch的详细用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。1. 常用用法<input type="text" v-model="name"/>new Vue({ el: '#app', data: { name: '咸鱼' }, watch: { name(newVal,oldVal) { // ... } } })直接写一个监听处理函数,当每次监听到name 值发生改变时,执行函数。也可以在所.
2020-11-05 16:47:29
1857
转载 a标签下载图片 text
<a @click="downloadQRcode(ercode,'')" target="blank">下载活动二维码</a>downloadQRcode(imgsrc, name){ let image = new Image(); // 解决跨域 Canvas 污染问题s image.setAttribute("crossOrigin", "anonymous"); image.onload = functi.
2020-11-04 09:48:40
378
原创 JS时间格式化
let dateTime = new Date();dateFormat: function(time) { var date = new Date(time); var year = date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05 * */ var month = date.getMonth.
2020-07-03 10:37:29
227
原创 地区
做移动端用了有赞的地区列表选择器,但是跟后台element的地区数据不一样,需要把element的地区数据格式化成有赞的项目引入 import { regionData } from “element-china-area-data”;data(){diqu2:regionData,province:[],city:[],area:[]},methods: {format(){let province_list=[]let city_list=[]let city_list2=[]
2020-05-26 09:26:05
532
原创 获取时间并格式化时间格式
dateFormat: function(time) {var date = new Date(time);var year = date.getFullYear();/* 在日期格式中,月份是从0开始的,因此要加0* 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05* */var month =date.getMonth() + 1 < 10? "0" + (date.getMonth() + 1): date.getMonth() + 1
2020-05-13 15:27:40
451
原创 table表格设置100%宽,无法自适应横向滚动
table设置100% 外部div设置横向滚动,但是里面的table折行了 需要这么设置div{ width: 100%; background: #fff; white-space: nowrap; overflow: hidden; overflow-x: scroll;}table td{ border: 1px solid #00...
2019-11-21 12:17:04
2304
转载 计算两个日期有效天数
DateMinus(date1,date2){//date1:小日期 date2:大日期 var sdate = new Date(date1); var now = new Date(date2); var days = now.getTime() - sdate.getTime(); var day = parseInt(days / (100...
2019-11-11 16:39:16
320
转载 转载 数组中对象根据id相同做去重
const data = [{ id: 1, name: '张三', age: 15, },{ id: 2, name: 'John', age: 18, },{ id: 3, name: '李四', age: 18, },{ id: 1, name: '张三', age: 15, },...
2019-09-27 12:25:01
1123
原创 三元表达式多个条件判断
{this.state.walkclassdetailinfo.sexType == 1 ? '均衡' : (this.state.walkclassdetailinfo.sexType==0?'--':'不均衡')}sexType=0 输出 --sexType=1 输出 均衡sexType=2 输出 不均衡var a = 3;var b = a === 1 ?...
2019-09-12 12:26:09
10521
原创 forEach后用innerHTML有的没渲染
数据结构如下data数据下有几个对象timetables数组下有subjectModels 遍历需要把最最内侧的数据return出来才行 否则就只能渲染最后一个也就是数学双周 张三map return出来后有逗号 需要.join('') 下就可以了...
2019-08-22 12:37:37
636
原创 VUE 用axios跨域问题解决
最近做项目发现验证码莫名其妙的失效或者重新获取,跟后端发现后是跨域问题,后端加header 前端用axios发请求在main文件下新加axios.defaults.withCredentials = true 就解决了这个问题...
2019-08-22 12:30:06
288
原创 两个数组对比 选出一样的跟不一样的元素 追加到新数组
筛选出两个数组不同的元素let list= [];list = this.array1.filter(item=>{ return array2.indexOf(item) === -1});筛选出两个数组相同的元素let list= [];list = this.array1.filter(item=>{ return array2.indexOf(it...
2019-08-20 12:09:20
1822
原创 react componentDidMount异步获取页面初始数据setState后,页面return没有数据问题
当一个页面需要初始数据,但是需要后台异步请求到 那么setState后在 return里面取不到 _slef.state.classList , 需要加一个判断 loadding=true的时候再渲染页面...
2019-08-15 14:55:46
5093
原创 antd 下拉框 input [defaultValue] 的值的问题
项目中有下拉框跟input需要回显,所以用到defaultValue这个默认值,在后台调接口调到defaultValue这个值给select设置,但是不好使 解决方法直接用value 先加载选中的条目再加载默认值 初始的时候选中调模是空所以就会加载默认值 这样就解决了 但是在选择下拉的时候 要给scoreFrom值...
2019-08-09 11:06:24
4766
原创 ES6 数组去重
let str = this.state.currentSelectsName.split(',');let newList = Array.from(new Set(str));nreList就是去重后的数组由此延伸下 项目中有个功能遍历出框中的数组,得到["物理+化学+生物",。。。] 所以可以遍历这个数组在每个item后追加一个”+“,再把数组转换成字符串,再根据加号...
2019-07-26 08:50:57
572
转载 VUE动态渲染路由后缓存页面
当页面列表有查看 修改等操作 需要缓存当前页面给router-view设置key为路由的完整路径即可。最后找到这种实现方案,能够解决我的问题,实在简单!:include="caheList" //缓存这个组件原文地址:https://segmentfault.com/a/1190000018703137<keep-alive :include="cacheList"&...
2019-04-29 16:35:15
1764
1
原创 VUE 弹框问题
vue elementUIel-dialog问题<el-dialog><div class="demo"><el-row></el-row></div><crm-table></crm-table></el-dialog>如果页面是上面这样的结构,点击页面某个按钮,弹出这个...
2019-04-24 17:25:32
1404
原创 vue组件传值
1.父组件传子组件 父组件定义一个值,在子组件引入下面直接绑定<Batchdistribution:batchdistribution="batchdistribution" 控制窗口显示:selections="selections" 全选的数据给子组件:deptuseroption='deptuseroption' 部门用户的数据赋值给子组件>...
2019-03-04 15:36:58
424
1
原创 H5页面选IOS系统滑动卡动问题!
正常的H5页面在安卓 win下滑动正常,但是IOS下明显卡顿!解决方法:在主体内容的class下面加 如下:main{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}解决问题...
2018-05-25 16:51:19
4551
原创 swiper插件在H5下的问题!
最近在做H5页面的时候用到swiper.js这个轮播插件,单位用的REM,做轮播的时候发现当包含了轮播的DIV用rem的时候内部轮播内容会出现显示问题,解决方法:最外面包含轮播的div用px写死 不能用rem;...
2018-05-25 16:50:33
1282
原创 c3动画苹果浏览器问题
css动画 苹果浏览器一定要加 -webkit- 包括调用的动画等属性 时间啊 变形所有的所有都要加 -webkit-渐变也要加 -webkit-
2018-05-25 16:49:26
454
原创 tab切换
//TAB切换var $div_li = $("div.tab_menu ul li");$div_li.hover(function () {$(this).addClass("tab-active").siblings().removeClass("tab-active");var index = $div_li.index(this);$("div.tab_box > div").eq...
2018-05-25 16:49:05
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人