Bibliothèque JavaScript

JavaScript Frameworks (Bibliothèques)

La programmation avancée en JavaScript (en particulier la gestion complexe des différences entre les navigateurs) est souvent difficile et prend du temps.

Afin de faire face à ces ajustements, de nombreuses bibliothèques JavaScript (helper) ont vu le jour.

Ces bibliothèques JavaScript sont souvent appelées frameworks JavaScript.

Dans ce tutoriel, nous découvrirons certains frameworks JavaScript populaires :

jQuery

Prototype

MooTools

Tous ces frameworks fournir des fonctions pour les tâches JavaScript courantes, notamment l'animation, la manipulation DOM et la gestion Ajax.

Dans ce didacticiel, vous apprendrez comment commencer à les utiliser pour rendre la programmation JavaScript plus facile, plus sûre et plus amusante.

jQuery

jQuery est actuellement le framework JavaScript le plus populaire.

Il utilise des sélecteurs CSS pour accéder et manipuler les éléments HTML (objets DOM) sur les pages Web.

jQuery fournit à la fois une interface utilisateur (interface utilisateur) et des plugins.

De nombreuses grandes entreprises utilisent jQuery sur leurs sites Web :

Google

Microsoft

IBM

Netflix

Prototype

Prototype est une bibliothèque qui fournit une API simple pour effectuer des tâches Web courantes.

API est l'abréviation d'Application Programming Interface. Il s'agit d'une bibliothèque de propriétés et de méthodes permettant de manipuler le DOM HTML.

Prototype améliore JavaScript en fournissant des classes et un héritage.

MooTools

MooTools est également un framework qui fournit une API qui facilite la programmation JavaScript courante.

MooTools contient également des effets légers et des fonctions d'animation.

Autres frameworks

Voici quelques autres frameworks non abordés ci-dessus :

YUI - Yahoo User Interface Framework, une grande bibliothèque couvrant un grand nombre de fonctions, des simples fonctions JavaScript aux fonctions complètes. widget Internet.

Ext JS - Widgets personnalisables pour créer des applications Internet riches.

Dojo - Boîte à outils pour la manipulation du DOM, les événements, les widgets et plus encore.

script.aculo.us - Framework JavaScript open source pour les effets visuels et le comportement de l'interface.

UIZE - Widget, AJAX, DOM, modèles et plus encore.

CDN - Content Delivery Network

Vous voulez toujours que vos pages Web soient aussi rapides que possible. Vous souhaitez que la taille de la page soit aussi petite que possible et que le navigateur mette en cache autant que possible.

Si de nombreux sites Web différents utilisent le même framework JavaScript, il est logique de placer la bibliothèque de framework dans un emplacement commun pour que chaque page Web puisse la partager.

CDN (Content Delivery Network) résout ce problème. Un CDN est un réseau de serveurs contenant une base de code partageable.

Google fournit un CDN gratuit pour une gamme de bibliothèques JavaScript, notamment :

jQuery

Prototype

MooTools

Dojo

Yahoo ! YUI

Cependant, comme Google est souvent bloqué par GFW (Great Firewall of China, en abrégé Great Firewall, en abrégé GFW) en Chine, ce qui entraîne un accès instable, il est recommandé d'utiliser Bibliothèque publique de ressources statiques Baidu : http://cdn.code.baidu.com/.

Utiliser des frameworks

Avant de décider d'utiliser un framework JavaScript pour vos pages Web, il est sage de tester d'abord le framework.

Les frameworks JavaScript sont faciles à tester. Vous n'avez pas besoin de les installer sur votre ordinateur et il n'y a pas d'installateur.

Habituellement, il vous suffit de référencer un fichier de bibliothèque à partir de la page Web.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>这个是使用jQuery的一个实例</p> <button id="hide">隐藏</button> <button id="show">显示</button> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel