博客
关于我
web前端与移动端区别
阅读量:585 次
发布时间:2019-03-09

本文共 649 字,大约阅读时间需要 2 分钟。

鼠标和触摸交互中,位置信息的获取方式存在差异。PC端通常使用 mousemove 事件获取 mouseX 和 mouseY,而移动端则采用 touchmove 事件,获取 touch 处的 clientX 和 clientY。需要注意的是,在跨域请求中,虽然 PC端可以直接使用本地地址接口,但移动端由于其没有本地地址的概念,需要直接向目标接口提交请求,避免跨域问题。

滚动条的顶部距离可以通过 documentElement.scrollTop(PC端)和 body.scrollTop(移动端)来获取。此外,在 Vue 路由的配置中,需要根据不同设备选择合适的路由模式,PC端支持 history 模式,而移动端则需采用 hash 模式。这是因为移动端的 history 模式可能会导致路由跳转时的页面刷新问题。

在不同设备间的布局设计上,PC端的布局设计主要采用 px 单位来定义元素宽高,而移动端则需要更多地利用 rem 单位和 Flex布局等技术来实现自适应设计,从而适应不同设备的屏幕尺寸。这种方法能够保证应用程序在不同设备上的显示效果一致。

最后,对于跨域问题,PC端的 GET 和 POST 请求默认都会向服务器发送本地地址的请求(如 http://localhost:8080/接口路径),但移动端需要直接使用目标服务器的接口地址提交请求,以避免跨域的问题。关于布局设计,PC端的固定值布局(px)与移动端的自适应布局(rem、Flex、HotCSS等技术)在选择上存在显著差异。

转载地址:http://jyxpz.baihongyu.com/

你可能感兴趣的文章
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>