Maison > interface Web > js tutoriel > Introduction détaillée à 5 bibliothèques JavaScript que les ingénieurs front-end adorent

Introduction détaillée à 5 bibliothèques JavaScript que les ingénieurs front-end adorent

黄舟
Libérer: 2017-03-09 14:56:52
original
1498 Les gens l'ont consulté

Introduction détaillée à 5 bibliothèques JavaScript que les ingénieurs front-end adorent

Le développement front-end doit être considéré comme la partie la plus intéressante de l'ensemble du développement d'applications Web processus, quel que soit le processus. À tout moment, vous pouvez toujours voir de nouveaux cadres émerger, et il existe d'innombrables articles sur la façon de les appliquer. Nous pouvons affirmer avec certitude qu'il existe d'innombrables cadres de développement différents sur Internet. En bref, quel que soit le programme que nous souhaitons développer, il y aura toujours des outils prêts à l'emploi que nous pouvons utiliser, n'est-ce pas ?

Dans cet article, je partagerai cinq bibliothèques JavaScript très utiles pour vous aider à simplifier le développement front-end.

Moment.js

Il s'agit d'une bibliothèque JavaScript très puissante qui peut vous aider à modifier et afficher les dates très facilement. Elle est également très légère (environ 12 Ko) et peut être facilement appliquée sur le Web. candidatures. Par exemple, si vous souhaitez afficher la date d'il y a 10 jours, utilisez simplement le code suivant :

moment().subtract(10, 'days').calendar();  //will display date in the format mm/dd/yyyy
Copier après la connexion

Adresse du projet : GitHub – https://github.com/moment/moment/

Bonjour.Js

Avez-vous mal à la tête en intégrant diverses méthodes de connexion sociale à votre site Web ? Eh bien, venez jeter un œil à cette bibliothèque JavaScript. Elle fournit l'intégration de méthodes de connexion pour différents sites de réseaux sociaux, vous permettant d'utiliser facilement des chemins standard et d'obtenir des réponses communes. Par conséquent, vous n’avez plus besoin de feuilleter un par un les documents de développement et les SDK fournis par les différentes plateformes sociales. Tout ce que vous avez à faire est d’introduire Hello.js dans votre projet, et vous pourrez alors profiter de sa puissance.

Adresse du projet : GitHub – https://github.com/MrSwitch/hello.js

is.js

S'il faut écrire diverses expressions régulières et vérifier le format Se sentir fatigué du codage ? Pas besoin de vous inquiéter maintenant car vous pouvez vous épargner en utilisant is.js. Qu'il s'agisse d'une adresse email, d'un numéro de téléphone ou de tout autre format de vérification, is.js gère tout et vous permet de l'étendre facilement. Voici quelques exemples :

is.email('test@test.com'); //check if the given string is valid email

is.creditCard(378282246310005);  //checks for valid credit card
Copier après la connexion

Adresse du projet : GitHub – https: /. /github.com/arasatasaygin/is.js

Underscore.js

Underscore.js fournit plus de 100 fonctions couramment utilisées pour vous aider à accélérer le développement quotidien. Vous pouvez lui faire confiance pour compléter le code fastidieux mais inévitable de votre code JS et éviter l'instabilité qui peut être causée par une implémentation manuelle, améliorant ainsi considérablement la productivité. La meilleure chose à ce sujet est que la version finale du code ne fait que 5,7 Ko, ce qui signifie qu'elle n'a presque pas d'impact majeur sur la vitesse de chargement de votre application.

Adresse du projet : GitHub - https://github.com/jashkenas/underscor

Awesomplete

Une bibliothèque JavaScript légère et sans dépendance qui peut vous aider à implémenter la saisie semi-automatique ( fonction de saisie). C'est très simple à utiliser, importez simplement les fichiers JS et CSS et vous verrez l'effet en moins d'une minute. Le code compressé fait moins de 2 Ko, ce qui est très approprié pour une utilisation dans des environnements de production. Tout comme son nom anglais l'indique, il s'agit vraiment d'une « auto-complétion super puissante » !

Adresse du projet : GitHub – https://github.com/LeaVerou/awesomplete

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal