前端开发技术难点汇总（一）

最新推荐文章于 2024-06-06 20:29:53 发布

斯诺伐克

最新推荐文章于 2024-06-06 20:29:53 发布

阅读量3.8k

点赞数

分类专栏：前端文章标签：前端开发

本文链接：https://blog.csdn.net/qw2319205chu/article/details/103339654

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

在vue中使用scroller组件，上拉加载时内容虽然会会弹，但底部会留有一段空白未完全回弹
方案：在源文件中修改，vue-scroller/src/module/render.js文件修translate3d，将top的数值减少一些
iOS手机将数字自动识别为电话，变成蓝色，有下划线
在head中添加 <meta name="format-detection" content="telephone=no">拦截
保持弹窗的下层页面无法滑动移动端加样式
overflow-y:hidden;position:fixed;left:0;top:0;
<div bindclick.stop="getList"></div>
stop阻止事件冒泡
prevent 阻止默认行为，例如a标签的href
once 只触发一次事件处理函数
self 只会阻止自己身上冒泡行为的触发，并不会真正阻止冒泡的行为，
例如3层点击，可以阻止中间一层的事件冒泡
华为mate系列 getBoundingClientRect()方法拿不到x，y值
用left,top替代
动态进度条

<!DOCTYPE html>在这里插入代码片
<html>
<head>
	<title></title>
	<style type="text/css">
		.progress{
    	width:600px;
    	height:28px;
    	border-radius: 28px;
           background: #6c6c6c;	
    }
    .progress .progress-bar{
    	    width: 300px;
    		height:28px;
    		border-radius: 28px 0 0 28px;
    		background-size:30px 30px;
    		background-image: linear-gradient(-45deg,#0face2 25%,#09b6f2 0%,#09b6f2 50%,#0face2 0,#0face2 75%,#09b6f2 0%);
    		-webkit-animation: blue-animation 10s infinite linear;
    	}
    	@-webkit-keyframes blue-animation{
              from{
              	background-position-x:0;
              }to{
              	background-position-x:600px;
              }
              
        } 
	</style>
</head>
<body>
<div class="progress">
	<div class="progress-bar"></div>
</div>
</body>
</html>

JSON.stringify(res.cardinfo) == “{}” 判断对象是否是空对象

斯诺伐克

关注

0
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
前端开发技术难点汇总（一）

1.vue组件在main.js中引用组件不起效果时，可直接在页面引用 import引用2.在vue中使用scroller组件，上拉加载时内容虽然会会弹，但底部会留有一段空白未完全会弹，在源文件中修改，vue-scroller/src/module/render.js文件修改translate3d，将top的数值减少一些3.iOS手机将数字自动识别为电话，变成蓝色，有下划线，在head中添加...
复制链接

扫一扫

专栏目录