Ember 3.15 "Octane" 發布:原生 ES 類、裝飾器和新的 Glimmer...

2020-12-13 開源中國

Ember 3.15 發布了,此項目包含的 Ember.js, Ember Data 和 Ember CLI 也均已更新。除了常規的引入新功能和 bugfix,Ember 3.15 還標誌了 Octane edition 的正式發布,這也是 Ember 的首個 edition release。

Edition 是 Ember 在 RFC #364 - Ember 2018 Roadmap 中引入的概念。一個版本(edition)代表了一個統一的編程模型,而發布新的 edition 則代表了由於 Ember 添加了新功能和新概念而導致編程模型的轉變。Ember Octane 正是 Ember 的首個 edition。

Ember 3.15 "Octane" 帶來了更多現代化的功能,諸如原生 ES 類、裝飾器、新的 Glimmer 組件 API,以及一種稱為「跟蹤屬性(tracked properties)」新的狀態管理方法。結合起來,這些對 Ember 的創新性改變不僅僅是新的工具和 API,Octane 的特性共同構成了 Ember 應用程式構建方式的範式轉變。

此版本值得關注的改進:

舊版本使用組件的方式

import Component from '@ember/component';export default Component.extend({ tagName: 'p', classNames: ["tooltip"], classNameBindings: ["isEnabled:enabled", "isActive:active"],})

新版本使用 Glimmer 組件

<p> {{yield}}</p>

亦即意味著我們可以創建一個沒有根元素的組件

<p>{{yield}}</p><hr>

 

下面是 Ember 3.14 指南中的計算屬性示例:

import EmberObject, { computed } from '@ember/object';const Person = EmberObject.extend({ firstName: null, lastName: null, age: null, country: null, fullName: computed('firstName', 'lastName', function() { return `${this.firstName} ${this.lastName}`; }), description: computed('fullName', 'age', 'country', function() { return `${this.fullName}; Age: ${this.age}; Country: ${this.country}`; })});let captainAmerica = Person.create({ firstName: 'Steve', lastName: 'Rogers', age: 80, country: 'USA'});captainAmerica.description; // "Steve Rogers; Age: 80; Country: USA"captainAmerica.set('firstName', 'Steven');captainAmerica.description; // "Steven Rogers; Age: 80; Country: USA"

新版本中的跟蹤屬性(Tracked Properties)

class Person { @tracked firstName; @tracked lastName; @tracked age; @tracked country; constructor({ firstName, lastName, age, country }) { this.firstName = firstName; this.lastName = lastName; this.age = age; this.country = country; } get fullName() { return `${this.firstName} ${this.lastName}`; }), get description() { return `${this.fullName}; Age: ${this.age}; Country: ${this.country}`; })}let captainAmerica = new Person({ firstName: 'Steve', lastName: 'Rogers', age: 80, country: 'USA'});captainAmerica.description; // "Steve Rogers; Age: 80; Country: USA"captainAmerica.firstName = "Steven";captainAmerica.description; // "Steven Rogers; Age: 80; Country: USA"

詳細更新請點此查看:https://blog.emberjs.com/2019/12/20/octane-is-here.html

