跨平台响应式前端框架技术的研究与应用.PDFVIP

第26卷 第22期 电子设计工程 2018年11月 Vol.26 No.22 ElectronicDesignEngineering Nov.2018 跨平台响应式前端框架技术的研究与应用 张龙，张晗 （西安欧亚学院陕西西安710065） 摘要：智能手机端的应用目前主要有基于Android和IOS平台的两大类，那么开发者、运营者就需 要为不同的系统分别设计App并进行适配，后期的管理、维护也需要分别进行，无形中增加了难度 和运营成本。本文尝试探索跨平台应用的解决方案，采用基于HTML5及框架技术，设计一个跨平 台响应式的教师授课评价系统，验证了方案的可行性，与传统原生App比较，跨平台解决方案在成 本、难度、迭代速度等方面都有明显的优势。 关键词：跨平台；解决方案；框架；响应式 中图分类号：TN91 文献标识码：A 文章编号：1674-6236（2018）22-0006-04 Researchandapplicationofcross⁃platformresponsefront⁃endframework ZHANGLong，ZHANGHan （Xi’anEurasiaUniversity，Xi’an710065，China） Abstract:Atpresent，therearemainlytwotypesofapplicationsbasedonAndroidandIOSplatforms，so developers and operators need to design App separately and adapt them to different systems. Later managementandmaintenancealsoneedtobeseparatelycarriedout，andDifficultyandoperatingcosts increased.Thispaperattemptstoexploresolutionsforcross-platformapplications.BasedonHTML5 and frameworktechnology，across-platformresponsiveteacherinstructionevaluationsystemisdesignedto verifythefeasibilityoftheprogram.ComparedwiththetraditionalnativeApp，Cross-platformsolutions cost，difficulty，iterationspeedandotheraspectshaveobviousadvantages. Keywords:cross⁃platform；solutions；framework；responsive 近几年随着移动互联网技术的快速发展，智能 先介绍了解决方案的设计思路，并且采用该方案设 手机成为方便快捷的通讯工具。智能手机中的应用 计了一个授课评价系统，这个系统解决了跨平台使 更是品类齐全，这些应用大多是基于Android和IOS 用的问题，使用者无论在PC端还是在移动端都能够 两种平台。随着移动设备的多样化发展，手机应用 有很好的使用体验，在系统设计成本、难度、易用性、 [1] 兼容各类设备的工作量也变得越来越大。企业既需 后期维护性等方面都有着明显的优势 。 要一个Web站点，又需要针对每个主流的移动平台 1 相关技术 开发一个移动应用程序，并且还要适配各种类型的 移动设备，使得开发成本和后续的维护就变得非常 1.1 响应式布局 繁琐和复杂。如果能有一种解决方案实现跨平台部