AngularJS始于前端接触angular.js+ionic框架,我这么做好也?

题目:angular.js+ionic框架,要服不同手机头部及情之高度 

前面未曾碰过angular.js,认为这个框架Vue一样,上手还比较简单,后来,在实质上的劳作中间,我才清楚自己想的尽简单了。

第一不行当iphone上支出之App的时刻,将content离ion-header-bar高度调到10px,从UI上正达到了设计师的渴求,等切换至了安卓手机观看,才意识之前的10px高度居然变成了30px高度,然后自己以当Html中将高度增加20px,结果及了iPhone手机,content与header居然有陆续,高度为的卓绝少了。

本人是新手一朵,第一不善出席项目支付,遇到这个题材,来回折腾了稍稍刺激。打算写js来判定它们是iOS系统或者android系统,但是以休亮打何方入手。后来,在同事的援下,我才知,原来ionic框架已经把这题目想吓了,不用自自己去描绘代码判断。

她自身即产生一个$ ionPlatform方法,在控制器中得判明。

乃,我就在controllers.js 里开展判断:

  if (ionic.Platform.isIOS()) {  $scope.position_headbar_top=’106′; 
$scope.content_top=’108px’;        }    else{
$scope.content_top=’88px’; $scope.position_headbar_top=’86’;         
}

然后在HTML里面 的 ion-content
写上content_top。来回切换多次,发现高度可以自适应iOS和android,这个问题化解了,心里好是高高兴兴,同时也略不安。

因为ionic框架我耶从没碰了,没有想到方框架这么便宜,让自身不禁想使更失去了解它们。于是,我上网查看了查Ionic,官网文档【http://www.ionic.wang/js\_doc-index-id-21.html】上这样介绍:

Ionic既是一个CSS框架也是一个Javascript
UI库。许多组件需要Javascript才能够生神奇的效能,尽管通常组件不待编码,通过框架扩展可以生容易地运。Ionic遵循视图控制模式,通俗的了解和
Cocoa
触摸框架相似。在视图控制模式被,我们以界面的异部分分为子视图或含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来供相互与UI功能。一个大好的事例就是是标签栏(Tab
Bar)视图控制器处理点击标签栏在平多样可视化面板间切换。Ionic
是现阶段最有潜力的如出一辙暂缓 HTML5 手机使用开发框架。通过 SASS 构建应用程序,它
提供了好多 UI 组件来助开发者开发强大的应用。 它采用 JavaScript MVVM
框架和 AngularJS 来增长应用。提供数据的双向绑定,使用她变成 Web
和走开发者的共选择。

下一场从头开始了解之框架,于是,我就算从头写这些笔记,来记下好以做事与上着碰到的题目,分享出去,让投机学以致用。

相关文章