相關焦點

  • Python裝飾器以及高級用法
    介紹首先我要承認,裝飾器非常難!你在本教程中看到的一些代碼將會有一些複雜。大多數人在學習Python時都跟裝飾器做過鬥爭,所以如果這對你來說很奇怪,不要感到沮喪,因為同樣的大多數人都可以克服這種苦難。在本教程中,我將逐步介紹了解裝飾器的過程。首先我假設你已經可以編寫基本函數和基本類。
  • 第75p,類中如何使用裝飾器功能,調用property
    大家好,我是楊數Tos,這是《從零基礎到大神》系列課程的第75篇文章,第三階段的課程:Python進階知識:類與對象(六);面向對象編程3大特性之封閉,Python中類的裝飾器的使用。裝飾器是在不修改被裝飾對象原始碼及調用方式的情況下,為被裝飾對象添加新功能的方法。
  • Ember 陶瓷杯:這個杯子不智能,但能給你適合的溫度
    那款產品同樣由 Ammunition 設計,但是,從功能和美感上看,它是面向痴迷技術的人士的。Ember 的新設計則更為大眾化。「我們採用的是特斯拉商業模式,」Ember 的 CEO Clay Alexander 對 Fastcodesign 網站說,「我們首先發布了一款高端產品。它配有電子屏幕,還有相變製冷技術,有點太空科技的味道。
  • Python 3.9.0 穩定版發布
    IT之家10月6日消息 據網友投遞,Python 3.9.0 穩定版(Python 3.9.0 final )昨日正式發布,它包含許多新功能和優化,禁止在Windows 7上安裝,且默認提供64位安裝程序。
  • 原生策略的3個方面,告別廣告套路
    通過用戶洞察鎖定精準的用戶,以最真實的獎勵和最有效的廣告文案,將用戶吸引過來,我將這種策略成為原生策略。原生策略包含三個方面:原生用戶洞察、原生獎勵策略和原生廣告文案。我們要鎖定精準渠道,用原生獎勵策略佔領用戶心智,不放過任何一個與目標用戶接觸的機會。二、接地氣的原生獎勵策略從2017年開始,下沉市場特別火熱,一些更加接地氣的獎勵策略就顯得更有效果了。我曾在陝西走訪朋友時,一個朋友分享了一個「3個雞蛋=1個APP下載」的案例,在拉新策略上十分接地氣。
  • 記錄|馬來西亞原生魚棲息地
    草缸裡常見的熱帶魚,它們原生棲息地是什麼樣子的,你想過嗎?有這麼一位牛逼的人,數年如一日的去發現和記錄馬拉西亞本地的魚,時間跨度甚至超過十年。小河緩緩入林中,椒草鬱郁一叢叢。蘊藏一類二線鬥,背鰭長長尾如蔥。
  • 崇明島溼地又現原生動物新物種
    最近,科學家們又在這個大家族裡發現了一個以前沒見到過新物種——纖毛蟲原生動物。發現地點在崇明島溼地,發現者是華東師大生命科學學院副研究員範鑫鵬課題組。他們將該物種被命名為顧氏拉姆蟲(Lamtostyla gui),以彰顯我國著名原生動物學家、華東師大終身教授顧福康先生為中國原生動物學發展作出的傑出貢獻。
  • 好的原生缸當然離不開好的底沙----原生溪流沙
    要開一個原生缸,素材非常重要,許多飼養者總在抱怨自己的魚缸看起來不夠自然,原生魚發色不夠漂亮,這多半都是石頭和沙子的選材失誤。而石頭,則更是整個缸體效果的重中之重。原生溪流沙3號:這是一種採自湖北武漢另一溪流的底沙,也是一種黃、紅、褐、灰4色搭配的溪流沙,店主會全部精心挑選無稜角(有稜角會傷魚) 的底沙發給魚友們,這種底沙適合鰟鮍類、沙鰍類、 蝦虎類、
  • IG終於官宣新ad,還是阿水的好朋友,前戰隊es已經改名變成up
    最近,他們將二隊的打野、ad和輔助提到了一隊,但是,那位adc選手snow實力一般,在vg戰隊的時候,他恰好是puff的替補。後來,兩人紛紛加入IG戰隊,只不過一個去了一隊,一個在二隊。現在,snow終於也來了一隊。
  • 顛覆傳統虛擬引擎 一玩助手發布第三代原生安卓遊戲模擬器
    2016-08-09/11:35 近日,一玩助手(www.yiwanzhushou.com)正式發布第三代原生安卓模擬器引擎
  • Django 3.0 發布,開始支持異步功能
    Django 3.0 發布了(dev 版本),此版本帶來了一些新特性,其中最值得關注的應當是其開始支持異步功能。此前我們報導過,有草案提出要讓 Django 支持異步。
  • 偶像夢幻祭2新活動 ES手遊全新開服
    畢竟四年前也沒玩過什麼手遊,當時也就fgo和es了,所以對於遊戲良不良心沒什麼概念,只是和單機比,手遊確實費錢。另外,和es相比,fgo的肝度都是弟弟了,至少不用為了個排名24小時待命。手遊之所以現在勢頭旺,就是因為可以隨時打開來一把的遊戲,你搞得那麼肝,上班族和學生真受不了,一次兩次還行,每個月兩次,一次一星期,真的是心力交瘁。
  • 古老的原生動物:放射蟲
    但是原生動物的這個唯一的細胞卻是一個完整的有機體,具有作為一個動物個體所應有的主要生活機能。細胞的各部分產生了分化,各自掌管一定的功能,形成了「類器官」。原生動物往往長有鞭毛、纖毛或是偽足作為它們的運動器官。有些原生動物的細胞質中具有骨架或是形成堅固的外殼。原生動物個體都很微小,一般都在250微米以下,也就是說,它們還不到一粒1毫米長的米粒的1/4那麼大。
  • 15種珍稀苦苣苔科原生種對公眾揭開神秘面紗
    在本次展覽中,有15種苦苣苔科植物可是難得一見的「珍品」,他們都是原生苦苣苔,有些在野外已經滅絕或者瀕危種。接下來就簡單介紹一下這15種苦苣苔科原生種。藥用報春苣苔Primulina medica苦苣苔科報春苣苔屬多年生草本。
  • 原生Mac系統平板 「黑蘋果」Modbook 2.0發布
    原生Mac系統平板更新 「黑蘋果」Modbook 2.0發布(圖片引自arstechnica)【TechWeb報導】據國外媒體報導,國外一家公司推出了一款搭載蘋果原生Mac作業系統的平板電腦。可能現在仍有一部分用戶分不清楚iOS和Mac。簡單來說iOS是蘋果的行動裝置作業系統,用在iPhone和iPad上,而Mac是Macintosh(麥金塔)的縮寫,是蘋果電腦採用的作業系統,用在MacBook Pro、MacBook Air、iMac等設備上。因此這款搭載原生Mac作業系統的Modbook 2.0並非山寨版的iPad,而是一款具有X86架構的平板電腦。
  • Galaxy Tab S4發布!配備原生DeX桌面
    在傳了無數次內部消息之後,三星終於發布了他們最新的旗艦平板電腦Galaxy Tab S4,新平板電腦與去年的Tab S3有很多共同點。本文屬於原創文章,如若轉載,請註明來源:Galaxy Tab S4發布!
  • 規則動詞第三人稱單數形式加s或es的讀音
    規則動詞和不規則動詞的第三人稱單數形式(加s或es)可以從原形推知。第三人稱單數形式有三種讀法:/iz/,/z/和/s/這三種讀法分別在下列情況中出現:   1、在以清、濁噝聲結尾旳原形後面讀作/iz/;例如:表 3.5apass – passes /-siz/buzz – buzzes /-ziz/上面各例的-s形式總是以-es結尾的e   2、除噝聲外
  • python獲取ES中的數據
    在索引中添加數據命令:PUT test/_doc/2{"name": "xiaohong","sex":"male","age": 18}3.一、python中通過Elasticsearch工具包獲取ES數據from elasticsearch import Elasticsearches = Elasticsearch(hosts='127.0.0.1', http_auth=('用戶名', '密碼'), port=9200
  • 生活垃圾分類標誌新標準發布:原六大類調整為四大類
    新京報快訊(記者 吳嬌穎)記者今日(11月15日)從住房和城鄉建設部獲悉,新版《生活垃圾分類標誌》標準日前發布,將於12月1日起正式實施。與2008版標準相比,新標準將生活垃圾類別調整為可回收物、有害垃圾、廚餘垃圾和其他垃圾四大類。此外,「全國垃圾分類」小程序也將於近期正式發布並上線運行。 標準編制單位北京市城管研究院高級工程師張勁松介紹,新版《生活垃圾分類標誌》分別由四大類標誌和11個小類標誌組成。明確將原來的六大類標誌調整為四大類,即可回收物、有害垃圾、廚餘垃圾和其他垃圾。
  • 尋找中國原生藝術大師,海花島博物館原生藝術館開館在即!
    原生藝術館(8號館)是一座專門展示原生藝術的專業機構,將致力於全球原生藝術的展示、交流和收藏。 而中國的原生藝術發展相對緩慢,直至近二十年才有部分原生藝術家出現在大眾的視野。 作為藝術創造的「本能」,原生藝術蘊藏的寶貴能量不僅可以為當代藝術的創作帶來思考和啟發,也能讓作為旁觀者的我們去感受和認識那些不假修飾的作品背後,每一個人內心和精神原始而本能的藝術狀態。