认识达内从这里开始

随着互联网的不断发展，越来越多app软件被用户使用，而今天我们就一起来了解一下，程序员开发app软件都有哪些开发技巧需要掌握。

一、WebApp与NativeApp有何区别呢?

1、NativeApp

开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。

更新体验较差、同时也比较麻烦。每一次发布新的版本，都需要做版本打包，且需要用户手动更新。

非常酷。因为NativeApp可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果。

NativeApp是被Apple认可的。NativeApp可以被Apple认可为一款可信任的独立软件，可以放在AppleStroe出售，但是WebApp却不行。

2、WebApp

开发成本较低。使用web开发技术就可以轻松的完成WebApp的开发。

升级较简单。升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉。

维护比较轻松。和一般的Web一样，维护比较简单，它其实就是一个站点。

WebApp说白了就是一个针对Iphone、Android优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP、ASP。

当然，因为这些智能手机(Iphone、Android)的内置浏览器都是基于webkit内核的，所以在开发WebAPP时，多数都是使用HTML5和CSS3技术做UI布局。当使用HTML5和CSS3l做UI时，若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的话，这也就失去了WebApp的本质意义了，且有些效果也无法实现的，所以在此又回到了我们的主题–WebApp的布局方式和技术。

在此所说的移动平台前端开发是指针对智能手机(如Iphone、Android)做站点适配也就是WebApp，并非是针对普通手机开发Wap2.0，所以在阅读本篇文章以前，你需要对webkit内核的浏览器有一定的了解，你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解，那现在就开始往下阅读吧...

二、WebApp开发技巧

1、webkit内核中的一些私有的meta标签

强制让文档的宽度与设备的宽度保持1:1，并且文档极限的宽度比例是1.0，且不允许用户点击屏幕放大浏览

2、HTML5标签的使用

在开始编写WebApp时，建议前端工程师使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验，可以减少开发者很多的工作量，当然了你决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。比如定义一块内容或文章区域可使用section标签，定义导航条或选项卡可以直接使用nav标签等等。

3、利用CSS3边框背景属性

这个按钮有圆角效果，有内发光效果还有高光效果，这样的按钮使用CSS3写是无法写出来的，当然圆角可以使用CSS3来写，但高光和内发光却无法使用CSS3编写，这个时候你不妨使用-webkit-border-image来定义这个按钮的样式。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。