在前端眼中pc端和移动的开发区别

按照昨天所说,本包子今天将总结在前端开发中,pc端和移动端的区别,整理完这些区别,本包子将开始整理pc端的布局,会写实际的代码了,还是那句话,希望文章中有什么不足的地方,大家能多多指正,大家一起进步,成为一个优秀的前端 ~~~ > o < ~~~

PC端和移动端布局的区别

1.pc端没有触摸的各种事件,移动端有;移动端没有鼠标移入移出事件,但是pc端有

2.Pc端最常用的布局是固定宽度为980px(也有960px,1000px,1200px);而在移动端,因为有很多网页是可以横屏看也可以竖屏看,并且很多屏幕的饿分辨率都是不一样的,所以只要牵涉到移动端都要考虑用响应式布局

3.Pc布局考虑更多的是浏览器的兼容性,但是在移动端,考虑更多的是手机兼容性,因为手机的型号类型非常的多,导致屏幕的分辨率是不一样的

4.移动端触摸弹出的手机键盘处理也是在pc端不会遇到的问题。

5.移动端和pc端适用的js框架也是不一样

6.Pc端浏览器内核有很多,webkit,Gecko,。。。。,但是移动端的浏览器内核比较单一,基本都是webkit以及webkit相关的blink

7.Pc端的交互是鼠标,键盘的交互而移动端变成了触摸,手势的交互

good good study     day day up!

时间: 2024-11-17 08:35:47

在前端眼中pc端和移动的开发区别的相关文章

PC端 Spark 二次开发 自动接收好友请求并同意

本次Spark二次开发是为了客服模块的开发, 能让用户一旦点击该客服则直接自动添加好友,而客服放则需自动添加好友,不同弹出对话框进行同意,这方便的广大客服. 现在废话不多说,直接上代码. package org.jivesoftware.spark.ui; import java.util.ArrayList; import org.jivesoftware.spark.util.log.Log; import org.jivesoftware.spark.util.ModelUtil; imp

web移动端和PC端利用chrome同步开发调试

利用chrome可以同步移动端和PC端的web开发调试,前提是,Android系统版本必须4.0+,而且必须用chrome,或者Android 4.4系统版本以上的原生app里面的webview才可以. 由于Android 4.4的原生app webview 的调试暂时还比较少,所以,这里简单说一下chrome下的调试. 1.移动设备和PC设备必须安装了chrome 32以上的版本,移动设备必须为Android4.0+: 2.移动设备进入设置功能,设置为开发模式: 3.PC端chrome打开ch

PC端数据下载软件开发(Python)

存储工具:阿里云->对象存储 需要将数据从云端下载到本地后再进行后续分析处理. 手动下载 需要下载的文件不多时,可以用这个方式. 依次点击:阿里云->控制台->对象存储->Bucket列表->XX Bucket->文件管理 该界面下,选中数据文件后,点击 批量操作->下载 脚本下载(Python) 按照阿里云的SDK文档(有各种语言的版本,这里选的是Python),可以很快地编写下载脚本: https://help.aliyun.com/document_deta

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

前端:移动端和PC端的区别

在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性.网速.适配.页面布局等方面的不同,但是还是很不系统,所以这里做一个总结. 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化. 第二: 在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件. 另外

职业定位(Web前端、后台、PC端)

Web前端 Web前端开发工程师:http://baike.sogou.com/v18499271.htm WEB前端开发面试题集锦:http://wenku.baidu.com/view/47bbcbdc50e2524de5187eae.html 浅谈前端开发的水有多深:http://www.w3cfuns.com/blog-5446428-5400629.html 前端网:http://www.w3cfuns.com/portal.php 后台: Java / Android / Linux

移动端前端开发与PC端比有哪些不同?

1.pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少.但是移动端要做好多分辨率的处理.移动端所有图片和所有html标签的尺寸都要减半. 2.移动端在布局跟js效果方面,与PC端有什么不同:先说布局方面:PC端最常用的就是固定宽度980px(也有960,1000,1200),然后水平居中 width:980px;margin:0 auto;但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看:很多屏幕的分辨率不一样:所以只要牵涉到移动端,就要牵涉到响应式(

pc端前端和手機端區別

1.pc端寬度比較固定,手機端可以橫屏或者豎屏: 2.pc端不需要處理手機觸摸,而手機端需要: 3.pc端不需要處理鍵盤事件: 3.pc的瀏覽器內核很多,手機端基本上是webkit或者是基於webkit的blink: 4.pc端和手機端的js框架也不同. 5.pc需要考慮瀏覽器的兼容性,而手機需要考慮手機兼容性,不同的手機分辨率不一樣: 原文地址:https://www.cnblogs.com/Zhengxiaoxiao/p/10636608.html

JavaScript判断移动端及pc端访问不同的网站

http://www.html-js.com/article/2677 现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站. 对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理. 假如我们有一个网站,pc端通过www.test.com访问,而移动端通过m.test.com来访问.我们需要做的就是当移动端访问www.test.c