摘要:最近我應(yīng)邀為朋友寫一個(gè),前期在考慮技術(shù)棧的時(shí)候選擇了。眼下第一目標(biāo)是把這個(gè)應(yīng)用寫完,在此過程中本著打破砂鍋問到底的精神,我在網(wǎng)上找到一些很不錯(cuò)的的資源。于是記錄于此本列表正持續(xù)更新中。
最近我應(yīng)邀為朋友寫一個(gè) Web App,前期在考慮技術(shù)棧的時(shí)候選擇了 Rails API+Ember.js。考慮到這個(gè)應(yīng)用的規(guī)模,選擇 Ember.js 或許有點(diǎn)重,但是做公司的項(xiàng)目一直都在用 Angular,實(shí)在有點(diǎn)玩膩了(Angular 很好),而其他的前端框架要么不好玩,要么還不夠成熟(我真好想用 Meteor,好想好想……)。糾結(jié)反復(fù),最終還是決定玩一下 Ember.js。
開始動(dòng)手寫了一天之后,我覺得 Ember.js 真的很棒!去年前曾經(jīng)試過水,但那時(shí)還沒有發(fā)行第一個(gè)正式版,文檔亂七八糟不說,Ember-data 更是讓人抓狂不已。但是現(xiàn)在好多了,真是好太多了。而且我發(fā)現(xiàn)像我這種有架構(gòu)潔癖加代碼潔癖的強(qiáng)迫癥患者,Ember.js 比 Angular 更符合我的審美觀。
眼下第一目標(biāo)是把這個(gè)應(yīng)用寫完,在此過程中本著打破砂鍋問到底的精神,我在網(wǎng)上找到一些很不錯(cuò)的 Ember.js 的資源。其中有好些沒來得及細(xì)細(xì)看完,也有一些值得多看幾遍,日后指不定還用得著呢。于是記錄于此——
原理本列表正持續(xù)更新中。如果你喜歡,請(qǐng)收藏,更新之后你會(huì)第一時(shí)間收到;如果對(duì)你有用,請(qǐng)不吝贊賞。(Last updated at: Apr 14, 2014 10:00pm)
Ember Run Loop and TDD(Ember 運(yùn)行迴圈和測試驅(qū)動(dòng)開發(fā)) 2014-01-24
This is how I understand run loop finally
Router Request Lifecycle(路由請(qǐng)求的生命周期) 2013-02-08
PostgreSQL Basics by Example 2013-08-19
這跟 Ember.js 半毛錢關(guān)系都沒有,純屬見獵心喜……
Ember Run Loop Visual(可視化的運(yùn)行迴圈演示)
來源于這篇精彩的問答
Ember Components Transclude My Directives(講述 Angular 和 Ember)
我多次希望像別人明確 Angular 和 Ember 的區(qū)別(一個(gè)是工具集,一個(gè)是框架),以及它們各自的優(yōu)缺點(diǎn)(證明 Ember 一點(diǎn)都不弱于 Angular),但是我人微言輕,沒啥公信力,多數(shù)前端工程師又太過迷信和狹隘,所以我總是徒勞的一個(gè)。
不過這個(gè)演講非常棒,非常準(zhǔn)確清晰的說出了我想說的大部分東西(從最具爭議的 Directive 和 Component 的對(duì)比入手)所以,我強(qiáng)烈推薦閱讀一下,特別是熟悉 Angular 的你們,因?yàn)樵撗葜v者剛在今年的 NgConf 上發(fā)表了相同主題的另外一次演講。
演講視頻:http://confreaks.com/videos/3303-emberconf2014-ember-components-transclude-my-directives
技巧An easy and clean way to set the page title(一個(gè)簡潔的改變
Ember Animation and Transition 非常好的動(dòng)畫范例集合
在線 Demo: http://ef4.github.io/ember-animation-demo
配套演講(at Ember Conf 2014) http://confreaks.com/videos/3302-emberconf2014-animations-and-transitions-in-an-ember-app
Alert messages in Ember Apps 全局通知欄的一種實(shí)現(xiàn)方法
測試
Ember.js Testing 2014-01-16
入門級(jí)測試環(huán)境搭配指南,勝在比較新
Ember.js testing with Jasmine
沒用 Jasmine,重點(diǎn)是測試中的異步控制
Testing Ember with Jasmine 2.0
這一篇相當(dāng)新,但為啥都喜歡 Jasmine?
Integration testing your ember.js app with QUnit and Karma
我喜歡 Karma
Ember Integration Testing With Konacha
Great Post!
The Unofficial - Official Ember Testing guide
一個(gè)很好的測試指南
協(xié)同How to execute jQuery logic correctly after your View has been rendered?(在 View 渲染完之后如何正確的執(zhí)行 jQuery 代碼?) 2013-08-01
Reusable D3 charts with Ember.js Components
一位韓國女 JS 工程師寫的 DS 與 Ember 的整合
綜合Balint Erdi 干貨很多的一家
Ember Conf 2014
Ember 社區(qū)的官方技術(shù)會(huì)議,干貨超多,有全部視頻放出
Atomic Spin
Highly recommended!
Ember Doc
和官網(wǎng)那個(gè) API 內(nèi)容一樣,但是訪問速度快,界面也有改善,查詢?yōu)g覽更方便——但是我有 Dash ^^
Pixel Handler"s Blog
This Guy is Awesome!
The Software Simpleton
So does him!
Yanted
Only 3 useful posts
Ember Addons
這里有各種干貨,拿來用或參考都不錯(cuò)
Ember Sherpa
It actually doesn"t have too many informations right now, but it has the potential to be a great resource.
Code Berry
ZOMG!這么多好東西!!I LOVE THIS BLOG!!!
實(shí)例Simple Reach
App.PostRoute = Ember.Route.extend beforeModel: -> Ember.$("body").addClass "loading" model: (params) -> @store.find "post", params.post_id # we can"t use `afterModel` here to cancel the loading animation # because the comments request has not been resolved yet # following is an idea to use Ember.RSVP to make a dedicated promise # for unfulfilled comments request: setupController: (post, controller) -> comments = Ember.RSVP.makePromise(post.get "comments") comments.then -> Ember.run.scheduleOnce "afterRender", @, -> Ember.$("body").removeClass "loading"
Ember.View.reopen({ didInsertElement : function(){ this._super(); Ember.run.scheduleOnce("afterRender", this, this.afterRenderEvent); }, afterRenderEvent : function(){ // implement this hook in your own subclasses and run your jQuery logic there } });
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/78036.html
摘要:在文件夾內(nèi)創(chuàng)建,內(nèi)容如下創(chuàng)建,內(nèi)容如下使用安裝依賴在的頭部加入調(diào)用命令,同時(shí)在你的默認(rèn)瀏覽器中打開。最后,我們更新下,給每個(gè)報(bào)道添加鏈接修改完畢地后,可以在瀏覽器中直接看到結(jié)果。 編者注:我們發(fā)現(xiàn)了有趣的系列文章《30天學(xué)習(xí)30種新技術(shù)》,正在翻譯,一天一篇更新,年終禮包。下面是第19天的內(nèi)容。 到目前為止,我們這一系列文章涉及了Bower、AngularJS、GruntJS、P...
摘要:由于能力有限本示例不會(huì)完全自定義適配器和序列化器,示例仍然是使用官方推薦方式,重寫或者擴(kuò)展以實(shí)現(xiàn)自定適配器和序列化器。在序列化器中調(diào)用響應(yīng)請(qǐng)求的方法格式化返回的數(shù)據(jù)。上述就是的一個(gè)簡單實(shí)用示例。 文章來源:http://xcoding.tech/tags/Emberjs歡迎訪問源網(wǎng)站Ember Teach,Ember Teach致力于為您提供最權(quán)威、最前沿的Ember技術(shù)教程。。 ad...
摘要:就沒必要?jiǎng)优5叮瑒?chuàng)建一個(gè)數(shù)據(jù)庫了執(zhí)行完后,在目錄下創(chuàng)建一個(gè)程序,自動(dòng)植入到當(dāng)前項(xiàng)目中,訪問的和與訪問域名端口一致。就沒必要?jiǎng)优5叮瑒?chuàng)建一個(gè)數(shù)據(jù)庫了本篇博文將為你介紹如何使用實(shí)現(xiàn)權(quán)限控制,我會(huì)創(chuàng)建一個(gè)簡單的登錄示例加以說明。 文章來源:http://blog.ddlisting.com 官網(wǎng)對(duì)于登錄、用戶權(quán)限的介紹只有一段簡單的說明,并沒有詳細(xì)說明如何使用service實(shí)現(xiàn)權(quán)限控制。下面...
摘要:集成測試集成測試是處于單元測試和驗(yàn)收測試之間的測試。集成測試目的是驗(yàn)證客戶端與全系統(tǒng)交互,所有單元測試,以及微觀層面具體代碼的算法邏輯是否都能通過。集成測試用來驗(yàn)證應(yīng)用程序各個(gè)模塊相互關(guān)系,比如若干個(gè)控件之間的行為。 測試簡介 測試是Ember。js框架開發(fā)環(huán)節(jié)中很重要的一環(huán)。 現(xiàn)在假設(shè)你正在利用Ember框架開發(fā)一個(gè)博客系統(tǒng),這個(gè)系統(tǒng)包含user和post模型,有登錄及創(chuàng)建博客的操作...
摘要:目前打算本項(xiàng)目使用種數(shù)據(jù)交互方式一種是,一種是。要理解后端服務(wù)的關(guān)系我們從他們各自的概念入手。創(chuàng)建服務(wù)端如何在項(xiàng)目中創(chuàng)建服務(wù)端程序呢提供了創(chuàng)建的命令。 文章來源:Ember Teach 本項(xiàng)目講解如何使用adapter、EmberData以及怎么連接到本地?cái)?shù)據(jù)庫。 項(xiàng)目簡介 主要內(nèi)容 適配器使用 如何持久化數(shù)據(jù)到本地?cái)?shù)據(jù)庫 簡單的后端服務(wù) 最近經(jīng)常有初學(xué)的開發(fā)者請(qǐng)教有關(guān)Adapte...
閱讀 1771·2021-11-25 09:43
閱讀 15327·2021-09-22 15:11
閱讀 2623·2019-08-30 13:19
閱讀 2009·2019-08-30 12:54
閱讀 1815·2019-08-29 13:06
閱讀 923·2019-08-26 14:07
閱讀 1612·2019-08-26 10:47
閱讀 3028·2019-08-26 10:41