前端
小白阿里里
前端小白一枚,写下这些希望能方便自己记忆查找,也希望能帮到其他需要帮助的朋友们,如果有改进或者错误的地方希望能得到大家指点,共同进步。
展开
-
vue 中横向滚动设置scrollLeft,并且加上过渡动画
图一图二如图一所示,需求是比如在点击第四个选项时,会自动移至前方,并显示出下一个选项,到图二效果由于scrollLeft 不是css中的属性,所以用css无法解决思路:将需要移动的距离均分,设置定时器每隔一段时间移动一点,直到 移动至目标距离为止,下面直接上代码// html<div class="scrollView" ref="idSwiperImg"> <div class="chooseImgItem" @click="tabClick(index)" v-fo.原创 2020-08-12 15:35:31 · 10744 阅读 · 1 评论 -
video 标签在谷歌浏览器下报错 DOMException: play() failed because the user didn't interact
查阅了很多博客上面都说是因为Google Chrome 2018年1月起不再自动播放内容,然而按照上面的解决方法在浏览器搜索框中输入:chrome://flags/ 方法是不行的在尝试了许久之后得到以下两种解决方案可供参考:方案一:如果视频本身是没有声音的那么直接在 video 标签中加入 muted 即可解决<video src="..." autoplay="autoplay...原创 2020-05-06 16:25:57 · 2681 阅读 · 0 评论 -
json对象与字符串之间的转换
JSON对象与字符串的转换方法// 使用 json 中的 parser 方法转换var str = '{"name": "qwer", "age": 22}'; // 这是一个JSON字符串var obj = JSON.parse(str); // 返回一个新对象console.log(obj);// 把 json 中的 strin..转载 2018-08-26 21:10:20 · 210 阅读 · 0 评论 -
当图片404时显示默认图片
&lt;img src="assets/img/img.png" onerror="this.src='assets/img/default.png'"/&gt;当图片 img.png 未找到时,会默认显示 default.png,但若是默认图片也没找到,会引起崩溃,所以写成以下形式,这样当默认图也没找到时便会显示裂图图标了:&lt;img src="asset原创 2018-09-01 21:59:32 · 4622 阅读 · 0 评论 -
h5页面在手机中调用拨打电话功能
在 html 的 head 中加上<meta name="format-detection" content="telephone=yes"/>随后在需要拨打电话的地方加上<a href="tel:178xxxx90xx">178xxxx90xx</a>改成以下可以跳转到发短信上<a href="sms:178xx转载 2018-09-04 21:22:49 · 8218 阅读 · 0 评论