高級HTML5 移動應用框架?Ionic v2.0.0-rc.0 發布
Ionic Framework 是個高級的 HTML5 移動端應用框架,是個很漂亮的使用 HTML5 開發混合移動應用前端框架。
更新日志
新功能
- Ionic 2 API finalized for
2.0.0
release - Angular 2.0.0 (final!)
- ionViewCanEnter / CanLeave lifecycle events
- FAB Button lists
- Ahead of Time (AoT) compiler ready
- Components can now individually set a mode, which means an app can mix and match iOS / Material Design / Windows Platform modes if that’s desired.
- Typescript 2.0
- @types support for third-party libraries
- Move away from
gulp
to@ionic/app-scripts
- Use Rollup for bundling instead of
browserify
orwebpack
重大更改
- Angular upgrade to 2.0.0
- Renamed Lifecycle events.
- Storage has been removed from ionic-angular and into a separate module, @ionic/storage.
- Starters have been updated to add this, make sure to add it to your package.json if you’re using the storage system. See more details here.
- Nav transitions are queued. For more info on what this means for you see this section.
- Removed Tabs
preloadTabs
ability. This is no longer needed with the Ahead of Time (AoT) compiler. - Icons in buttons require an attribute on the parent button in order to style them.
- Platform and mode CSS classes have been moved from the
- element to the element.
- select: Select’s
alertOptions
input has been renamed toselectOptions
. See more details here. - colors: Colors should be passed in the
color
input on components, not added - individually as an attribute on the component. See more details here.
- buttons:
<button>
becomes<button ion-button>
. See more details here and here. - Head link tags for CSS files are no longer dynamically updated, but one CSS file is imported.
- (Future build processes will narrow down the CSS file further to only include what’s used). See moredetails here.
- The
<scroll-content>
element, which is internal to<ion-content>
, has been renamed to <div class=”scroll-content”>
since it was neither a directive nor a web component.<ion-fixed>
has been removed, use<div ion-fixed>
instead.- scss: Changes to how sass/scss is imported. See more details here.
- typings: We have stopped using the
typings
tool and have migrated tonpm @types
. See moredetails here.
Bug 修復
- action-sheet: add icon-left to the button if an icon exists (a731528)
- animation: prevent possible raf null errors (0e8ebe5)
- app: corrected paths to theme from app.scss (001c1c9)
- changelog: specify version of forms (82852fb)
- checkbox: disabled toggle should not fire events or animate (3324e32)
- di: update dependency injection and default configs (7c05d0c)
- docs: get rid of reference to @Page (6fb848c)
- exports: update module exports (6784f5e)
- fab: colors in speed dial buttons (b70614b)
- gestures: fixes scroll issue with hammer config (174efc1), closes #6897
- ion-fixed: ion-fixed directive is not longer needed (75d5526)
- item: regression in sliding item introduced by 52ada1c (e0c2129)
- item: sliding item events are zone wrapped (47491fb), closes #7630
- item: sliding item with icon-only buttons (1d3d5a1)
- menu: open/close race condition (8585427), closes #7629 #8001
- gulp validate passes successfully (b750e46)
- nav: move null assignment of _onWillDismiss (35193c4)
- nav: setRoot() and setPages() should not animate (7012734)
- navigation: move onWillDismiss and onDidDismiss, add unit tests (e26c425)
- platform: fire platform ready on app init (963e835)
- reorder: adjust reorder icon style for iOS and MD (f3bb2dc)
- templates: add template tabs #8207 (#8208) (0f6ce28)
- urlSerializer: improve findLinkByComponentData (9d563f5)
代碼重構
- button: add ion-button attribute and icon attributes to style buttons (938864e), closes #7466
- colors: color should be added as an input instead of directly adding the color to the component (55a0257), closes #7087 #7401 #7523
- select: rename alertOptions to selectOptions, add ability to pass them for action-sheet (b8285b7), closes #7764
特征
- action-sheet: add ability to pass multiple classes to cssClass (68ab261)
- chips: added Chip component (421f637)
- chips: finished Component (0dece72)
- fab: update floating action buttons (490a06d)
- itemReorder: animate reorder button (1f78487)
- loading: add ability to pass multiple classes to cssClass (466dea3)
- loading: add setContent function (c750847)
- add polyfill task (ce78194)
- nav: component url navigation (f477aa2)
- nav: set default stack history on app init (ca8cc0a)
- polyfills: split up code and source polyfill task (#8130) (bcec66c)
- popover: add ability to pass multiple classes to cssClass (a685cdc)
- toast: add ability to pass multiple classes to cssClass (79e25a3)
性能改進
- item: apply will-change only when list is active (4bcd815)
- reorder: reorder icon is display: none by default (26441ec)
- ripple: md ripple effect update to not affect layout (14a3ea2)
下載
本站原創,轉載時保留以下信息:
本文轉自:深度開源(open-open.com)
原文地址:http://www.baiduhome.net/news/view/1b67fce2
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!