![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
思考
文章平均质量分 90
TurtleOrange
bug需要debug
展开
-
ios摇一摇触发后不能播放音乐的解决方案
提出问题:ios手机做测试的时候,摇一摇功能已授权,监听(addEventListener)设备运动事件(devicemotion)的时候触发 Audio 的play() 方法开始播放当前的音频没有任何一点声音,纹丝不响。分析:可能 授权摇一摇之后,Audio的play()方法压根就没被触发到寻找原因/解决问题:经过不断调试和不断百度搜索,一顿操作猛如虎之后,原来真相是这样的,在IOS里明确指出等待用户的交互动作后才能播放media,所以在js代码中第一次直接调用play()方法播放音频会被阻止,必须得原创 2020-07-24 17:55:18 · 914 阅读 · 0 评论 -
解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题(有效)
解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题(有效)点开下面的链接,有3种解决办法,有兴趣的小朋友可以查看3种解决办法其中的最优解解决办法,直接在transfrom属性后加入translateZ : 0px即可实现,但是在使用vue时引用velocity.js出现以下情况然后呢小伙伴看见了么,translateZ属性被生吞了,那么图片旋转后的锯齿消除不了,怎么办!嘤嘤嘤~好了不拐弯抹角了,原因是当你设置的属性值为0的时候,浏览器默认不把你的属性渲染出来原创 2020-05-25 16:40:01 · 828 阅读 · 0 评论 -
前端html、css、jq制作精准计时器(几乎零误差)
先来看下效果制作源泉(或遇到的苦恼):一般的计时器,一般的思路,要做成上图的效果,首先会想到的是通过一毫秒一毫秒的计数去实现,但是每当返回setTimout执行该函数的时候,中间消耗了其他资源时间,从而产生误差,使得计时器计时不准确,计时时间越长越能表现出来。核心思想(或解决办法):每当计时器开始,截取此刻的时间startTime(系统时间),然后使用计时器setTimeout不断获取系统的...原创 2020-04-30 11:36:35 · 1049 阅读 · 1 评论 -
踩坑:Vue.js中v-for和v-if不能同时使用
踩坑:Vue.js中v-for和v-if不能同时使用问题出现之时:v-if代码地方出现报错下面有红色的波浪线,具体报错信息大概是说v-for和v-if不能混用,取而代之要使用computed计算属性,让数组变量替换为返回的已过滤数组的计算属性。那就写一个计算属性呗在计算属性中已经是过滤了一次数组遍历项,这样写使得性能更优,而且代码不会再报错了!!!!...原创 2019-04-25 16:26:17 · 13137 阅读 · 8 评论 -
Html+Css+js实现计时器
Html+Css+js实现计时器人狠话不多,先上图实现原理:1.通过js控制图片的路径,动态替换图片2.通过js控制图片的显示或隐藏,动态替换图片一版的实现代码:game.html<body> <div class="game-startNumber flex"> <div class="staticTime"> &l...原创 2019-05-08 12:05:13 · 4306 阅读 · 2 评论 -
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题1.先在公共样式里给body加上红色区域块的代码2.在入口文件的viewport的内容里使用viewport-fit=cover属性3.效果如图码字前:~~~~~~码字后:~~~~~~~~~引用该链接的见解实现↓https://blog.csdn.net/dx18520548758/article/details/8...原创 2019-04-11 14:36:51 · 4807 阅读 · 4 评论 -
安卓系统点击input和textarea框被软键盘破坏布局问题(解决)
解决安卓手机点击input和textarea被软键盘破坏布局的问题原创 2019-02-19 18:03:01 · 910 阅读 · 0 评论 -
每点击一次随机显示所有语句中的一条(使用随机函数)
普通办法:以上这种办法会出现个问题,当你每去掉“display:none”样式的时候,若用户多次点击就会显示出多条语句(因为它们不再是“display:none”样式了),所以用这种办法的时候还需要在结束弹窗的时候,把display:none样式还原回来,比较麻烦我就不写,推荐以下的解决的办法,使用JQ的show()和hide()方法来处理。解决办法:显示结果如下,非常成功注意几...原创 2019-02-21 18:15:35 · 575 阅读 · 0 评论 -
获取父级id和兄弟id
简单方法:Html代码截图:Js代码截图通过html页面直接传父级的id和兄弟的id获取他们的id值(这种方法比较人工化,类似的问题多起来就很麻烦,要一个个手动输入),如果不嫌麻烦,可以参考下面做法! 智能化的方法:思路:有没有办法,就是点击的时候获取到子级的值,去获取父级的id,然后再通过父级id获取兄弟id?以下请看代码:Html代码的传值去掉(这里就...原创 2019-01-17 14:54:01 · 3001 阅读 · 0 评论 -
所谓厉害的人,遇到问题时的思维模式与我们的差别在哪?(转自知乎)
所谓厉害的人,遇到问题时的思维模式与我们的差别在哪?(转自知乎)转载 2018-12-18 11:41:27 · 1931 阅读 · 1 评论