[JAVA] Une histoire que turbolinks a été confondue par de mauvaises choses

Cet article utilise les Rails 6.0.0 installés À propos de JavaScript. En créant une application de copie de l'application Furima avec Rails, j'implémentais le prix de vente avec 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));      
  })
});

L'implémentation a réussi et j'étais heureux de passer à l'implémentation suivante, et parfois lorsque j'entrais le prix pour lister, le calcul des honoraires et des bénéfices ne fonctionnait pas. Pourquoi? À la suite de divers essais et erreurs, il semble que cette description était mauvaise.

require("turbolinks").start()

Cette description est définie dans application.js. Veuillez prêter attention aux "turbolinks" dans ceci. La signification est "une bibliothèque pour accélérer les transitions de page par Ajax". C'est un grand avantage, mais il semble qu'il a parfois un mauvais Java Script, provoque de petits bugs, n'appelle pas prêt, ne change pas l'en-tête, etc. Lol Je voudrais l'utiliser car il a des mérites, mais quel genre de temps est-il utilisé?

Comment utiliser les turbolinks

Si vous souhaitez accélérer le rendu des pages même à des coûts de développement plus élevés Lorsque la quantité de description Javascript est faible Sites qui renvoient principalement des vues créées à partir de Rails, etc.

Au contraire, des sites d'une taille qui n'a pas besoin d'accélérer le rendu des pages, etc. Lorsque la quantité de description Javascript est importante Si vous écrivez css ou JavaScript séparément pour chaque page, le mérite de l'utiliser sera réduit.

Sommaire

Vous devez comprendre le comportement lors de l'utilisation de Turbolinks. Nous vous recommandons d'examiner attentivement les avantages et les inconvénients du produit avant de l'utiliser.