① 移动前端开发和web前端开发有什么区别
移动前端开发和web前端开发有什么区别呢?既然都是前端开发,两者肯定有紧密的联系,移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了,需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和Java依然是整个前端开发的三大基石。不论是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。移动前端开发和web前端开发有什么区别呢?
1、业务的应用场景
web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验,页面大可并不代表书写的代码复杂,页面小也并不意味着开发简单,难与易主要还是取决于具体的业务需求。
2、新技术的使用
由于在移动端主要以webkit内核为主,对于HTML5等新技术支持的更好,所以可以更大范围的使用新技术;而PC端开发由于很多场景下要求兼容IE等老版本浏览器,出于浏览器兼容性的考虑,有些情况下限制了新技术的使用。
3、页面的适配性
传统PC端的页面开发一般都会选择给页面设定一个固定宽度,两侧有留白,但是移动端的页面由于其载体手机屏幕比PC要小很多,一般都会选择尽可能多的在手机屏幕上显示内容,这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。
4、页面的性能
PC端的网络情况一般比较稳定,都是通过网线或者Wi-Fi连接网络;但是移动端就比较复杂,除了Wi-Fi,还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生,不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大,否则在恶劣网络情况下时,页面将会无法访问 ,严重影响用户体验。移动前端开发和web前端开发有什么区别
5、框架选型
由于移动端网络情况的不稳定,导致我们在移动端页面框架选型时,一般只考虑小而美的框架,例如像zepto.js这样的压缩之后只有9.6K,就能满足一般业务的需要,如果是想要构建更复杂的单页面应用,可以选择像vue.js这样的框架,功能强大,但体积压缩后却只有20多K。而web端相对选择的范围就比较大,一些比较重型的框架也可以根据项目需求加以考虑,例如古老但庞大的ext.js,依然凭借着众多UI组件活跃在一些企
② Web前端课程都学什么
html、CSS3、js、node开发、vue、React、微信小程序等等。
③ Web前端学习的入门方法有哪些
今天小编要跟大家分享的文章是关于web前端学习的入门方法有哪些?web前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。
互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础后坚持学习,成为优秀前端工程师也只是时间问题。
学习任何知识最重要的都是兴趣,如果经过一段时间的学习感觉不喜欢,那可能强迫自己学习是很痛苦的,效果也不会好,毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展,前端必然是Web开发人员需要学习的知识,有时候是没有专业前端工程师一起合作的,所以即使不做专门的前端工程师,掌握基本的前端技能为工作带来方便。下面来和小编一起看一看吧!
一、必备基础技能
以下是个人觉得入门阶段应该熟练掌握的基础技能:
§HTML4,HTML5语法、标签、语义。
§CSS2.1,CSS3规范,与HTML结合实现各种布局、效果。
§Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能。
§一个成熟的客户端javascript库,推荐jquery。
§
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟。
在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习。
二、基本开发工具
恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并解决问题,以下是个人觉得必备的前端开发工具:
§文本编辑器:推荐SublimeText,支持各种插件、主题、设置,使用方便
§浏览器:推荐GoogleChrome,更新快,对前端各种标准提供了非常好的支持
§调试工具:推荐Chrome自带的Chromedevelop
tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
§辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome
developtools,
§FQ工具:lantern,壁虎漫步
三、学习方法和学习目标
方法:
§入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果。
§在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法。
§阅读HTML,CSS,Javascript标准全面完善知识点。
§阅读前端牛人的博客、文章提升对知识的理解。
§善用搜索引擎。
目标:
§熟记前面知识点部分的重要概念,结合学习经历得到自己的理解。
§熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。。
四、入门之路
在整个学习过程中HTMLCSSJavaScript会有很多地方需要互相结合,实际工作中也是这样,一个简单的功能模块都需要三者结合才能实现。
动手是学习的重要组成部分,书籍重点讲解知识点,例子可能不是很充足,这就需要利用搜索引擎寻找一些简单教程,照着教程实现功能。以下是一些比较好的教程网址
可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题还有个人总结的面试题(带参考答案)。
原生javascript是需要重点掌握的技能,在掌握原生javascript的基础上推荐熟练掌握jQuery,在实际工作中用处很大,这方面的书籍有《Learning
jQuery》或者去jQuery官网。
建一个https://github.com/账号,保存平时学习中的各种代码和项目。
有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,方便自己查阅也为其他人提供了帮助。
经常实用Google搜索英文资料应该经常找到来自#/的高质量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题也能极大提高个人能力。
经典书籍熟读之后,可以打开前面必备基础技能部分的链接。认真读对应标准,全面掌握知识。
五、继续提高
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
§Grunt:前端自动化工具,提高工作效率
§lesscss:优秀的CSS预处理器
§bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
§requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
§Node.js:JavaScript也可以做后台,前端工程师地位更上一步
§AngularJS:做SinglePageApplication的好工具
§移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
§Javascript内存管理:SPA长期运行需要注意内存泄露的问题
§HighPerformanceJavaScript()
§:重要技能
六、语言基础
1、JavaScript:
作用域链、闭包、运行时上下文、this
原型链、继承
NodeJS基础和常用API
2、CSS:
选择器
浏览器兼容性及常见的hack处理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3,如animation、gradient、等等
3、HTML:
语义化标签
其他
有些东西不是考敲码就能弄好的,我参与实习的时候感受到了很多,这些是我遇到的也是我感觉自己做的不好的地方
对于业务的思考:我个人这方面非常欠缺,所以放在最前面,在敲码前要多思考业务
交流和沟通能力:这个非常重要,前端同时需要与项目经理、产品、交互、后台打交道,沟通不善会导致很多无用功,延缓项目。
知识管理、时间管理:input和output的平衡,output是最好的input。如何做好分享,参与社区,做好交流,作好记录。
对新技术的渴望,以及敢于尝试。
七、入门书
入门可以通过啃书,但书本上的东西很多都已经过时了,在啃书的同时,也要持续关注技术的新动态。这里推几本我觉着不错的书:
《JavaScript高级编程》:可以作为入门书籍,但同时也是高级书籍,可以快速吸收基础,等到提升再回来重新看
《JavaScript权威指南》:不太适合入门,但是必备,不理解的地方就去查阅一下,很有帮助
《编写可维护的JavaScript》和:
《Node.js开发指南》:不错的Nodejs入门书籍
《深入浅出Node.js》:Nodejs进阶书籍,必备
《JavaScript异步编程》:理解JS异步的编程理念
《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开发思维转变到JavaScript,非常好的书
《JavaScript框架设计》:在用轮子同时,应当知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,配合一个现有框架阅读,可以学到很多东西
《Dontmakemethink》:网页设计的理念,了解用户行为,非常不错
《CSS禅意花园》:经久不衰的一部着作,同样传递了网页设计中的理念以及设计中需要注意的问题
《高性能JavaScript》和《高性能HTML5》:强调性能的书,其中不只是性能优化,还有很多原理层面的东西值得学习
《HTML5Canvas核心技术》:我正在读的一本书,对于canvas的使用,动画的实现,以及动画框架的开发都非常有帮助
《HTTP权威指南》:HTTP协议相关必备,前端开发调试的时候也会经常涉及到其中的知识
《响应式Web设计》:技术本身不难,重要的是响应式网页的设计理念,以及移动先行的思想
《JavaScript语言精粹》:老道的书,也是普及JavaScript的开发思维的一本好书,非常适合入门
八、一些不错的网站
github:没啥好说的,多阅读别人的源码,多上传自己的源码,向世界各地的大牛学习
codepen:感受前端之美的必选之地,里面有很多酷炫的效果和优秀的插件
echojs:快速了解js新资讯的网站
stackoverflow和segmentfault:基本上各种问题都能在上面获得解答
googlewebfundamentals:每篇文章都适合仔细阅读
staticfiles:开放的CDN,很好用
iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
html5rocks:一个不错的网站,很多浏览器的新特性以及前沿的技术,都能在这上面找到文章
csstricks:如何活用CSS,以及了解CSS新特性,这里可以满足你
JavaScript秘密花园JavaScript初学必看,非常不错
w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
nodeschool:一个不错的node学习网站
learngitbranch:一个git学习网站,交互很棒
前端乱炖:一个前端文章分享的社区,有很多优秀文章
正则表达式:一个正则表达式入门教程,非常值得一看
各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
各种规范的官方网站,不懂得时候读规范
九、前端的定位
前端的定位关乎到你需要吸收什么样的知识和技能,决定在技术世界里你对什么需要格外敏感。如果你认为前端仅仅停留在切页面,实现交互和视觉的要求,那你对前端的认识还停留在初级阶段。阿里终面的时候我问了考官这么个问题:前端技术日新月异,范围越扩越宽,标准越来越丰富,似乎任何一个触角都能伸出很远。怎么给前端一个合适的定位?考官给我分析了半天,然后总结成一句话,就是用户和网站的联结者,用户体验的创造者(原话不是这样,但大体是这个意思)。也就是说前端的终极目标其实就是创造用户体验,提升用户体验,以用户体验为中心。不管你是从交互设计上下手,还是从性能优化出发,或者改进工作流提升工作流效率,最终都是为了创造和提升用户体验,最终都要体现到用户体验这一点上来。我认为这个总结非常有道理(当然“用户体验”这个词太宽泛了,并且不仅仅是前端工程师的范畴,比如开发后台的时候对一个数据处理过程进行优化,提升了整体性能,这也是对用户体验的一个提升)。
现在的前端工程师做到一定阶段不可避免会接触到很多比切页面、实现视觉要求、实现交互等更深入的问题,比如前端自动化、图像编程、性能优化等等,再往后推一点就是PHP/JSP/ASP/nodeJs,过去后端模板一般属于后端的范畴,现在随着前端架构的演进,可能会让你去写后端模板的代码,需要用到后端语言(PHP/Java/C#等),这就是所谓大前端(然而这与前端的定位并不是相背离的,大前端处理的依然是与用户接触的部分,仍然是对用户体验的优化)。可能最常见或者被谈论最多的就是node,其实这几种技术选型都可以,bat三家据说网络用PHP比较多,阿里用node比较多。
以上就是小编今天为大家分享的关于web前端学习的入门方法有哪些的文章,希望本篇文章能够对正准备学习web前端知识的小伙伴们有所帮助,想要了解更多web前端知识记得关注北大青鸟web培训官网最后祝愿小伙伴们工作顺利,学习成功。
转载自:https://github.com/qiu-deqing/FE-learning,部分内容有删减。
④ web前端是做什么的
web前端工作:
1、负责网站的前端开发 ,实现产品页面交互和功能实现 。
2、与程序开发人员密切合作 ,制定前端和后端程序接口标准 。
3、不断优化前端体验和页面响应速度 ,优化代码,保持良好的兼容性 ,提高web界面易用性 。
4、完成产品设计、开发、测试 、修改等工作 。
5、解决项目开发过程中遇到的技术和业务问题 。
前端工程师:
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。
从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。前端是最接近产品和设计的工程师,起到衔接产品和技术的作用,前端为用户可以看到的部分负责。
⑤ 移动前端开发和 Web 前端开发的区别是什么
移动WEB前端开发属于HTML5开发,使用HTML+CSS+JavaScript三种语言编写,该职位偏向于移动端网页开发,包括H5专题页、移动前端网页,广告落地页、Hybrid App等;
Tips:由于原生APP开发需要开发两个客户端(Android和iOS),产品开发周期和成本相对较高,因此出现了Hybrid App。Hybrid App可以使用PhoneGap将网页直接打包成Android原生APP和iOS原生APP。
1,经常会有硬件交互,例如摄像头,相机,指纹识别,陀螺仪,等。
2,依赖设备的操作系统,因为设备都有自动省级机制,几乎不需要考虑新特性的兼容性。
3,无论用原生还是 h5 实现,都有随着系统更新带来的迭代,一般使用热更新。
WEB前端开发也是属于HTML5开发,使用HTML+CSS+JavaScript三种语言编写,主要偏向PC端的网页开发,包括PC端网页开发、PC端后台管理页面等,也会涉及部分的移动端网页开发。
1,除了鼠标键盘几乎不需要与硬件交互,有特殊需求才会有硬件交互,例如在线直播,语音输入等。
2,需要考虑浏览器兼容性,主要看用户群体,代码需要兼容到哪个版本。
3,浏览器的升级,几乎不需要迭代,版本迭代几乎都是需求变化。
移动端开发主要是开发APP,属于c/s架构的开发。Web前端开发是基于PC端或移动端浏览器来开发web页面,属于b/s架构的开发。
移动端开发主要针对手机、电视等智能设备,web前端开发则主要针对pc端。
移动端开发针对系统类型采用的编程语言也有所不同,安卓端采用Java或Kotlin开发语言,IOS采用object-c或swift语言开发。以上这些语言属于原生开发,还有混合式开发,如Fluter+Dart、ReactNative、vuex。基于webview的套壳应用,如微信小程序、网络小程序、快应用等。
Web前端开发使用的开发语言是JavaScript或其超集Typescript,使用的开发框架主要以React、Vue、Angular为主。
移动端开发开发的产品,一般是to C的服务型产品。Web前端开发开发的产品,一般是to B的产品。
⑥ web前端是做什么的
Web可以网站制作这是掌握Web技术从业者最多的一个领域,网站制作就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和,也是将网站设计师制定的总体规划用HTML的方式展示出来。千锋软件开发培训课程的授课模式采用全程面授,讲师成本虽高,但是效果却是显着的,和学员面对面沟通,了解到学员在学习过程中遇到的问题,动态地调整授课方式。千锋教育就有线上免费的软件开发公开课,
小程序开发随着微信用户的不断增加,微信在近几年推出的小程序深受用户喜爱,应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,各大企业都纷纷参入其中,也是Web前端开发人员一个不错的选择。APP开发App开发,是指专注于手机应用软件开发与服务。通常专指手机上的应用软件,或称手机客户端。因此,专攻APP开发,同样是Web培训后的就业方向,并且发展态势不断上升,未来前景广阔。
随着互联网发展越来越多元,Web前端工程师的就业路径也更加宽广。现在越来越多的IT企业,对用户体验更加注重,Web前端开发人员的行业需求量也一直不少。千锋教育集团目前已与国内4000多家企业建立人才输送合作,与500多所大学建立实训就业合作,每年为各大企业输送上万名移动开发工程师,每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。千锋教育截止目前已在北京、深圳、上海、广州、郑州、成都、大连等20余个核心城市建立直营校区,服务近20万学员、近千所高校和数万家企业。
⑦ 移动前端开发和web前端开发的区别
移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端
那么他们的区别在哪呢?我给你分析一下:
1、新技术的使用
目前移动终端主要以Webkit内核为中心,更好地支持HTML5等新技术,让新技术得到更广泛的应用。但是PC终端的开发需要兼容IE等老浏览器,所以新技术的应用必须考虑浏览器的兼容性。
2、业务的应用场景
Web前端开发主要是指传统的在电脑端开发网页,网页主要运行在PC端,而手机端开发的网页运行在手机端。这两者没有区别,孰难孰易。开发难度主要看业务需求。
3、页面的适配性
在传统的PC端页面开发中,需要为页面设置固定的宽度,以确保两侧都有页边距。但是移动页面会选择在手机屏幕上显示尽可能多的内容,因为它的运营商手机屏幕比PC端小得多。这时候就要求移动页面要能完全适应各种屏幕尺寸的手机,最大限度地利用。从这个页面的适应性来看,移动端比PC端更难。
4、页面的性能
一般情况下, PC端的网络通过网线或 WIFI与网络相连,而移动端则比较复杂。除 WIFI外,还有2 G、3 G、4 G、5 G,甚至常常会有多个不同网络连接间的切换。因此, PC端的网络状况将比移动端更加稳定。移动端的页面资源不能太大,否则当网络状况不好时,页面无法访问,这对网页性能造成了很大的影响。
以上就是我给你分享的关于移动前端和web前端的区别,希望我的回答对你有所帮助
⑧ Web前端开发做什么Web前端需要学习什么知识
今天小编要跟大家分享的文章是关于Web前端开发做什么?Web前端需要学习什么知识?我们现在所见到的网站开发、朋友圈里的H5活动页、小程序开发、公众号开发、手机网页等,它都属于Web前端的范畴。
随着电商领域的与互联网项目的发展,激烈的竞争让人们对用户体验提出了更高的要求,因此Web前端走向台前,成为一项精细化的技术。
接下来,我就这个岗位是做什么?发展前景怎么样?薪资待遇如何?下面来和小编一起看一看吧!
一、Web前端开发是做什么的?
Web前端就是前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流。
在众多的技术中,JavaScript击败了Applet、ActionScript,成为了当下最“牛”的前端技术!
在早期点Web前端不叫前端,而是被亲切的叫做“网页设计师”。
网页三剑客(Flash、Dreamweaver、Firewoks)并称为Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。后来Firewoks被Adobe这个变态的巨头收购以后,ps就基本取代Firewoks来做设计网页的工作了,虽然我知道现在还有人用,估计是一种怀念和某些好用的切图功能吧。
二、Web前端开发前景怎么样?
前景很不错的,前程无忧每天发布超1万条WEB设计与开发招聘,职友集上海WEB设计与开发平均薪资超过8000元,职友集数据显示工作3年内,年薪增长率10%。
WEB设计与开发专业以培养具有较高审美意识和开发能力的网站开发技能人才为目标,学成后一般在软件开发公司、网络公司、广告公司、游戏公司和大中型企事业单位就业。
现在的人们离不开手机,我们现在手机的各种应用都是用代码写成的,互联网对人们的影响越来越大,根据新闻报道未来中国20年,需要软件开发,美工设计,Web前端开发人才2000W人才,各类职业也需求更多,前端的人才需求比以前也有了质的飞跃。
那么当一个行业发展到一定程度,形成产业的时候,它环节一定会细节化,让专业的人做专业的事,我们可以看到传统制造业、汽车业,不都是如此么。
所以,前端在今后十年内,最有发展的行业之一。
三、那Web前端薪资待遇怎么样?
Web前端工程师已成为互联网公司,最亲睐的对象,不管是起薪还是涨幅,都居互联网行业职位之首,成为互联网行业最有“钱”景职位!刚开始初级的不会太高,中高级薪资就很可观了。
从招聘网站分析,现在的网站开发都往移动设备上转移,html5是众望所归。前端开发的薪酬是根据你掌握的技能程度,不一样的。div+css,js会套用效果的6k到10k,新手熟悉切图,工作效率高的8k左右。有两年工作经验的,会ajax,可以手写代码,就是指常用的单词不用靠编辑器,了解一门后台语言(最好是php),不低于10k。对原生js有非常深入的研究,开发组件,框架库之类的,15k+,最低10k。最近比较流行移动终端,会这些的可能会更高一点的。
四、Web前端要学习什么知识?
学习HTML+css+、JavaScript
Web前端开发要学习的知识很杂乱,知识范围也很广。不过,所有技术都是围绕着三大基本技术来进行的:HTML、CSS,JavaScript。前端的开发中,在页面的布局时,
HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。
精通HTML+css是前端最简单、基础的要求,但最基础的知识要保证到你一定是了解的准确并且全面的。
总言之,大概要学习的有这些:
一、html、css、h5、、c3、js基础
二、jq、js进阶、canvas、移动端
三、设计模式、ajax、node、es6
四、vue、react、微信小程序
以上就是小编今天为大家分享的关于Web前端开发做什么?Web前端需要学习什么知识的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web相关知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利成为一名优秀的Web前端工程师。
⑨ 移动前端开发和web前端开发有什么区别
移动前端开发和 Web 前端开发的区别是:
1、前端是相对比较大的概念,一般是指用户能够看到、直接接触的界面都算是前端,比如iOS界面,安卓界面,网页界面,PC/Mac桌面软件的界面。最常见的是Web前端,也就是针对于网页端开发的工作。
2、Web App即Web application,也就是以浏览器作为客户端的软件。例如,用桌面客户端来收发邮件,但也可以直接用浏览器登陆gmail或者QQ邮箱,直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。
Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件
3、目前,移动客户端的开发主要包括三种类型:
Native App(原生APP):也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用,也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言;Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写,效率和稳定性都是最好的,但欠缺灵活性。
Web App:这个就是在移动浏览器里打开的,使用Web前端开发语言HTML CSS JavaScript来开发的,基本上就是个网页,
Hybrid App:主要使用HTML5实现。一般使用Native语言实现一个容器,然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题,同时比起原生的开发灵活性要高。这样就更新可以更方便快捷,也不依赖于市场。例如,豌豆荚其实是个PC端的hybrid app 。
对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了,这里也就不再赘述了。
4、移动端网页布局方法与pc的差异。
主要是css方面,外加如何做到同一url,不同客户端展现不一致的做法,俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js
最后总结一下:
其实这两者最显着的区别就是,web app是不依赖于具体的设备的,通用性较强,只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备,一旦更换设备,需要重新下载才能继续使用。
移动前端开发 主要来说的是Native Client的开发Android为Java,iOS为Objective-C,然后么HTML5应用号称跨平台其实差异很大。
Web前端开发么基本上就是HTML JavaScript CSS,不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。
app是应用,每个操作系统有专门的开发工具和语言
web是网页,使用html+css+js,有工具可以生成转化为app,不过效果一般
⑩ 移动端手机web前端meta通用设置
手机版页面通常需要设置mate标签,来实现禁止缩放等效果。
<!--页面字符编码--><meta charset="utf-8">
<!--避免IE使用兼容模式--><meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<!-- 启用360浏览器的极速模式(webkit)--><meta name="renderer"content="webkit">
<!--微软的老式浏览器--><meta name="MobileOptimized"content="320">
<!--关键字描述--><meta name="keywords"content=""><meta name="description"content="">
<!--设置移动端视图--><meta name="viewport"content="width=device-width, initial-scale=1, user-scalable=no"/>
<!--针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓--><meta name="HandheldFriendly"content="true">
<!--删除苹果默认的工具栏和菜单栏--><meta name="apple-mobile-web-app-capable"content="yes"/>
<!--设置苹果工具栏颜色--><meta name="apple-mobile-web-app-status-bar-style"content="black"/>
<!--忽略页面中的数字识别为电话,忽略email识别--><meta name="format-detection"content="telphone=no, email=no"/>
<!--uc强制竖屏--><meta name="screen-orientation"content="portrait">
<!--QQ强制竖屏--><meta name="x5-orientation"content="portrait">
<!--UC强制全屏--><meta name="full-screen"content="yes">
<!--QQ强制全屏--><meta name="x5-fullscreen"content="true">
<!--UC应用模式--><meta name="browsermode"content="application">
<!--QQ应用模式--><meta name="x5-page-mode"content="app">
<!--windows phone 点击无高光--><meta name="msapplication-tap-highlight"content="no">