论文部分内容阅读
摘要：该文简单介绍了基于移动端的应用程序前端开发现状，阐述了移动前端的良好发展态势，对比了基于移动端的前端开发与Web前端开发的区别，介绍了几种常见的移动前端开发框架，开发人员在实际工作中要不断完善和优化移动前端开发技术，保证基于移动端的应用程序前端开发能够高效运行，并期望移动前端开发向自动化、智能化发展。
关键词：移动前端开发;前端开发框架;前端开发技术
中图分类号：TP311 文献标识码：A
文章编号：1009-3044（2020）14-0097-02
1基于移动端的应用程序前端开发现状
自从互联网进入了Web2.0时代，大量的Web应用涌入了人们的视野，页面也变得更加美观、生动，与用户的交互也极大地增强了其使用体验。随着HTML5、CSS3、JavaScript以及各种框架技术的应用，人们越来越重视页面的形象设计和交互性设计，并将前端开发从软件开发中逐渐剥离出来。而移动互联网的兴起以及其带来的大量高性能的移动终端设备以及快速的无线网络，让移动端应用程序前端开发的前景十分广阔，许多开发人员纷纷投入到移动端应用程序的前端开发中。
在传统的移动端开发过程中，要先确定需求和产品、设计uI，然后再进行架构设计，并进行数据库、接口和前端开发，经过测试后进行产品运营，这种流程下的移动端应用程序千篇一律，前后端界限不明确，难以满足用户越来越精细的用户体验需求。现在越来越多的企业采用双层架构模式进行移动端应用程序开发，即前端工程师开发H5、Android或IOS页面，后端工程师设计数据库，开发接口、后台，管理服务器或后端云平台，将前后端有效的区分开来，让专业的人做专业的事情，不仅可以提高效率，还可以更好地满足用户的个性化需求。
2基于移动端的应用程序前端开发与Web前端开发的区别
2.1应用场景不同
基于移动端的应用程序前端页面是面向手机、平板电脑等移动设备的，页面小巧、使用靈活，但是要求页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用，因此主要适用于浏览多、操作简捷的应用程序;而Web前端页面主要面向台式机、PC机等设备，页面较大、观看更舒适，适用于需要大量操作的应用程序和用户。
2.2应用页面性能不同
移动端设备连接的网络与Web前端相比较为复杂，Web端主要是通过网线连接网络，稳定性强，而移动端接入的是无线网络，如Wi-Fi、4G等，如果遇到网络不稳定的情况，还会在不同网络中进行切换，对页面性能无疑是一个巨大的挑战，这就要求移动端的页面资源不能过大，否则在恶劣网络情况下时，页面将会无法访问，严重影响用户体验。
2.3技术框架使用不同
由于在移动端主要以webkit内核为主，对HTML5、CSS3等新技术支持的更好，所以可以更大范围地使用新技术;而Web端由于要兼容不同版本的浏览器，在一些情况下限制了其对新技术的使用。此外，在移动端页面框架的选择方面，由于移动端网络情况不稳定，一般只考虑体积小而功能强大的框架，能满足一般业务的需要;而Web端相对选择的范围比较大，可以根据项目的实际需求加以考虑，不必因为顾虑体积问题而降低其功能性。
3常见的基于移动端的应用程序前端开发框架
基于移动端的应用程序随着移动终端智能化的发展而受到越来越多人的关注，相较于Web端，它的运行更快、随时随地，而且有更好的用户体验。随着前端开发技术的不断发展，移动前端开发框架也在不断更新、完善，前端开发人员可以通过选择合适、高质量的移动框架来满足不同应用程序的性能需求。下面介绍几种常见的基于移动端的应用程序前端开发框架。
3.1 jQuery Mobile框架
iQuery Mobile是iQuery主要面向移动端Web程序前端开发的框架，能够帮助开发人员快速开发出支持多种移动设备的Mobile应用用户界面。jQueryMobile继承了jQuery的优势，给主流移动平台带来了功能强大的ljQuery核心库，并且给主流平台提供了丰富的适合移动端Web应用的uI组件，还有很多的第三方扩展，几乎适用于所有流行的智能手机和平板电脑。
iQuery Mobile使用HTML5和CSS3通过尽可能少的脚本来对页面进行布局，其最新版本是1.4.0，主要侧重于在性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQueryuI的Tab部件，给开发人员带来了极大的便利。
3.2 Sencha Touch框架
Sencha Touch框架是最早的基于HTML5的移动端Web程序框架，它提倡组件化编程，是面向对象技术的发展延伸，类的概念仍然是Sencha Touch框架中的一个基础概念，但其更核心的概念是接口。Sencha Touch框架包含的丰富的用户界面组件和数据管理全部都是基于最新的HTML 5和CSS3的Web标准，能够全面兼容Android和iOS设备。
3.3阿里系的KISSY框架
KISSY是由阿里巴巴集团的前端工程师们发起创建的一个开源JavaScript框架。它具有跨终端、模块化、高扩展性、组件齐全和使用简单等优点。除了完备的工具集合诸如DOM、Event、Ajax、Anim等，KISSY还面向团队协作做了独特设计，提供了经典的面向对象、动态加载、性能优化等解决方案。作为一款全终端支持的JavaScript框架，KISSY为移动终端做了大量适配和优化，应用场景十分广泛。KISSY Mobile是一套面向移动端的功能特性集合，能够实现灵活配置的转场动画和View的解耦。目前KISSY 5.0已经全面支持移动端。
3.4腾讯系的Frozen UI框架
Frozen uI框架是腾讯的社交用户体验设计团队根据最新的手机QQ设计规范制作的移动端Web框架，是一套基于移动端的uI库。Frozen uI框架非常轻量、精美，提供了包含表单、对话框、列表、CSS基础样式、JavaScript基础组件和一些动画效果的库。此外，FrozenUI还可以提供文字截断、lpx边框、rem、两端留白等常用场景的解决方案。
4小结
综上所述，基于移动端的前端开发无论从应用场景还是框架技术上，都区别于传统的Web前端开发，相信随着IT技术的不断发展，前端技术的不断更新，必将给移动端应用程序前端开发带来新的前景与机会，催生新的产业链条，打破固有开发模式，颠覆人们的工作和生活习惯，给用户带来全新的体验。
关键词：移动前端开发;前端开发框架;前端开发技术
中图分类号：TP311 文献标识码：A
文章编号：1009-3044（2020）14-0097-02
1基于移动端的应用程序前端开发现状
自从互联网进入了Web2.0时代，大量的Web应用涌入了人们的视野，页面也变得更加美观、生动，与用户的交互也极大地增强了其使用体验。随着HTML5、CSS3、JavaScript以及各种框架技术的应用，人们越来越重视页面的形象设计和交互性设计，并将前端开发从软件开发中逐渐剥离出来。而移动互联网的兴起以及其带来的大量高性能的移动终端设备以及快速的无线网络，让移动端应用程序前端开发的前景十分广阔，许多开发人员纷纷投入到移动端应用程序的前端开发中。
在传统的移动端开发过程中，要先确定需求和产品、设计uI，然后再进行架构设计，并进行数据库、接口和前端开发，经过测试后进行产品运营，这种流程下的移动端应用程序千篇一律，前后端界限不明确，难以满足用户越来越精细的用户体验需求。现在越来越多的企业采用双层架构模式进行移动端应用程序开发，即前端工程师开发H5、Android或IOS页面，后端工程师设计数据库，开发接口、后台，管理服务器或后端云平台，将前后端有效的区分开来，让专业的人做专业的事情，不仅可以提高效率，还可以更好地满足用户的个性化需求。
2基于移动端的应用程序前端开发与Web前端开发的区别
2.1应用场景不同
基于移动端的应用程序前端页面是面向手机、平板电脑等移动设备的，页面小巧、使用靈活，但是要求页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用，因此主要适用于浏览多、操作简捷的应用程序;而Web前端页面主要面向台式机、PC机等设备，页面较大、观看更舒适，适用于需要大量操作的应用程序和用户。
2.2应用页面性能不同
移动端设备连接的网络与Web前端相比较为复杂，Web端主要是通过网线连接网络，稳定性强，而移动端接入的是无线网络，如Wi-Fi、4G等，如果遇到网络不稳定的情况，还会在不同网络中进行切换，对页面性能无疑是一个巨大的挑战，这就要求移动端的页面资源不能过大，否则在恶劣网络情况下时，页面将会无法访问，严重影响用户体验。
2.3技术框架使用不同
由于在移动端主要以webkit内核为主，对HTML5、CSS3等新技术支持的更好，所以可以更大范围地使用新技术;而Web端由于要兼容不同版本的浏览器，在一些情况下限制了其对新技术的使用。此外，在移动端页面框架的选择方面，由于移动端网络情况不稳定，一般只考虑体积小而功能强大的框架，能满足一般业务的需要;而Web端相对选择的范围比较大，可以根据项目的实际需求加以考虑，不必因为顾虑体积问题而降低其功能性。
3常见的基于移动端的应用程序前端开发框架
基于移动端的应用程序随着移动终端智能化的发展而受到越来越多人的关注，相较于Web端，它的运行更快、随时随地，而且有更好的用户体验。随着前端开发技术的不断发展，移动前端开发框架也在不断更新、完善，前端开发人员可以通过选择合适、高质量的移动框架来满足不同应用程序的性能需求。下面介绍几种常见的基于移动端的应用程序前端开发框架。
3.1 jQuery Mobile框架
iQuery Mobile是iQuery主要面向移动端Web程序前端开发的框架，能够帮助开发人员快速开发出支持多种移动设备的Mobile应用用户界面。jQueryMobile继承了jQuery的优势，给主流移动平台带来了功能强大的ljQuery核心库，并且给主流平台提供了丰富的适合移动端Web应用的uI组件，还有很多的第三方扩展，几乎适用于所有流行的智能手机和平板电脑。
iQuery Mobile使用HTML5和CSS3通过尽可能少的脚本来对页面进行布局，其最新版本是1.4.0，主要侧重于在性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQueryuI的Tab部件，给开发人员带来了极大的便利。
3.2 Sencha Touch框架
Sencha Touch框架是最早的基于HTML5的移动端Web程序框架，它提倡组件化编程，是面向对象技术的发展延伸，类的概念仍然是Sencha Touch框架中的一个基础概念，但其更核心的概念是接口。Sencha Touch框架包含的丰富的用户界面组件和数据管理全部都是基于最新的HTML 5和CSS3的Web标准，能够全面兼容Android和iOS设备。
3.3阿里系的KISSY框架
KISSY是由阿里巴巴集团的前端工程师们发起创建的一个开源JavaScript框架。它具有跨终端、模块化、高扩展性、组件齐全和使用简单等优点。除了完备的工具集合诸如DOM、Event、Ajax、Anim等，KISSY还面向团队协作做了独特设计，提供了经典的面向对象、动态加载、性能优化等解决方案。作为一款全终端支持的JavaScript框架，KISSY为移动终端做了大量适配和优化，应用场景十分广泛。KISSY Mobile是一套面向移动端的功能特性集合，能够实现灵活配置的转场动画和View的解耦。目前KISSY 5.0已经全面支持移动端。
3.4腾讯系的Frozen UI框架
Frozen uI框架是腾讯的社交用户体验设计团队根据最新的手机QQ设计规范制作的移动端Web框架，是一套基于移动端的uI库。Frozen uI框架非常轻量、精美，提供了包含表单、对话框、列表、CSS基础样式、JavaScript基础组件和一些动画效果的库。此外，FrozenUI还可以提供文字截断、lpx边框、rem、两端留白等常用场景的解决方案。
4小结
综上所述，基于移动端的前端开发无论从应用场景还是框架技术上，都区别于传统的Web前端开发，相信随着IT技术的不断发展，前端技术的不断更新，必将给移动端应用程序前端开发带来新的前景与机会，催生新的产业链条，打破固有开发模式，颠覆人们的工作和生活习惯，给用户带来全新的体验。