高级HTML5 移动应用框架 Ionic v2.0.0-beta.11发布
jopen 8年前
<p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/449e070ab0ae59ad92641d21fff87223.png" /></p> <p>Ionic Framework 是个高级的 HTML5 移动端应用框架，是个很漂亮的使用 HTML5 开发混合移动应用前端框架。</p> <h2>更新日志</h2> <h3>Bug修复</h3> <ul> <li><strong>activator:</strong> do not activate elements while scrolling (<a href="/misc/goto?guid=4958992963078525206">845a516</a>), closes <a href="/misc/goto?guid=4958992963182359931">#7141</a></li> <li><strong>animation:</strong> ele as string selector (<a href="/misc/goto?guid=4958992963294594468">9fa31a1</a>)</li> <li><strong>animation:</strong> fix easing timing function (<a href="/misc/goto?guid=4958992963402607828">0cb093e</a>), closes <a href="/misc/goto?guid=4958992963491126858">#7130</a></li> <li><strong>app:</strong> add status bar padding when tab subpages are hidden (<a href="/misc/goto?guid=4958992963601075213">d01ee4b</a>), closes <a href="/misc/goto?guid=4958992963703637932">#7203</a></li> <li><strong>backdrop:</strong> flicker in UIWebView (<a href="/misc/goto?guid=4958992963802109897">44ab527</a>)</li> <li><strong>backdrop:</strong> use raf when adding/removing disable-scroll css (<a href="/misc/goto?guid=4958992963917746931">941cb1d</a>)</li> <li><strong>bootstrap:</strong> return promise and resolve ionicBootstrap (<a href="/misc/goto?guid=4958992964028833697">aebdf2f</a>), closes <a href="/misc/goto?guid=4958992964154240175">#7145</a></li> <li><strong>bootstrap:</strong> tapclick is injected, probably (<a href="/misc/goto?guid=4958992964282786449">#7128</a>) (<a href="/misc/goto?guid=4958992964403361110">7358072</a>)</li> <li><strong>button:</strong> apply css for buttons w/ ngIf (<a href="/misc/goto?guid=4958992964530583913">816a648</a>), closes <a href="/misc/goto?guid=4958992964663176717">#5927</a></li> <li><strong>button:</strong> outline buttons do not have hairline borders in iOS (<a href="/misc/goto?guid=4958992964777359509">4e88f89</a>)</li> <li><strong>datetime:</strong> format seconds token (<a href="/misc/goto?guid=4958992964912899729">4fff262</a>), closes <a href="/misc/goto?guid=4958992965042961939">#6951</a></li> <li><strong>datetime-util:</strong> fix convertDataToISO to handle negative timezone offsets (<a href="/misc/goto?guid=4958992965183954236">ba53a23</a>)</li> <li><strong>generator:</strong> change nav to navCtrl (<a href="/misc/goto?guid=4958992965311768226">b19547c</a>)</li> <li><strong>gestures:</strong> detecting swipe angle correctly + sliding item logic fix (<a href="/misc/goto?guid=4958992965438361784">d230cb4</a>)</li> <li><strong>input:</strong> add input highlight for ios, fix the highlight size (<a href="/misc/goto?guid=4958992965572745537">11a24b9</a>), closes <a href="/misc/goto?guid=4958992965698032234">#6449</a></li> <li><strong>item:</strong> sliding item is closed when tapped (<a href="/misc/goto?guid=4958992965837206377">7aa559a</a>), closes <a href="/misc/goto?guid=4958992965976642337">#7094</a></li> <li><strong>loading:</strong> clear timeout if dismissed before timeout fires (<a href="/misc/goto?guid=4958992966100109158">5bbe31a</a>)</li> <li><strong>loading:</strong> fix loading overlay during app init (<a href="/misc/goto?guid=4958992966220051056">b615c60</a>), closes <a href="/misc/goto?guid=4958992966349965727">#6209</a></li> <li><strong>menu:</strong> add statusbarPadding to the header and content in a menu (<a href="/misc/goto?guid=4958992966474639848">a468fde</a>), closes <a href="/misc/goto?guid=4958992966602960849">#7385</a></li> <li><strong>menu:</strong> fix content going under header (<a href="/misc/goto?guid=4958992966738930217">3cd31c3</a>), closes <a href="/misc/goto?guid=4958992966867098347">#7084</a></li> <li><strong>menu:</strong> getBackdropElement (<a href="/misc/goto?guid=4958992966992245534">cac1d4f</a>)</li> <li><strong>menu:</strong> only one menu can be opened at a time (<a href="/misc/goto?guid=4958992967116174101">cac378f</a>), closes <a href="/misc/goto?guid=4958992967242945211">#6826</a></li> <li><strong>menu:</strong> swipe menu is triggered when the swipe |angle| < 40º (<a href="/misc/goto?guid=4958992967364804021">32a70a6</a>)</li> <li><strong>nav:</strong> fire lifecycle events from app root portal (<a href="/misc/goto?guid=4958992967496991975">a4e393b</a>)</li> <li><strong>nav:</strong> fix menuCtrl reference in swipe back (<a href="/misc/goto?guid=4958992967628729002">55a5e83</a>)</li> <li><strong>nav:</strong> register child nav when created from modal (<a href="/misc/goto?guid=4958992967757877673">61a8625</a>)</li> <li><strong>picker:</strong> fix iOS 8 picker display (<a href="/misc/goto?guid=4958992967892508947">86fd8a4</a>), closes <a href="/misc/goto?guid=4958992968013259478">#7319</a></li> <li><strong>popover:</strong> remove min-height from ios, add sass variables (<a href="/misc/goto?guid=4958992968145034055">55bc32d</a>), closes <a href="/misc/goto?guid=4958992968273518485">#7215</a></li> <li><strong>range:</strong> add mouse listeners to document (<a href="/misc/goto?guid=4958992968408478728">267ced6</a>)</li> <li><strong>range:</strong> align the label in an item range to the center (<a href="/misc/goto?guid=4958992968535254163">d675d39</a>), closes <a href="/misc/goto?guid=4958992968663897879">#7046</a></li> <li><strong>range:</strong> ion-label stacked with ion-range (<a href="/misc/goto?guid=4958992968795870092">#7050</a>) (<a href="/misc/goto?guid=4958992968921367611">5a8fe82</a>), closes <a href="/misc/goto?guid=4958992968663897879">#7046</a></li> <li><strong>range:</strong> set ticks to an empty array to prevent errors (<a href="/misc/goto?guid=4958992969070780838">7a2ad99</a>)</li> <li><strong>reorder:</strong> better style (<a href="/misc/goto?guid=4958992969208234029">f289ac6</a>)</li> <li><strong>reorder:</strong> canceled reorder is animated smoothly back (<a href="/misc/goto?guid=4958992969339607131">8483a43</a>)</li> <li><strong>reorder:</strong> non ion-item elements can be reordered (<a href="/misc/goto?guid=4958992969465054216">ea9dd02</a>), closes <a href="/misc/goto?guid=4958992969596066048">#7339</a></li> <li><strong>reorder:</strong> reorder can be used with any element (<a href="/misc/goto?guid=4958992969710343028">d993a1b</a>)</li> <li><strong>scroll:</strong> fix scrolling after switching tabs (<a href="/misc/goto?guid=4958992969822292792">e4bbcc6</a>), closes <a href="/misc/goto?guid=4958992969932364309">#7154</a></li> <li><strong>select:</strong> add the cssClass passed by the user to the alert for a select (<a href="/misc/goto?guid=4958992970035252741">81ddd7f</a>), closes <a href="/misc/goto?guid=4958992970138499087">#6835</a></li> <li><strong>slides:</strong> delay loading slides until view ready (<a href="/misc/goto?guid=4958992970227362947">580b8d5</a>), closes <a href="/misc/goto?guid=4958992970324992009">#7089</a></li> <li><strong>sliding:</strong> much better UX + performance (<a href="/misc/goto?guid=4958992970406924471">d6f62bc</a>), closes <a href="/misc/goto?guid=4958992970486952665">#6913</a> <a href="/misc/goto?guid=4958992970581365718">#6958</a></li> <li><strong>tabs:</strong> add sass variable for inactive opacity and pass it to the colors loop (<a href="/misc/goto?guid=4958992970668096925">99efa36</a>)</li> <li><strong>tabs:</strong> center tabbar content (<a href="/misc/goto?guid=4958992970738334586">997d54e</a>)</li> <li><strong>tabs:</strong> fix preloadTabs null element reference (<a href="/misc/goto?guid=4958992970830006375">2d19308</a>), closes <a href="/misc/goto?guid=4958992970909311092">#7109</a></li> <li><strong>tabs:</strong> make the text color opaque instead of the entire button (<a href="/misc/goto?guid=4958992970993058518">dd969a2</a>), closes <a href="/misc/goto?guid=4958992971089298632">#6638</a></li> <li><strong>util:</strong> UIEventManager should handle touchcancel event (<a href="/misc/goto?guid=4958992971172637836">b805602</a>)</li> </ul> <h3>新特性</h3> <ul> <li><strong>alert:</strong> allow smooth overflow scrolling (<a href="/misc/goto?guid=4958992971254397789">5542a93</a>)</li> <li><strong>content:</strong> add a resize function to recalculate the content size (<a href="/misc/goto?guid=4958992971338177779">1fe1c1e</a>)</li> <li><strong>footer:</strong> apply shadow on MD footer and tabbar bottom (<a href="/misc/goto?guid=4958992971414574335">686c262</a>)</li> <li><strong>gesture:</strong> Introducing new gesture controller (<a href="/misc/goto?guid=4958992971503503011">9f19023</a>)</li> <li><strong>gesture-controller:</strong> disable/enable scrolling (<a href="/misc/goto?guid=4958992971579121128">72c24bc</a>)</li> <li><strong>header:</strong> apply shadow on MD headers (<a href="/misc/goto?guid=4958992971683386458">6fa2faf</a>)</li> <li><strong>ion-content:</strong> iOS only scroll bounce (<a href="/misc/goto?guid=4958992971756142696">5c80445</a>)</li> <li><strong>select:</strong> add disabled status in select options (<a href="/misc/goto?guid=4958992971838110415">76619cf</a>)</li> <li><strong>tabbar:</strong> apply shadow on MD tabbar top (<a href="/misc/goto?guid=4958992971921578836">1f4b3e2</a>)</li> <li><strong>tabs:</strong> add the transition for material design tabs (<a href="/misc/goto?guid=4958992972010553125">eea7e6b</a>)</li> <li><strong>toolbar:</strong> add attributes to hide all borders and box shadows (<a href="/misc/goto?guid=4958992972094482494">88b637b</a>), closes <a href="/misc/goto?guid=4958992972173647484">#7237</a></li> <li><strong>viewcontroller:</strong> add onWillDismiss callback (<a href="/misc/goto?guid=4958992972262588320">ec99bfd</a>), closes <a href="/misc/goto?guid=4958992972348096089">#6702</a></li> </ul> <h3>性能改进</h3> <ul> <li><strong>animation:</strong> using will-change when using progressStep() (<a href="/misc/goto?guid=4958992972424048795">267aa32</a>)</li> <li><strong>menu:</strong> several improvements (<a href="/misc/goto?guid=4958992972503151718">86c5aaf</a>)</li> </ul> <h3>Reverts</h3> <ul> <li><strong>range:</strong> revert PR <a href="/misc/goto?guid=4958992968795870092">#7050</a>, it breaks stacked labels and double labels (<a href="/misc/goto?guid=4958992972595364443">65c84b3</a>)</li> <li><strong>tabs:</strong> undo commit that removes tab sub pages (<a href="/misc/goto?guid=4958992972685038035">087e2f2</a>)</li> </ul> <h3>重大更改</h3> <ul> <li>input: S:</li> </ul> <p>Fixed typos in the input highlight variables:</p> <ul> <li><code>$text-input-md-hightlight-color-valid</code> -> <code>$text-input-md-highlight-color-valid</code></li> <li><code>$text-input-wp-hightlight-color-valid</code> -> <code>$text-input-wp-highlight-color-valid</code></li> </ul> <p>Modified variables to turn on/off the highlight:</p> <p>ios (defaults to false for all):</p> <pre> <code>$text-input-ios-show-focus-highlight: false !default; $text-input-ios-show-valid-highlight: $text-input-ios-show-focus-highlight !default; $text-input-ios-show-invalid-highlight: $text-input-ios-show-focus-highlight !default; </code></pre> <p>md (defaults to true for all):</p> <pre> <code>$text-input-md-show-focus-highlight: true !default; $text-input-md-show-valid-highlight: $text-input-md-show-focus-highlight !default; $text-input-md-show-invalid-highlight: $text-input-md-show-focus-highlight !default; </code></pre> <p>wp (defaults to true for all):</p> <pre> <code>$text-input-wp-show-focus-highlight: true !default; $text-input-wp-show-valid-highlight: $text-input-wp-show-focus-highlight !default; $text-input-wp-show-invalid-highlight: $text-input-wp-show-focus-highlight !default; </code></pre> <h2>下载</h2> <ul> <li><a href="/misc/goto?guid=4958992972771532265" rel="nofollow"><strong>Source code</strong> (zip)</a></li> <li><a href="/misc/goto?guid=4958992972854990545" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li> </ul> <p> </p> <p>本站原创，转载时保留以下信息：<br /> 本文转自：深度开源（open-open.com）<br /> 原文地址：<a href="http://www.open-open.com/news/view/9aad818">http://www.open-open.com/news/view/9aad818</a></p>