首页  >  问答  >  正文

angular.js - angular的移动端适配问题

1,如果需要现有的已完成的angular web项目适配移动端,实现类似原生app的效果需要哪些工作步骤或者额外的工作
2,如果使用angular做一个新的项目而要求实现移动端适配(像原生app那样),需要什么样的步骤。
3,适配移动端是不是必须要写两套js?
4,有什么样的ui库推荐

新手,问题问的不是很专业,希望您能以自己的理解给以解答

某草草某草草2713 天前639

全部回复(2)我来回复

  • 高洛峰

    高洛峰2017-05-15 17:04:44

    1.如果已有一个已经完成的angular web项目的话,如果要实现类似原生app的感觉的话,最主要的是要把UI做的和原生的那样,这还可能要调整你原有的页面布局,甚至是一些交互的效果;还是比较费事的。
    2.如果使用angular做一个新的项目,并且要求实现移动端适配;我个人觉得首先选择一个移动端的UI框架,然后在在前端方面要做的就是尽量使用延时加载(按需加载)来加载我们的应用;因为移动端对性能的要求要高一点。
    3.一般情况下来说,如果你是使用那些类似bootstrap或者foundation这样的响应式的框架的话,不必写两套样式文件。如果是一些不是响应式的框架的话,就要写两套样式,还有可能要写一些额外的JavaScript来辅助的实现移动端的某些样式。
    4.推荐的UI库:

    • ionic Hybrid App

    • framework7 Full Featured Mobile HTML Framework For Building iOS & Android Apps

    • amazeUI 国产的,使用过,还不错;推荐一下

    • weiui 为微信Web服务量身设计,使用过,也很不错,推荐

    • weex A framework for building Mobile cross-platform UI,阿里巴巴的,还未开源,不过可以申请使用,没用过,看过android版的demo,也还不错。

    • onsen UI HTML5 Hybrid Mobile App Framework and UI Components for PhoneGap & Cordova.

    • mobile Angular UI Build HTML5 Mobile Apps with Bootstrap and Angular JS

    • kendo UI The Most Complete UI Framework to Speed Up Your HTML/JS Development

    • jquery mobile 老牌的UI

    回复
    0
  • PHP中文网

    PHP中文网2017-05-15 17:04:44

    直接用ionic。

    回复
    0
  • 取消回复