• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 前端里移动端到底比 PC 端多哪些知识,为什么面试时好多公司都问 H5 水平如何?该从哪里入手学习?

前端里移动端到底比 PC 端多哪些知识,为什么面试时好多公司都问 H5 水平如何?该从哪里入手学习?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含section,html5,video,gt,lt等相关知识,匿名希望在学习及工作中可以帮助到您
一直觉得pc端和移动端没啥区别。。就按照手机的分辨率做就好了。多几个拖放什么的事件。。但貌似经过几次面试对移动这方面的要求越来越高,而且还经常被问到一个h5的概念。这就不明白了、、不就html5么。。。多几个语义化标签而已么不就。。这有啥可回答的,,,为啥说h5是为移动端量身打造的?还老问我会不会。。我感觉会h4肯定就会h5啊。。另现在经过面试经常被问,想求教一下怎么学移动端这块。之前网上教程基本都是pc端的。求大神们给小弟解解惑。以及推荐点视频资料
另外大婶们啊。。人总问我有没有用过h5技术建立页面。。。啥叫用h5技术建立页面啊。。。就用写把导航的div改成
。。。文章改成section??就这些?
请问有没有啥手机的教程谢谢

回复内容:

我做过几年的web前端开发,就简单谈谈自己的感受吧。

首先来看看PC端和移动端在前端开发上的一些区别:

