Bileşik Önerileri #19
Conversation
Search through all available compounds, populate suggestions, sort the suggestions by formula length. All these are performed in the browser since all the compound formulas and elements are already fetched. Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
- Don't expect exact element counts if there are less than 5 suggestions. - Don't suggest the selected compound in the suggestions list. Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
|
Renklerle ilgili tavsiyeniz varsa açığım :) Yeşil, sayfanın temasının/renk paletinin dışında kaldı sanki biraz. Kodda performans amaçlı optimizasyon da yapılabilir. 5'ten az öneri bulunduysa tüm formülleri tekrar filtreliyoruz. Halbuki buna gerek olmayabilir. Tüm bileşikleri döndüğümüz kısımda "kesin" olmayan (element sayıları tutmayan) bileşikleri de ayrı bir diziye koyup, öneri sayısı 5'ten az olduğu takdirde o ayrı diziyi öneri dizisiyle birleştirebiliriz. İkinci bir optimizasyon da öneri listesine yeni eleman eklerken daha seçici davranarak bellek kullanımını optimize etmek olabilir. Yalnızca formülü daha kısaysa öneri listesinden o anki en uzun formül çıkartılarak işlenen formül diziye eklenir. Böylece öneri dizisi hiçbir zaman 5 elemanı geçmez ve daha az bellek kullanılmış olur (bedeli işlem maliyeti). Ben, biraz da heyecandan, bu yazdıklarımı yapmadan göndermiş bulundum :) İsterseniz yarın akşam bunları da PR'ye ekleyebilirim ya da yeni bir PR açabilirim. |
|
Çok güzel bir başlangıç, çok teşekkürler! Tam olarak düşündüğümüz şeyi uyguluyor. Renkleri tasarıma biraz daha uydurmak gerekebilir gibi, evet. :) Tasarım dosyalarını ekledim şimdi, belki renk seçiminde fayda sağlayabilir: Zeplin Tasarım Dosyası: https://zpl.io/bopNyyM Bir tek bileşik yazım formatında C3H5 yerine C_3H_5 iyi olabilir. Yani atom sayısını subscript yazabiliriz. Her iki optimizasyon önerisi de çok iyi bence. Bunları yapmak kesinlikle değer katacaktır. Yarına yapabilirseniz harika olurdu! |
|
Beğenmenize sevindim :) Tasarım dosyası linkine erişmeye çalıştığımda "Bu projeye davetli değilsiniz. Lütfen proje üyeleriyle iletişime geçin." diyor. Tabii, yarın akşama iyileştirmelerle birlikte tamamlamaya çalışacağım👍 |
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
Resolves evrimagaci#5 Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
|
Tasarım ve performans geliştirmelerini tamamladım: Compound.Suggestions.Preview.mp4Genel bir performans iyileştirmesi mümkün; bileşikler kısmı biraz yavaş çalışıyor. "Performans iyileştirmeleri" başlığı açılması iyi olabilir. |
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
components/RightSideBar.vue
Outdated
|
|
||
| for (const { symbol, count } of formulaSymbols) { | ||
| const element = this.getElementBySymbol(symbol) | ||
| if (element) { |
There was a problem hiding this comment.
Burada, bileşik formülünde var olan bir sembolün veritabanındaki elementler tablosunda bulunamama ihtimali var mı bilmediğimden, tek tek kontrol ettim. Eğer bu "overkill" ise çok daha basitleştirebiliriz. Mesela:
setElementsByFormula(formula) {
this.elements = this.parseCompoundFormula(formula).map(({ symbol, count }) => {
return {
count,
...this.getElementBySymbol(symbol),
}
})
}There was a problem hiding this comment.
@eyupcanakman buna bakabilir misin?
There was a problem hiding this comment.
Baktım şimdi. Bütün bileşik formüllerini parseCompoundFormula ile parse edip, dönen element sembollerinin hepsini getElementBySymbol ile arattım. Hiç undefined dönmedi. O yüzden ben de bu şekilde basitleştirdim.
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
| * Group 2: The remaining lower case letter(s) if there are any. | ||
| * Group 3: Element count (if specified) (e.g. "2" for O2) | ||
| */ | ||
| const regex = /([A-Z])([a-z]*)(\d*)/g |
There was a problem hiding this comment.
Buna test yazabilir misin?
| @@ -63,6 +63,11 @@ | |||
| </swiper> | |||
| </div> | |||
| </div> | |||
| <div v-if="suggestedCompounds.length > 0" class="suggestion-area"> | |||
| <div v-for="compound in suggestedCompounds" :key="compound.formula" v-fcf class="compound-suggestion" @click="setElementsByFormula(compound.formula)"> | |||
There was a problem hiding this comment.
Buradaki click eventi icin test yazabilir misin?
…estion Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
Signed-off-by: Mehmet Baker <mehmet@mehmetbaker.dev>
Girilen element(ler)le oluşturulabilecek bileşikler filtrelenir ve en kısa formüle sahip 5 tanesi seçilerek kullanıcıya önerilir. Kullanıcı bu önerilerden birine tıklarsa, bileşik elementleri seçilen bileşiğe uygun şekilde güncellenir ve seçilen bileşik kullanıcıya gösterilir.
out.mp4
#5