(跨端移动开发开源框架简介.docVIP

??? ?X5跨端移动开发框架开源项目简介 ? ?? ?一、X5是什么 ? ?? ?X5是跨端移动快速开发框架；只需一次开发，即可发布、运行于各种前端平台上；支持iOS ipa、android apk、微信服务号/企业号应用、web app和其他轻应用的快速开发。 ? ?? ? ? ?? ?二、X5采用的开源协议 ? ?? ?采用Apache v2.0许可证开源模式，商业友好，完全免费。 ? ?? ?三、X5开源项目采用的技术标准和整体架构 ? ?? ?X5采用混合应用（hybrid app）开发模式, UI体系完全基于w3c的html5+css3+js；引入jquery和bootstrap并对移动做了极致优化，效率极高。X5本机API Framework采用phonegap(cordova)框架。 ? ?? ?X5开源项目的核心理念是：组装和改进现有成熟优秀的轮子，打造一辆好车。 ? ?? ?X5整体技术架构简单示意如下： ? ?? ??? ? ?? ?四、X5开源框架能力简介 ? ?? ?1．??跨平台多前端应用开发，支持app、web和微信应用快速开发 ? ?? ?在企业应用市场，多平台、跨前端已成必须，而非可选，微信应用，也已势不可挡。X5对跨平台多前端应用开发的支持极好，一次开发，多平台运行。 ? ?? ?目前，X5能开发的跨平台多前端应用有： 移动app（苹果ios app、安卓Androidapp） 微信应用（包括公众号、服务号和企业号应用） 企业web app（PC、平板和手机） 其他轻应用（百度直达号等） ? ?? ?2．??高效精致的UI组件体系，完全基于主流标准和技术 ? ????X5的UI组件体系是完全基于html5+css3+js，非常干净标准。 ? ????X5的UI组件技术完全是开放主流，基于jquery和bootstrap技术，经X5高度优化，在移动上的表现很好，接近原生，真的很赞。 X5 的UI基于模块化开发，采用增强的RequireJS模块化技术 可视化拖拽设计的组件技术，X5已经提供了大量丰富的UI组件，并且支持引入和扩展第三方组件，大大提升了界面开发的效率和降低了难度 风格样式库基于bootstrap技术，在bootstrap基础上大大增强了适合移动的样式和组件，可轻松引入bootstrap大量丰富的样式资源并随意换肤 高效灵活的双向数据绑定技术和数据组件，使用简单能力强大 高度优化，性能接近原生。操作爽滑，拖拽、转场及动画效果很好 ? ? ?? ?3．??本机API框架（Native APIFramework） ? ????X5采用混合应用（hybrid app）开发模式。能轻松调用手机设备的系统和硬件能力，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池。。。等。 ? ????这方面，phonegap/cordova几乎是事实的标准了，很多大公司都采用。在本机框架上，X5有： 基于phonegap(cordova)框架 默认内嵌高性能浏览器，大大提升性能，特别是android低端机 提供微信等轻应用框架 提供了丰富的原生插件 支持引入和扩展第三方插件，任何原生app能实现的能力都可通过扩展插件实现 ? ? ?? ?4．??可视化拖拽式集成开发环境IDE ? ????X5的IDE基于eclipse，X5的主要工作是强化了可视化快速开发。提供了一个完全可视化、组件化、拖拽式开发环境。 基于eclipse开源IDE 可视化、组件化拖拽设计，完全所见即所得 向导化、模版化等工具，快速生成常见应用场景界面 ? ? ? ?? ?5．??全能力的调试支持和智能代码提示 ? ????开发手机app，模拟调试是关键能力，对开发者极端重要，而这也是业界现有hybrid app开发工具的软肋。X5对hybrid app开发提供了业界最强大的调试支持，表现真正完美。 提供全能力、一站集成的模拟调试支持。开发手机app，日常的调试几乎都是模拟调试，使用频繁度远超真机调试，X5提供全面、完备的模拟调试支持，表现真正完美 X5的模拟调试效果和真机运行效果几乎完全相同。由于X5的UI组件体系彻底基于html+css+js，并采用高仿真本机设备app模拟，模拟调试运行效果和真机运行效果几乎完全相同，杜绝模拟运行和真机运行不一致的问题 X5开放了所有的UI框架和组件源码，使得开发者能在浏览器里跟踪进入每一个组件的每一行代码，找到和排查到真正的底层原因，系统调试彻底透明，无黑盒，无死角！ 支持真机调试，提供全真机和快捷真机调试模式，为开发者提供最大方便。 X5开放了全部原生app框架源码和本机api插件源码，开发者可以在原生开发环境(Android ADT和XCode)内