(1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化;

(2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;

(3)在布局上,移动端开发一般是要做到布局自适应的,在这里我推荐用rem的解决方案,具体实现可以百度一下,相对比较简单,处理起来也比较灵活;

(4)在动画处理上,PC端由于要考虑到IE的兼容性,通常用JS做动画的通用性会好一些,但相比CSS3却牺牲了较大的性能,而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3,既简单,效率又高。

区别就说到这里,也许还不完全,我也是想到哪就说到哪,下面来谈谈如果要做移动端的web开发,也就是题主说的h5开发,在已有PC端的web开发基础上,还需要再研究哪些技术:

(1)微信的一些接口最好都能去实现一遍,熟悉一下肯定有好处的,比如领导让你通过微信分享的文章,title、description、以及icon图标怎么配置,你说你不清楚,那就太水了;

(2)百度地图的一些API接口,有时间也去熟悉一下吧,对于移动端来讲,LBS还是一个非常重要的特性,所以地图这块肯定也是需要了解的,再加上百度地图已经是一个比较成熟的平台了,学起来也不费事儿;

(3)CSS3的动画去熟悉一下,至少最基本的一些动画实现和算法要了解,在移动端应该也算用得比较多的;

(4)一般pc用jquery,移动端用zepto,这没什么好说的,在这里主要是想提醒大家,移动端的流量相对还是比较重要的,所以引入的资源或插件,能小则小,一个30k的资源和80k的资源,在移动端还是相差挺大的;

(5)最好能掌握一套完整的前端开发架构,比如模块化、打包、压缩、缓存、发布,有条件的还能做一下自动化测试等等,我用过的有fis,还不错,牛逼的朋友可以自己写一套,另外再多说一句,如果想快速提升自己的前端开发技术,钻研前端架构这块是一个非常好的方向。

这几个月,还抽空写了一个APP,android和ios版本的都有,有兴趣的朋友可以加微信:laoheipm,一起交流,一起进步! 他们要问的不是HTML5新增的tag,甚至不仅仅是CSS3动画,而是在手机上搞交互、单页app,有一些东西是得稍微注意的。

就我个人观点,主要是以下区别。

1. meta viewport
2. 像素密度、媒体查询等
3. 触摸事件的处理
4. 分辨率对布局的影响
5. 一些零零碎碎的hack,如fast click等等
6. 性能优化,包括首屏打开速度、用户响应延迟、渲染性能、动画帧率等等,在手机上需要特别注意

大概就这样子。

对于我来说,Web前端在PC和在移动平台上确有不少差别,但并不能用来区分水平的高低,在面试时还是应当多注意应试者在js上的基础功夫。 H5 的公司不去,他也不懂,你也不懂,大家聊什么呢。 说几个html5常用的题主没提到的东西,xhr2、cors、formdata、blob、filereader、dataurl、localstorage,这些题主未必没用过,只是没有注意到。html5到底包含哪些已经实用的、草案中的东西,哪些浏览器支持,请参考w3c发表的最新的移动互联网发展路线图,每年更新2次。
section和div什么区别,一个有语义一个没语义。 我是做后端的,因为这个学期期末作业要独立做网站,我就学了下HTML5,
我想说的是楼主说的nav ,section,只是书里的第一单元~第二单元而已,webGL什么的以及数据库的开发楼主应该还没看。
不用js的HTML5根本就没体现出HTML5的大部分特性
手机端网页和PC端网页本质上是一样的,所谓的H5营销,即使用了大量的HTML5+JS动画,这些动画效果是传统android 用openGL开发是比较困难的,以网页为载体呈现的效果更好。

题主可以先熟练JS,然后学学jQuery,然后慢慢摆弄 HTML5+CSS3+JS,特别是js的部分。 不谈技术,我告诉你这个情况大概是怎么演化而来的。
首先,移动开发大热,包括h5。
然后,某公司有个js或者css大神,他做出了完美的响应式,或者漂亮的框架或者等等
然后,他告诉同事和领导,他在研究的是h5。别人给了他一个标签“h5大神”
然后,领导以及别的team领导想,我还想招个这样的员工,hr想,h5哥哥好厉害,我也要多招几个来。
然后,分派给其他面试官的任务,去问问这个面试的会不会h5,h5厉害不厉害。面试官想,哦,面试h5,我想想问些什么问题,于是乎就出来两类面试官,一类真的在面试h5,还一类问你懂不懂h5标签。
最后,这个故事的结局题主已经知道了。 xhr2、cors、formdata、blob、filereader、dataurl、localstorage + 拖拽 websql 定位 canvas 把H5挂在嘴边的是不懂技术的,至少是不懂前端的,这样的公司慎去 H5是个营销概念,不是技术概念。
他们要H5就是要你能做那种在手机上能看的各种动画效果的网页。
比如这些 那些过目不忘的H5页面 建议题主可以看看《html5从入门到精通》 很适合快速入门者
做移动端的开发 肯定要掌握html5相关知识的
学完这个建议题主在去看看 Android 、iOS、wp等应用的界面设计教程
既然要学 就学全

您可能想查找下面的文章:

  • 详解HTML5中div和section以及article的区别
  • HTML5中div、article、section的区别及使用介绍
  • HTML5中的Article和Section元素认识及使用
  • 关于html5中的section标签与div标签的区别(内有实例)
  • html5 section标签是什么意思?html5 section标签的用法总结
  • HTML5中的section标签是什么?HTML5中的section标签怎么居中?
  • HTML5中div和section以及article的区别分析
  • HTML5语义化标记Section和Article实例详解
  • 详细介绍HTML5的article和section的区别
  • HTML5学习笔记简明版(2):新元素之section,article,aside

相关文章

  • 2017-08-06html5弹跳球示例代码
  • 2018-12-03HTML5实现微信播放全屏的方法详解
  • 2018-12-03HTML5第六天笔记
  • 2017-08-06通过HTML5 Canvas API绘制弧线和圆形的教程
  • 2018-12-03HTML5 创建canvas元素示例代码_html5教程技巧
  • 2018-12-03移动端全景装修图的实现实例分享
  • 2018-12-03HTML5 Canvas 绘图实例教程
  • 2018-12-03HTML5应用-生日快乐动画之实现星星的示例代码分享
  • 2018-12-03浅谈HTML5语义元素的实例教程
  • 2018-12-03基于HTML5 Canvas实现的3D动态Chart图表

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于移动端H5页面中1px边框的解决方法
    • 整体概述如何用H5制作网页
    • html5 canvas移动浏览器上实现图片压缩上传_html5教程技巧
    • ngAnimate插件是做什么的?
    • HTML5每日一练之mark标签的应用
    • 用HTML5实现手机摇一摇的功能的教程
    • canvas游戏开发学习之二:绘制基本图形
    • Html5中内容安全策略(CSP)
    • h5中History API 对Web应用的影响
    • 使用canvas绘制贝塞尔曲线

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有