博客园

12 2020 档案

Swiper.js使用遇到的问题总结
摘要：问题一：onSlideChangeEnd回调偶尔不触发 使用 fade 过渡方法，onSlideChangeEnd 回调偶尔触发，偶尔不触发。 因此使用 onTransitionEnd(过渡效果结束之后触发)； var mySwiper = new Swiper('.swiper-container 阅读全文
posted @ 2020-12-24 18:31 ZerlinM 阅读(777) 评论(0) 推荐(0)
JS 获取字符串长度，截取字符串
摘要：截取中英文字符串，一个汉字相当于2个字符，多余部分用...补全，比如要保留3个字： '你好'=>'你好' '你好啊啊'=>'你好啊...' '你好aaa'=>'你好aa...' '你hao啊'=>'你hao...' 等等 代码如下： cutStr = (str, len) => { let char 阅读全文
posted @ 2020-12-16 17:58 ZerlinM 阅读(838) 评论(0) 推荐(0)
Unable to preventDefault inside passive event listener due to target being treated as passive报错
摘要：问题 这几天写手机网页的时候发现浏览器一直报这个错误，但是不影响使用，可能是我有强迫症的原因吧，就算不影响正常使用，我也看不惯，就要把它消灭掉。 在使用 swiper.js jquerymobile.js 等移动端js库的时候，如果使用了滑动事件，不时就会报错： 翻译一下：chrome 监听touc 阅读全文
posted @ 2020-12-16 09:20 ZerlinM 阅读(520) 评论(0) 推荐(0)
基于jQuery解决ios10以上版本缩放问题
摘要：在ios10之前我们能通过设置meta来禁止用户缩放页面： <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 在ios10系统中m 阅读全文
posted @ 2020-12-16 08:44 ZerlinM 阅读(150) 评论(0) 推荐(0)
移动端h5模拟长按事件
摘要：思路 放弃click事件，通过判断按的时长来决定是单击还是长按 使用touchstart和touchend事件 在touchstart中开启一个定时器，比如在700ms后显示一个长按菜单 在touchend中清除这个定时器，这样如果按下的时间超过700ms，那么长按菜单已经显示出来了，清除定时器不会 阅读全文
posted @ 2020-12-09 15:03 ZerlinM 阅读(707) 评论(0) 推荐(0)
html2canvas-截图不全的问题
该文被密码保护。
posted @ 2020-12-09 14:50 ZerlinM 阅读(0) 评论(0) 推荐(0)
html2canvas-竖版文本标点位置问题
该文被密码保护。
posted @ 2020-12-09 14:20 ZerlinM 阅读(0) 评论(0) 推荐(0)
tab栏切换封装
摘要：封装： function changeTabs(tab, content) { var $tab = $(tab); $tab.find('.title').on('tap', function () { var index = $(this).index(); $(this).addClass(' 阅读全文
posted @ 2020-12-07 15:30 ZerlinM 阅读(154) 评论(0) 推荐(0)
window.location.replace和window.location.href区别
摘要：有3个页面 a,b,c 如果当前页面是c页面，并且c页面是这样跳转过来的：a->b->c 1：b->c 是通过window.location.replace("..xx/c") 此时b页面的url会被c页面代替，并且点击后退按钮时会回退到a页面（最开始的页面）。 2：b->c是通过window.lo 阅读全文
posted @ 2020-12-04 08:50 ZerlinM 阅读(512) 评论(0) 推荐(0)
解决React路由跳转时出现的红色警告： Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.
摘要：报错信息 查看路由版本 使用路由版本是4.2.2的,然后我测试所有4.0+版本都会出现以上警告。 问题解决前代码 问题解决后代码 我又解读了一下报警告内容的大致意思：就是props需要通过函数返回而不是对象。那是不是可以换种写法把props当作参数传递给路由呢。然后就尝试了一下props传的方式。果 阅读全文
posted @ 2020-12-02 10:11 ZerlinM 阅读(602) 评论(0) 推荐(0)
解决@font-face引入字体文件异常
摘要：在css中使用@font-face引入字体文件浏览器解析异常：Failed to decode downloaded font问题 fire-fox下载报错：downloadable font: overlapping tables + downloadable font: rejected by 阅读全文
posted @ 2020-12-02 08:47 ZerlinM 阅读(1092) 评论(0) 推荐(0)