- 博客(44)
- 收藏
- 关注
RSS订阅原创 ckplayer播放线上视频问题
项目开发时候需要用到ckplyer播放m3u8格式的视频，但是m3u8格式的视频需要秘钥才能播放。秘钥的地址需跟视频地址一致，不然就会跨域无法播放视频。
2022-10-21 15:56:47
868
原创 element UI dialog里面子组件第一次未渲染数据问题
当弹窗组件里面包裹子组件时候，第一次渲染子组件数据未渲染，子组件接收到的是undifined。在弹窗为true后用this.$nextTick来更新。
2022-08-09 14:27:29
806
原创 判断一个数组是否包含另一个数组
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
2681
原创 去掉数组对象某个对象
删除数组中的某一个对象：返回删除后剩余的数组/*删除数组中的某一个对象_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
687
原创 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
221
原创 解决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
90
原创 element ui el-dailog 弹窗mounted问题
当有个弹窗组件 <CheckOrder :checkOrderShow="checkOrderShow" v-if="checkOrderShow" :checkOrderData="checkOrderData" @closeCheckOrderShow="closeCheckOrderShow" ></CheckOrder>checkOrderShow控制组件的显示隐藏，然
2021-07-06 15:46:45
870
原创 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
282
原创 VUE img标签拼接
<img :src="`../../static/image/home-icon${index+1}.png`" alt="" />
2021-06-09 16:09:59
443
原创 VUE Bus事件中心触发多次问题
当VUE兄弟组件传值时候用到bus事件中心，但是当A组件$emit时候，B在mounted接收（$on）。会触发多次。解决方法：当A组件需要传值得时候用Bus.$emit触发，然后在B组件mounted中先销毁$off再接收$on
2021-06-08 10:47:50
877
原创 简单方法实现异步数据使用为空的问题
var ajaxCount = 0;$.ajax({ 如果获取到了数据 ajaxCount++;})第二个异步获取成功后再ajaxCount++; 最后判断ajaxCount 数目
2021-05-21 16:17:55
239
原创 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
4220
转载 没有 Docker 环境，拉取容器镜像
假如服务器上没有 Docker 环境，你还能愉快的拉取容器镜像吗？你是否曾经遇到过需要在没有安装任何 Docker 客户端的机器上拉取容器镜像这样变态的需求呢？如果有,你当时又是如何解决的呢？今天我们就来给大家介绍几种另辟蹊径的方法来实现这样的需求。作者：iMike来源：运维之美|2019-11-26 09:26 收藏 分享你是否曾经遇到过需要在没有安装任何 Docker 客户端的机器上拉取容器镜像这样变态的需求呢?如果有,你当时又是如何解决的呢?今天我们就来给大家介绍几种另辟蹊径的方法来实现这样的
2021-02-25 15:53:30
1400
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
455
原创 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
306
转载 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
1806
转载 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
363
原创 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
197
原创 地区
做移动端用了有赞的地区列表选择器，但是跟后台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
518
原创 获取时间并格式化时间格式
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
424
原创 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
2229
转载 计算两个日期有效天数
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
307
转载 转载 数组中对象根据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
1093
原创 三元表达式多个条件判断
{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
10492
原创 forEach后用innerHTML有的没渲染
数据结构如下data数据下有几个对象timetables数组下有subjectModels 遍历需要把最最内侧的数据return出来才行 否则就只能渲染最后一个也就是数学双周 张三map return出来后有逗号 需要.join('') 下就可以了...
2019-08-22 12:37:37
616
原创 VUE 用axios跨域问题解决
最近做项目发现验证码莫名其妙的失效或者重新获取，跟后端发现后是跨域问题，后端加header 前端用axios发请求在main文件下新加axios.defaults.withCredentials = true 就解决了这个问题...
2019-08-22 12:30:06
270
原创 两个数组对比 选出一样的跟不一样的元素 追加到新数组
筛选出两个数组不同的元素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
1759
原创 react componentDidMount异步获取页面初始数据setState后，页面return没有数据问题
当一个页面需要初始数据，但是需要后台异步请求到 那么setState后在 return里面取不到 _slef.state.classList , 需要加一个判断 loadding=true的时候再渲染页面...
2019-08-15 14:55:46
5053
原创 antd 下拉框 input [defaultValue] 的值的问题
项目中有下拉框跟input需要回显，所以用到defaultValue这个默认值，在后台调接口调到defaultValue这个值给select设置，但是不好使 解决方法直接用value 先加载选中的条目再加载默认值 初始的时候选中调模是空所以就会加载默认值 这样就解决了 但是在选择下拉的时候 要给scoreFrom值...
2019-08-09 11:06:24
4712
原创 ES6 数组去重
let str = this.state.currentSelectsName.split(',');let newList = Array.from(new Set(str));nreList就是去重后的数组由此延伸下 项目中有个功能遍历出框中的数组，得到["物理+化学+生物",。。。] 所以可以遍历这个数组在每个item后追加一个”+“,再把数组转换成字符串，再根据加号...
2019-07-26 08:50:57
552
转载 VUE动态渲染路由后缓存页面
当页面列表有查看 修改等操作 需要缓存当前页面给router-view设置key为路由的完整路径即可。最后找到这种实现方案，能够解决我的问题，实在简单！:include="caheList" //缓存这个组件原文地址：https://segmentfault.com/a/1190000018703137<keep-alive :include="cacheList"&...
2019-04-29 16:35:15
1731
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
1385
原创 vue组件传值
1.父组件传子组件 父组件定义一个值，在子组件引入下面直接绑定<Batchdistribution:batchdistribution="batchdistribution" 控制窗口显示:selections="selections" 全选的数据给子组件:deptuseroption='deptuseroption' 部门用户的数据赋值给子组件>...
2019-03-04 15:36:58
394
1
原创 H5页面选IOS系统滑动卡动问题！
正常的H5页面在安卓 win下滑动正常，但是IOS下明显卡顿！解决方法：在主体内容的class下面加 如下：main{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}解决问题...
2018-05-25 16:51:19
4510
原创 swiper插件在H5下的问题！
最近在做H5页面的时候用到swiper.js这个轮播插件，单位用的REM，做轮播的时候发现当包含了轮播的DIV用rem的时候内部轮播内容会出现显示问题，解决方法：最外面包含轮播的div用px写死 不能用rem;...
2018-05-25 16:50:33
1265
原创 c3动画苹果浏览器问题
css动画 苹果浏览器一定要加 -webkit- 包括调用的动画等属性 时间啊 变形所有的所有都要加 -webkit-渐变也要加 -webkit-
2018-05-25 16:49:26
435
原创 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
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人