开发平台 app-h5-小程序-PC端

128 阅读3分钟

app       h5       小程序       PC端

web前端

是互联网时代软件产品研发种不可缺少的角色。

从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都属于前端工程师的专业领域。

从侠义上讲,web前端就是使用HTML、CSS、Javascript等专业技能和工具将产品的UI设计稿实现网站产品,涵盖用户PC端、移动端等网页,处理视觉和交互问题

移动前端

主流的移动前端开发指的是Android一级IOS的原生开发,什么是原生开发,最简单来讲就是Android用java写iOS用ObjectC(swift)写。这样做出来的app在浏览体验上肯定是优于网页的。由于原生开发需要两个端开发,开发周期长(原生开发难度比web开发要大),所以最近很多公司都会把产品的一些页面抽出来用webview来实现,甚至还可以使用phonegap将你的网页打包成app(可以理解为纯webview的一个app)。这样的app称为hybrid app,可以说是在开发效率以及用户体验上各有取舍得出来的产物吧。

*移动端和PC端的区别

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

第二:在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。另外包括移动端弹出的手机键盘的处理,这问题在PC端都是遇不到的。

第三:在布局上,以哦对那个的开发一般是要做到布局自适应的,我使用的一直是rem布局,感觉良好

第四:在动画处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是css3做了很大的牺牲,而在手机端,如果要做一些动画、特效等,第一选择css3,即简单、效率有高

第五: 微信的一些接口组好能去实现一遍,熟悉一下肯定是有好处的,比如通过微信分享文章,title、description、icon等图标的配置,这些还是要会的。 

 第六: 百度地图的一些API接口,也得去实现一下,这些对于移动端来说,LBS是一个非常重要的特性,所以地图这块肯定是要了解的,在加上百度地图这块已经是一个比较成熟的平台了,所以学起来也比较容易。

 第七: CSS3的动画一定要比较熟练,这在移动端用的还是比较多的。