前端里移动端到底比 PC 端多哪些知识,为什么面试时好多公司都问 H5 水平如何?该从哪里入手学习? PHP中文网 • 2025年3月29日 20:15:38 • 编程技术 • 阅读 1 一直觉得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 viewport2. 像素密度、媒体查询等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等应用的界面设计教程既然要学 就学全 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。 发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3126146.html html5sectionvideo罐头辣条 赞 (0) 0 0 生成海报 微信扫码分享 关于作者 PHP中文网签约作者 关注私信 530.0K 文章 0 评论 1 粉丝 php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!可边学习边在线修改示例代码,查看执行效果!php从入门到精通,一站式php自学平台! 微信内置浏览器对于 HTML5 的支持如何? 上一篇 2025年3月29日 20:15:37 如何系统学习Web全栈开发? 下一篇 2025年3月29日 20:15:41 AD推荐 黄金广告位招租... 更多推荐 相关推荐 大神看下,选择免费的linux培训还是自学java或者参加java培训班呢? 大家好,我是某校大三学生,由于这两年在学校玩的比较多吧 = = 自己的专业课学的也不好(专业是计科 专业课主要是java’方面,学好也肯定是java方向了(╯﹏╰)),现在面临着职业方向选择的问题,java/HTML5/Linu… PHP中文网 编程技术 2025年3月29日 1000 使用<header>,<footer>,<nav>等h5标签,和全部使用<div>有什么区别?? , , 这些标签似乎也没有什么实际的特殊功能,是否都可以用div标签加样式来取代?HTML5应该也不会这么简单的出这么多可以被取代的东西吧,是不是他们还有别的功能?对搜索引擎有利之类的?(本人自学前端开发, 难免有些困惑。求行业前辈指点,)… PHP中文网 编程技术 2025年3月29日 1000 HTML5 是一门编程语言吗? 在个人的印象中,html一直不被算做一门编程语言,也看到过有人将其理解为一门标记语言。当前html5中出现的一些新特性,则使本人对这个问题越来越感到困惑,希望前辈们指点一二。 回复内容: HTML 乃至任何置标语言(markup langu… PHP中文网 编程技术 2025年3月29日 1000 当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的? 我是web前端的初学者,希望能够在学习中跟上主流,目前对于HTML和CSS都学习了语法,但考虑到在实际开发一个网站是如何通过这两者来进行的,有些不知所措。在网上搜了下大概都是讲通过DIV + CSS来布局网页的,但这个作为以往网页的开发手段… PHP中文网 编程技术 2025年3月29日 1000 新浪微博的 HTML5 页面体验已经和 native app 差不多了,是否意味着 HTML5 可以取代 native 了? 刚刚在知乎回答中的一个微博链接点击新浪微博的 m 站 欢迎登录 – 新浪微博 中发现 体验和新浪微博客户端已经没有差别了。本人用的是 iPhone4s,可想而知在 iPhone5s 等性能更加高的手机上体验更加好了。这是否意味着… PHP中文网 编程技术 2025年3月29日 1000 HTML5 移动开发未来可否取代 iOS 和安卓? 一直有这样的疑问,同时开发安卓和 iOS App 是很耗费人力物力的事情,HTML5 的应用开发就可以省去这些,从而专注于这一件事情,加上现在微信出来使得HTML5 应用越来越火,未来会不会有这样的取代趋势? 回复内容: Web 技术不会取… PHP中文网 编程技术 2025年3月29日 1000 webvtt字幕文件于srt等字幕文件如何相互转化呢? html5里面的字幕是webvtt文件,下载下来之后不知怎么用,所以请教一下大家 回复内容: –WebVTT 转换为 srt 1. 用记事本打开 .vtt 文件; 2. 将文档中的前6个字母即 WEBVTT 删除掉; 3. 关闭… PHP中文网 编程技术 2025年3月29日 1000 如何在家自学前端? 我想辞职回家自学网页制作,目前有一点网页基础,和C#基础,想转行html5前端工程师,应该怎么自学,1.按哪些书籍进行系统的学习2.大概需要多久时间,每天12小时编程3.如何来进行练习,以学以致用4.什么程度才能自己接私活5.最后出去找工作… PHP中文网 编程技术 2025年3月29日 1000 移动端HTML5应用,用户真的有需求么?有的话需求场景是什么? 移动端h5应用(轻应用、webapp)说要爆发已经好多年了,现在主要集中在搜索场景或者是浏览器场景中。。。 在wifi、流量丰富的今天,主打即用即弃的h5应用真的还有那么强的需求场景么? ———R… PHP中文网 编程技术 2025年3月29日 1000 如何评价html5规范正式定稿对互联网以及电子商务的影响? W3C近日发布了HTML5标准的推荐版,并将其命名为用于创建网页与应用程序的HTML5标准的终极版。HTML5的定稿是否会颠覆原生APP? 回复内容: Chrome开发团队:“发布了?哦……”Firefox开发团队:“发布了?哦……”Saf… PHP中文网 编程技术 2025年3月29日 1000 发表回复 请登录后评论...登录后才能评论 提交