Dieser Artikel verwendet die installierten Rails 6.0.0 Über JavaScript drin. Während ich mit Rails eine Kopier-App der Furima-App erstellte, implementierte ich den Verkaufspreis mit JavaScript!
item_price.js
window.addEventListener('load', () => {
const itemPrice = document.getElementById("item-price");
itemPrice.addEventListener("input", () => {
const inputValue = itemPrice.value;
const addTaxDom = document.getElementById("add-tax-price");
addTaxDom.innerHTML = (Math.floor(inputValue * 0.1));
const saleProfit = document.getElementById("profit");
const value_result = inputValue * 0.1
saleProfit.innerHTML = (Math.floor(inputValue - value_result));
})
});
Die Implementierung war erfolgreich und ich war froh, mit der nächsten Implementierung fortzufahren. Wenn ich den Preis für die Auflistung eingab, funktionierte die Gebühren- und Gewinnberechnung manchmal nicht. Warum? Aufgrund verschiedener Versuche und Irrtümer scheint diese Beschreibung schlecht zu sein.
require("turbolinks").start()
Diese Beschreibung ist in application.js definiert. Bitte achten Sie dabei auf "Turbolinks". Die Bedeutung ist "eine Bibliothek zur Beschleunigung von Seitenübergängen durch Ajax". Es ist ein großer Vorteil, aber es scheint, dass es manchmal schlechtes Java-Skript hat, kleine Fehler verursacht, nicht bereit aufruft, den Header nicht ändert usw. Lol Ich würde es gerne benutzen, weil es Vorzüge hat, aber wie viel Zeit wird es benutzt?
Wenn Sie das Rendern von Seiten auch bei höheren Entwicklungskosten beschleunigen möchten Wenn die Menge der Javascript-Beschreibung gering ist Websites, die hauptsächlich Ansichten zurückgeben, die aus Rails usw. erstellt wurden.
Im Gegenteil, Websites mit einer Größe, die das Rendern von Seiten usw. nicht beschleunigen muss. Wenn die Menge der Javascript-Beschreibung groß ist Wenn Sie CSS oder JavaScript für jede Seite separat schreiben, wird der Nutzen der Verwendung verringert.
Sie müssen das Verhalten bei der Verwendung von Turbolinks verstehen. Wir empfehlen, dass Sie die Vor- und Nachteile des Produkts sorgfältig prüfen, bevor Sie es in Betrieb nehmen.
Recommended Posts