高级HTML5 移动应用框架 Ionic v2.0.0-rc.0 发布

   <p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/449e070ab0ae59ad92641d21fff87223.png" /></p>    <p> </p>    <p>        Ionic Framework 是个高级的 HTML5 移动端应用框架，是个很漂亮的使用 HTML5 开发混合移动应用前端框架。</p>    <p> </p>    <h2>更新日志</h2>    <h3>新功能</h3>    <ul>     <li>Ionic 2 API finalized for <code>2.0.0</code> release</li>     <li>Angular 2.0.0 (final!)</li>     <li>ionViewCanEnter / CanLeave lifecycle events</li>     <li>FAB Button lists</li>     <li>Ahead of Time (AoT) compiler ready</li>     <li>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.</li>     <li>Typescript 2.0</li>     <li><a href="/misc/goto?guid=4958994066399860304">@types</a> support for third-party libraries</li>     <li>Move away from <code>gulp</code> to <code>@ionic/app-scripts</code></li>     <li>Use Rollup for bundling instead of <code>browserify</code> or <code>webpack</code></li>    </ul>    <h3>重大更改</h3>    <ul>     <li>Angular upgrade to <a href="/misc/goto?guid=4958994066515983039">2.0.0</a></li>     <li><a href="/misc/goto?guid=4958994066625004429">Renamed Lifecycle events</a>.</li>     <li>Storage has been removed from ionic-angular and into a separate module, @ionic/storage.</li>     <li>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 <a href="/misc/goto?guid=4958994066728391252">details here</a>.</li>     <li>Nav transitions are queued. For more info on what this means for you see <a href="/misc/goto?guid=4958994066838438068">this section</a>.</li>     <li>Removed Tabs <code>preloadTabs</code> ability. This is no longer needed with the Ahead of Time (AoT) compiler.</li>     <li>Icons in buttons require an attribute on the parent button in order to style them.</li>     <li>Platform and mode CSS classes have been moved from the</li>     <li>element to the element.</li>     <li>select: Select’s <code>alertOptions</code> input has been renamed to <code>selectOptions</code>. See more <a href="/misc/goto?guid=4958994066946178078">details here</a>.</li>     <li>colors: Colors should be passed in the <code>color</code> input on components, not added</li>     <li>individually as an attribute on the component. See more <a href="/misc/goto?guid=4958994067060386123">details here</a>.</li>     <li>buttons: <code><button></code> becomes <code><button ion-button></code>. See more <a href="/misc/goto?guid=4958994067166491223">details here</a> and <a href="/misc/goto?guid=4958994067273951003">here</a>.</li>     <li>Head link tags for CSS files are no longer dynamically updated, but one CSS file is imported.</li>     <li>(Future build processes will narrow down the CSS file further to only include what’s used). See more<a href="/misc/goto?guid=4958994067388976615">details here</a>.</li>     <li>The <code><scroll-content></code> element, which is internal to <code><ion-content></code>, has been renamed to</li>     <li><code><div class=”scroll-content”></code> since it was neither a directive nor a web component.</li>     <li><code><ion-fixed></code> has been removed, use <code><div ion-fixed></code> instead.</li>     <li>scss: Changes to how sass/scss is imported. See more <a href="/misc/goto?guid=4958994067487344490">details here</a>.</li>     <li>typings: We have stopped using the <code>typings</code> tool and have migrated to <code>npm @types</code>. See more<a href="/misc/goto?guid=4958994067596735808">details here</a>.</li>    </ul>    <h3>Bug 修复</h3>    <ul>     <li><strong>action-sheet:</strong> add icon-left to the button if an icon exists (<a href="/misc/goto?guid=4958994067695603031">a731528</a>)</li>     <li><strong>animation:</strong> prevent possible raf null errors (<a href="/misc/goto?guid=4958994067810448170">0e8ebe5</a>)</li>     <li><strong>app:</strong> corrected paths to theme from app.scss (<a href="/misc/goto?guid=4958994067922697148">001c1c9</a>)</li>     <li><strong>changelog:</strong> specify version of forms (<a href="/misc/goto?guid=4958994068026371435">82852fb</a>)</li>     <li><strong>checkbox:</strong> disabled toggle should not fire events or animate (<a href="/misc/goto?guid=4958994068129846949">3324e32</a>)</li>     <li><strong>di:</strong> update dependency injection and default configs (<a href="/misc/goto?guid=4958994068237117581">7c05d0c</a>)</li>     <li><strong>docs:</strong> get rid of reference to <a href="/misc/goto?guid=4958994068348821402">@Page</a> (<a href="/misc/goto?guid=4958994068477219208">6fb848c</a>)</li>     <li><strong>exports:</strong> update module exports (<a href="/misc/goto?guid=4958994068608853563">6784f5e</a>)</li>     <li><strong>fab:</strong> colors in speed dial buttons (<a href="/misc/goto?guid=4958994068717168190">b70614b</a>)</li>     <li><strong>gestures:</strong> fixes scroll issue with hammer config (<a href="/misc/goto?guid=4958994068841598428">174efc1</a>), closes <a href="/misc/goto?guid=4958994068968353294">#6897</a></li>     <li><strong>ion-fixed:</strong> ion-fixed directive is not longer needed (<a href="/misc/goto?guid=4958994069095747515">75d5526</a>)</li>     <li><strong>item:</strong> regression in sliding item introduced by <a href="/misc/goto?guid=4958994069219028678">52ada1c</a> (<a href="/misc/goto?guid=4958994069357484160">e0c2129</a>)</li>     <li><strong>item:</strong> sliding item events are zone wrapped (<a href="/misc/goto?guid=4958994069483906930">47491fb</a>), closes <a href="/misc/goto?guid=4958994069608738793">#7630</a></li>     <li><strong>item:</strong> sliding item with icon-only buttons (<a href="/misc/goto?guid=4958994069734343936">1d3d5a1</a>)</li>     <li><strong>menu:</strong> open/close race condition (<a href="/misc/goto?guid=4958994069852999670">8585427</a>), closes <a href="/misc/goto?guid=4958994069977319938">#7629</a> <a href="/misc/goto?guid=4958994070111398803">#8001</a></li>     <li>gulp validate passes successfully (<a href="/misc/goto?guid=4958994070240253707">b750e46</a>)</li>     <li><strong>nav:</strong> move null assignment of _onWillDismiss (<a href="/misc/goto?guid=4958994070359660710">35193c4</a>)</li>     <li><strong>nav:</strong> setRoot() and setPages() should not animate (<a href="/misc/goto?guid=4958994070496403617">7012734</a>)</li>     <li><strong>navigation:</strong> move onWillDismiss and onDidDismiss, add unit tests (<a href="/misc/goto?guid=4958994070615680948">e26c425</a>)</li>     <li><strong>platform:</strong> fire platform ready on app init (<a href="/misc/goto?guid=4958994070736218994">963e835</a>)</li>     <li><strong>reorder:</strong> adjust reorder icon style for iOS and MD (<a href="/misc/goto?guid=4958994070867944455">f3bb2dc</a>)</li>     <li><strong>templates:</strong> add template tabs <a href="/misc/goto?guid=4958994071004473005">#8207</a> (<a href="/misc/goto?guid=4958994071126016589">#8208</a>) (<a href="/misc/goto?guid=4958994071254097849">0f6ce28</a>)</li>     <li><strong>urlSerializer:</strong> improve findLinkByComponentData (<a href="/misc/goto?guid=4958994071380082025">9d563f5</a>)</li>    </ul>    <h3>代码重构</h3>    <ul>     <li><strong>button:</strong> add ion-button attribute and icon attributes to style buttons (<a href="/misc/goto?guid=4958994071500528480">938864e</a>), closes <a href="/misc/goto?guid=4958994071628526018">#7466</a></li>     <li><strong>colors:</strong> color should be added as an input instead of directly adding the color to the component (<a href="/misc/goto?guid=4958994071762452156">55a0257</a>), closes <a href="/misc/goto?guid=4958994071889958545">#7087</a> <a href="/misc/goto?guid=4958994072012648131">#7401</a> <a href="/misc/goto?guid=4958994072145419094">#7523</a></li>     <li><strong>select:</strong> rename alertOptions to selectOptions, add ability to pass them for action-sheet (<a href="/misc/goto?guid=4958994072267825691">b8285b7</a>), closes <a href="/misc/goto?guid=4958994072395382550">#7764</a></li>    </ul>    <h3>特征</h3>    <ul>     <li><strong>action-sheet:</strong> add ability to pass multiple classes to cssClass (<a href="/misc/goto?guid=4958994072527667926">68ab261</a>)</li>     <li><strong>chips:</strong> added Chip component (<a href="/misc/goto?guid=4958994072646667883">421f637</a>)</li>     <li><strong>chips:</strong> finished Component (<a href="/misc/goto?guid=4958994072771829688">0dece72</a>)</li>     <li><strong>fab:</strong> update floating action buttons (<a href="/misc/goto?guid=4958994072884956246">490a06d</a>)</li>     <li><strong>itemReorder:</strong> animate reorder button (<a href="/misc/goto?guid=4958994072996366241">1f78487</a>)</li>     <li><strong>loading:</strong> add ability to pass multiple classes to cssClass (<a href="/misc/goto?guid=4958994073123841881">466dea3</a>)</li>     <li><strong>loading:</strong> add setContent function (<a href="/misc/goto?guid=4958994073231795622">c750847</a>)</li>     <li>add polyfill task (<a href="/misc/goto?guid=4958994073361509111">ce78194</a>)</li>     <li><strong>nav:</strong> component url navigation (<a href="/misc/goto?guid=4958994073476448771">f477aa2</a>)</li>     <li><strong>nav:</strong> set default stack history on app init (<a href="/misc/goto?guid=4958994073602681535">ca8cc0a</a>)</li>     <li><strong>polyfills:</strong> split up code and source polyfill task (<a href="/misc/goto?guid=4958994073711840687">#8130</a>) (<a href="/misc/goto?guid=4958994073832484756">bcec66c</a>)</li>     <li><strong>popover:</strong> add ability to pass multiple classes to cssClass (<a href="/misc/goto?guid=4958994073945731661">a685cdc</a>)</li>     <li><strong>toast:</strong> add ability to pass multiple classes to cssClass (<a href="/misc/goto?guid=4958994074080046266">79e25a3</a>)</li>    </ul>    <h3>性能改进</h3>    <ul>     <li><strong>item:</strong> apply will-change only when list is active (<a href="/misc/goto?guid=4958994074210952518">4bcd815</a>)</li>     <li><strong>reorder:</strong> reorder icon is display: none by default (<a href="/misc/goto?guid=4958994074335007143">26441ec</a>)</li>     <li><strong>ripple:</strong> md ripple effect update to not affect layout (<a href="/misc/goto?guid=4958994074461008760">14a3ea2</a>)</li>    </ul>    <p> </p>    <h2>下载</h2>    <ul>     <li><a href="/misc/goto?guid=4958994074602042099" rel="nofollow"><strong>Source code</strong> (zip)</a></li>     <li><a href="/misc/goto?guid=4958994074722122245" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li>    </ul>    <p>本站原创，转载时保留以下信息：<br /> 本文转自：深度开源（open-open.com）<br /> 原文地址：<a href="http://www.open-open.com/news/view/1b67fce2">http://www.open-open.com/news/view/1b67fce2</a></p>