WEB前端攻城狮
文章平均质量分 59
项目实战经验
皮秒亿
Learn Once,Write AnyWhere
展开
-
前端定时器在置于后台状态,不需要睡眠的需求
注意事项:在页面hidden情况下,虽然定时器被浏览器机制暂缓了,但是再次打开定时随便会加快直到恢复定时间隔,而且定时器没被销毁。所以在应用被挂起,最好的方式将定期器清除,再次打开的时候重新创建。二、基于需求写了网页定时器:this.setInterval = setInterval(() => {},times);一、项目需求:微信公众号嵌入网页应用,应用中存在倒计时功能,当应用被置于后台或息屏状态,定时器被睡眠。[问题]:应用被挂起,定时器停止;应用线程,但是在销毁的时候,也要再次销毁线程。原创 2023-09-25 12:41:11 · 241 阅读 · 0 评论 -
Promise对象的含义和基本用法
1.Promise的含义Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理更强大。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件 (通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise对象有以下2个特点: 1.对象的状态不受外界影响。Promise对象代表一个转载 2017-08-31 17:11:54 · 380 阅读 · 0 评论 -
layui中tab自动换行点击切换不让收缩方法
点击不要自定收缩element.on('tab(focusTab)', function (data) { $(".layui-tab-bar").trigger(); setTimeout(function(){ $(".layui-tab-title").addClass('layui-tab-more'); }, 0);});原创 2020-05-12 16:38:47 · 1746 阅读 · 1 评论 -
layui upload上传文件列表展示进度条
在layui 模块upload.js里面 <div class="layui-progress" file-sort="'+sort+'" lay-showpercent="true" lay-filter="progress-'+index+'">\n' +' <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>\n...原创 2020-05-12 21:25:20 · 1619 阅读 · 0 评论 -
axios 解决no multipart boundary was found问题
在vue-cli项目中使用axios进行文件上传到服务器,出现no multipart boundary was found问题原创 2021-02-20 18:26:53 · 2054 阅读 · 0 评论 -
layDate范围日期控制一个日期就是一个日期显示确定
客户提出模仿https://tongji.baidu.com/web/demo/trend/time?siteId=5503017这样来实现,但是开发使用layDate插件来实现的。因此考虑这样就来改造自定义按钮来实现哈哈简单吧原创 2020-10-12 15:43:50 · 523 阅读 · 0 评论 -
网站iframe内嵌第三方带登录页的网站cookie失效问题
网站iframe内嵌第三方带登录页的网站时,在ie和火狐和部分谷歌浏览器是可以的,但是在升级版的谷歌浏览器中是无法访问的问题是谷歌浏览器在Chrome80后提示限制第三方cookie问题参考:https://zhuanlan.zhihu.com/p/107126906升级内容JavaScript Optional chaining 和 Nullish coalescing 正式支持。 Favicon 图标支持 SVG 格式。 移除对 FTP 的支持。 Web workers 中支持 E原创 2020-08-13 19:48:07 · 4852 阅读 · 2 评论 -
文本里图片标签正则替换成文本
显示图文列表、在编辑的时候表情图标进行对应文本显示特别说明一下:1、match(/<img.+?>/ig); 或者文本里面所有图片正则2、/<img[^>]*>/ ;逐个单个匹配进行逐个替换...原创 2020-04-02 13:14:26 · 289 阅读 · 0 评论 -
文件上传图片放大缩小进行截图上传
一:效果如下 二:思路准备1、注意事项:弹出框--有原始图片尺寸--操作图片对象--直观显示图片(因为有个圆孔透明背景遮罩)--鼠标滚轮、按住等事件--文件和base64、blob等转换、canvas进行对图片进行缩放和移动效果呈现2、注意像Edge和360兼容模式下base64转为文件的不兼容性三:实现方式1、样式布局:a)、visImg是...原创 2020-01-17 14:35:12 · 662 阅读 · 0 评论 -
pdf.js文件新窗口预览base64进制流
条件:1、后台返回是base64文件流 2、兼容ie浏览器打开 3、存放于vue工程里面直接跳过花言巧语,切入主题来实现:1、预览按钮click===获取base64文件流存入缓存。注意太大了超过存储了,最好做下类似这样的处理。2、viewer.html文件的viewer.js前面引入这样的处理,并配置全局公共变量。进行转成pdf识...原创 2019-11-05 17:56:48 · 1930 阅读 · 0 评论 -
react 引入antd组件调用的日期时,上下年选中后无法使用
情况描述:react中引入antd日期组件的时候,切换年月后间隔一两秒的时间后里面又跳回当月,也就是无法切换进行选择上述把vulue->改成defaultValue默认值就可以了...原创 2019-08-12 15:21:10 · 367 阅读 · 0 评论 -
根据日期获取当前对应的周一到周日的日期方法
1、根据传入的日期获取那个日期对应一周的时间2、代码实例:var global_week = ["周一","周二","周三","周四","周五","周六","周日"], global_nowDate = moment().format("YYYY-MM-DD");function dateGetWeek(date){ var that = this; var s...原创 2019-06-04 11:25:54 · 1532 阅读 · 0 评论 -
多个textrea如何监控在表格中换行进行同步下移
1、表格中都是textarea.然后进行编辑键盘是enter换行。代码则是\n标签2、对文本域进行编辑随着内容增加td会无限往下拉伸,注意:而不是出现滚动条3、代码实例:$('[autoTextArea]').each(function () { $(this).css({'height': '22px'}).height(this.scrollHeight);}).on(...原创 2019-06-04 11:23:31 · 219 阅读 · 0 评论 -
jquery-weui 下拉刷新和下拉滚动到顶部 事件会出现重叠问题
移动端weui下拉刷新事件会在 下拉滚动 事件之前会执行,所有页面div滚动的时候默认会执行先刷新一次。问题解决方案是:给id="scroll" 加个css样式{height:100%;overflow:auto;}...原创 2019-04-18 13:08:05 · 1437 阅读 · 0 评论 -
superslide 多次点击调用slide()和速度问题
在开发过程中遇到很多大坑,比如css3中transition: 0s;会导致superslide调用参数interTime效果不起作用 <div id="slide" class="slide"> <div class="bd"> ...原创 2018-12-12 15:17:39 · 3813 阅读 · 8 评论 -
mui webview窗口在ios 1.10.4某些版本下会遮盖些头部
//如果采用mui里面的方法if(mui.os.android){ $("#header").css("top","50px");}else{ $("#header").css("top","60px);};//如果采用plus才处理var phone = plus.os.name;if(phone == 'Android'){ $("原创 2018-12-20 08:51:23 · 297 阅读 · 0 评论 -
echarts中x轴如果时间轴在ios中不显示问题
在之前做echarts折线图时,x轴采用等间隔时间轴,在ios系统中显示空白,发现是日期时间的格式导致的。比如这种格式“2018-12-20”就会出现,改为“2018/12/20”就能解决...原创 2018-12-20 08:54:51 · 900 阅读 · 0 评论 -
mui中input值vue绑定会清空会和placeholder重叠
出现原因是mui中input获取焦点的时候添加了mui-active 这个class。所有在上面:class="{'mui-active':val.length}" 就可以解决原创 2018-12-20 11:27:32 · 1284 阅读 · 0 评论 -
laydate 动态设置mark标记
var nowDate = moment().format("YYYY-MM-DD"), obj = {}; obj[nowDate] = nowDate.split("-")[2];var lyd = laydate.render({ elem: '#canlendar', position: 'static', ...原创 2018-12-11 09:56:52 · 5735 阅读 · 0 评论 -
如果不用插件,想要控制video的样式
最接地气 的原生video样式控制废话不多港。直接切入主题,连暂停按钮都可以没有,浏览器F12 找到setting熟悉没?????开撸,。。。。原创 2018-12-27 16:59:57 · 588 阅读 · 0 评论 -
ios数据动态改变导致滚动不了问题
1、mui-action-back会导致android不能滚动2、页面的渲染流程 构建DOM tree 构建CSS Rule tree 根据DOM tree和CSS tree来构建render tree 根据render tree计算页面的layout render页面safari浏览器在构建render tree的时候,会预先找到相应的overflow: scroll元素,在...原创 2018-12-11 17:23:37 · 412 阅读 · 0 评论 -
npm install 出现z_buff_error问题
出现这种问题是npm的缓存问题 npm cache clean --force原创 2018-12-12 09:41:59 · 1485 阅读 · 0 评论 -
移动端a链接点击不刷但页面会滚动顶部
<a href="#"></a>会是页面滚动到首页<a href="javascript:void(0)"></a>原创 2018-12-24 19:07:51 · 275 阅读 · 0 评论 -
moment在ios中出现不同问题bug
针对moment时间插件来写比较、赋值等等操作的时候在android、浏览器中都是ok的。但是在ios中出现样式没有,无法比较的问题。原因是safari浏览器对moment格式有严格的规范。如moment("2019/01/01","YYYY/MM/DD")...原创 2019-01-04 09:22:05 · 3571 阅读 · 0 评论 -
关于laydate在ie浏览器中无法弹出的问题
使用require.js模块化加载laydate的时候,在ie浏览器下会出现一个bug,因为ie浏览器不支持currentScript属性,所以,laydate会把所有的script标签都拿到,然后判断当前script的readyState为‘interactive’的脚本,把当前脚本的src作为当前正在运行的脚本,但是如果使用require加载的话,拿到的不是laydate.js而是requir...原创 2019-01-24 14:17:44 · 3211 阅读 · 0 评论 -
移动端日期插件多个在同一个页面导致不必要的bug
考虑到多个时间问题。互相影响。。。 实践中用这个插件mobiscroll这个插件很完美https://docs.mobiscroll.com/jquery/datetime#options原创 2019-01-31 13:57:55 · 367 阅读 · 0 评论 -
ios 对自定义弹出框visible和opacity初次进入不灵敏问题
页面、android都没问题,但是针对于ios中H5页面自定义弹出框用有bug。采用解决方案是display代替visibility,然后动画可以用animate方法来用原创 2019-02-28 15:59:43 · 323 阅读 · 0 评论 -
laydate 日期插件弹出闪退和多次闪退问题解决 和弹出框中闪现
归根结底导致这个问题是lay-key。。。。闲话不多说,直接上真码:var allDate = $(document).find('.layer-date') allDate.each(function(index, el) { $(this).removeAttr("lay-key") 解决重复关闭模态框后再次点击闪退问题...原创 2018-12-05 16:35:46 · 7540 阅读 · 9 评论