Maison > interface Web > js tutoriel > Comment éviter l'exécution inutile de JavaScript dans Rails 3.1 ?

Comment éviter l'exécution inutile de JavaScript dans Rails 3.1 ?

Linda Hamilton
Libérer: 2024-10-31 07:09:02
original
553 Les gens l'ont consulté

How to Avoid Unnecessary JavaScript Execution in Rails 3.1?

JavaScript spécifique à une page dans Rails 3.1

Le comportement de fusion par défaut de JavaScript dans Rails 3.1 en un seul fichier soulève des inquiétudes quant aux code étant exécuté inutilement. Pour résoudre ce problème, envisagez les approches suivantes :

JavaScript spécifique au contrôleur :

La documentation Asset Pipeline fournit une solution pour le JavaScript spécifique au contrôleur. Par exemple, un ProjectsController aurait les fichiers d'actifs correspondants dans app/assets/javascripts/projects.js.coffee et app/assets/stylesheets/projects.css.scss. Du JavaScript ou du CSS unique peut être placé dans ces fichiers et chargé uniquement pour les contrôleurs concernés en utilisant :

  • <%= javascript_include_tag params[:controller] %>
  • <% = stylesheet_link_tag params[:controller] %>

Déclenchement de code basé sur l'ID/la classe :

Alternativement, le code spécifique à la page peut être exécuté de manière conditionnelle par vérifier la présence d’identifiants ou de classes spécifiques. Dans le JavaScript, vérifiez si l'élément correspondant existe et exécutez le code associé s'il est trouvé. Cela garantit que le code ne s'exécute que lorsque l'élément pertinent est présent.

Exemple :

if ($("#search-box").length > 0) {
  // Execute JavaScript for search box
}
Copier après la connexion

Avantages du déclenchement de code conditionnel :

  • Le code spécifique à la page s'exécute uniquement lorsque cela est nécessaire, réduisant ainsi la consommation de ressources.
  • Les balises de script manuelles sont éliminées, simplifiant la maintenance et empêchant la redondance du code.
  • Des fonctionnalités peuvent être ajoutées à plusieurs pages sans inclure manuellement le code sur chaque page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal