项目总结

本文详细介绍了移动端开发中常见的问题及解决方案,包括禁止页面滚动、一像素变二像素的适配、解决click事件300ms延迟、安装npm模块权限问题、Vue中DOM元素获取、axios在IE浏览器的支持等,提供了实用的代码片段和第三方库推荐。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

@touchmove.prevent Vue弹出蒙层的时候下面页面禁止滚动(给蒙层加就可以)

一像素手机端变二像素的问题:
.border-1px {
position: relative;
}
.border-1px:before {
display: block;
content: ‘’;
overflow: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1);
pointer-events: none;
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
.border-1px:before {
right: -100%;
bottom: -100%;
-webkit-transform: scale(.5);
}
}
.border-1px.border-all:before {
border: 1px solid #e9e9e9;
}

保留小数点后几位:Number(保留的数字.toFixed(几位))

移动端click点击事件,会延迟300ms,怎么解决?
解决:引入第三方包,解决移动端click事件延迟300ms;
npm install fastclick --save;
在main.js中写如下代码
import fastClick from ‘fastclick’
fastClick.attach(document.body)

Cnpm install安装模块的时候报错权限不足报错的时候用以下命令:
npm config set user 0
npm config set unsafe-perm true 然后继续cnpm install
然后打包的时候说某些模块不在node_modules文件夹下需要升级npm即可

vue中获取不到dom元素:
解决:ref https://cn.vuejs.org/v2/api/#vm-refs

axios在ie中不支持(因为ie不支持promise)
解决:cnpm install es6-promise
在main.js中引入: import { es6Promise } from “es6-promise”
es6Promise.polyfill()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值