Il n'y a vraiment pas de mots pour exprimer mon enthousiasme lorsque j'ai vu cet outil de développement JavaScript IxEdit. Voici un exemple : vous faites une randonnée dans le désert depuis deux ou trois jours sans boire d'eau. Juste au moment où vous êtes sur le point de vous effondrer et pensez que vous êtes sur le point de mourir, vous voyez soudain un arbre avec un pavillon vert sous l'arbre et une belle fille nue allongée sur le tapis. La fille nue tient une bouteille d'eau pleine dans ses bras. . Et elle veut vous saluer de manière séduisante, comme une fille dans un salon de beauté au bord de la route.
Afin que vous puissiez ressentir cette sensation géniale, je vous propose de regarder cette vidéo ici, une vidéo que je viens d'enregistrer. Cette vidéo explique brièvement ce qu'est IxEdit, ce qu'il peut faire, ainsi qu'un didacticiel simple.
Oui, comme vous pouvez le voir dans la vidéo, IxEdit est un outil de développement JavaScript infaillible (en fait une bibliothèque de code JavaScript). Pas besoin de maîtriser les bases de JavaScript, vous pouvez utiliser IxEdit pour créer facilement des dynamiques de page et des effets interactifs impressionnants et couramment utilisés.
Pensez-y : si vous passez 2 heures à présenter cet outil aux artistes et aux concepteurs Web de votre entreprise (en général, bien qu'ils aient de fortes capacités de conception et la capacité d'écrire des pages statiques, ils ont de faibles compétences en JavaScript), dites-leur comment l'utiliser. Une fois qu'ils l'auront maîtrisé, ils n'auront plus à vous déranger avec un simple code JavaScript. Considérant que les concepteurs d'art et de sites Web dans les entreprises en général sont de belles filles, elles seront très heureuses et excitées lorsqu'elles maîtriseront la création d'effets JavaScript. A ce moment-là, vous pouvez leur dire : « Cet outil a effectivement des utilisations avancées. Je suis occupé quand je suis au travail, donc je ne pourrai peut-être pas vous apprendre, alors faisons-le ! Venez dans mon dortoir à midi. réveille le soir, et je t'apprendrai." (Remarque : lorsque vous dites cela, vous devez être très calme, ne pas paniquer et vous comporter très poliment et comme une bête. Sinon, cela ne servira à rien, quelle que soit la taille de votre lit. est!)
Donc, de ce point de vue, IxEdit est vraiment un outil divin. Que vous soyez un idiot de JavaScript ou un maître de JavaScript, vous pouvez l'utiliser pour travailler ou draguer des filles ! Artefact! C'est vraiment un artefact !
D'accord, essayons IxEdit en action. Cela dit, cette chose est vraiment un peu gênante, car le site officiel d'IxEdit : http://www.ixedit.com/ ne semble pas très complet. Bien qu'il existe des instructions et des exemples, d'une part, ils sont tous en anglais, et d'autre part, ils ne sont pas très cohérents avec les habitudes chinoises, et il n'y a pas d'exemples relativement complets, donc ici, je vais suivre nos habitudes chinoises étape par étape, et enfin donner un exemple complet de package compressé. Il y a tout dans le sac. Cela vous permettra de faire plus facilement des recherches localement. Eh bien, commençons !
Si vous souhaitez utiliser IxEdit, un outil de développement JavaScript, vous devez d'abord préparer quelques éléments. Je vous expliquerai à quoi ils servent dans un instant.
Bon, parlons des prérequis pour reproduire la diversité ! [Page coupée]
Bien qu'IxEdit soit considéré comme un outil de développement JavaScript, il ne s'agit en réalité que d'une bibliothèque de scripts JavaScript basée sur jQuery et jQuery UI. Ainsi, jQuery et jQuery UI sont requis. Mais IxEdit est une bibliothèque JavaScript super géniale qui nécessite même l'utilisation d'une base de données locale, donc cette chose nécessite le très génial Google Gears.
Même si je me suis moqué de moi-même lorsque je traduisais en chinois, après d'innombrables efforts à différentes étapes, je n'ai toujours pas pu télécharger le package d'installation officiel de Google Gears depuis Google et l'installer avec succès (le téléchargement est un package d'installation en ligne et une connexion Internet est nécessaire pour l'installation) ). Cela m’a fait sentir très fortement que grandir entre les murs de la patrie était très sûr.
Par conséquent, la route pour installer Google Gears est interrompue. Cependant, cela n'a pas d'importance. Bien qu'il n'y ait aucun moyen de suivre Google Gears, nous pouvons sauver le pays à travers les courbes. Google Gears n'est-il pas produit par Google ? Ensuite, le navigateur Chome de Google devrait certainement être livré avec cette chose. Par chance, c'est vrai, donc si vous utilisez le navigateur Chome, vous disposez automatiquement de Google Gears. Aussi : le navigateur Safari d'Apple est également livré avec cette chose. Ainsi, le problème gênant de Google Gears est résolu.
Certains amis peuvent demander : les pages Web créées nécessitent-elles également Google Gears ? En fait, cela n'a pas d'importance. Ce dont vous avez besoin, c'est de Google Gears uniquement pour l'environnement de développement. Les pages Web développées n'ont plus besoin de Google Gears . C'est exactement comme le site Web que nous avons développé avec VS2008, mais lorsque les utilisateurs parcourent le site Web que nous avons créé, ils n'ont pas besoin d'installer VS2008.
Fichier de bibliothèque IxEdit js, il ne semble y avoir rien à dire à ce sujet. S'il n'y a rien de tel, créez simplement un P.
« Déployer un environnement de développement » semble être un terme très professionnel, mais cela signifie en réalité télécharger un package compressé puis le décompresser. La raison pour laquelle vous utilisez un mot si cool est que vous pouvez montrer aux petites filles d'art de l'entreprise que vous êtes suffisamment cool, belle et géniale pour pouvoir conquérir leur conscience arrogante dans le domaine professionnel.
Eh bien, téléchargeons ce génial package compressé qui peut « déployer un environnement de développement » !
Décompressez cette chose et le formidable environnement de développement local est déployé ! Bien sûr, si vous pensez que cliquer avec le bouton droit de la souris et sélectionner "Extraire vers..." devant le petit artiste n'est pas assez cool, vous pouvez insérer des commandes Dos magnifiques mais inutiles au milieu. Dans des circonstances normales, lorsque les petits artistes voient une fenêtre sombre et doivent entrer des commandes incompréhensibles, puis que la fenêtre change radicalement, ils l'associeront toujours aux pirates informatiques, créant ainsi un sentiment de mystère et d'admiration pour vous. Si vous n'êtes pas familier avec Dos, en voici un convivial, l'effet est très bon, la fenêtre sombre va changer radicalement, c'est-à-dire : dir /w囧rz~
Utilisez EditPlus pour ouvrir le fichier d'exemple dans le package compressé (je suis personnellement un fan inconditionnel d'EditPlus, donc en utilisant ceci, vous pouvez utiliser n'importe quel éditeur pour ouvrir ce fichier). Ensuite, vous verrez quelques exemples et un calque contextuel sombre. Ce calque contextuel est l'âme de l'ensemble d'IxEdit. Grâce à lui, vous pouvez terminer la tâche en quelques clics de souris. Exemple de fichier (je suis personnellement un fan inconditionnel d'EditPlus, donc en utilisant ceci, vous pouvez ouvrir ce fichier avec n'importe quel éditeur). Ensuite, vous verrez quelques exemples et un calque contextuel sombre. Ce calque contextuel est l'âme de l'ensemble d'IxEdit. Grâce à lui, vous pouvez terminer la tâche en quelques clics de souris.
L'interface principale d'IxEdit est la couche contextuelle sombre à l'intérieur de la page. Concernant la version linguistique, je dois en parler de manière générale : IxEdit déterminera quelle langue utiliser en fonction de la version linguistique de votre navigateur . La valeur par défaut officielle est l'anglais et le japonais. J'étais d'ailleurs un peu mécontent que le japonais soit fourni. , donc cela a pris du temps. Pendant ce temps, j'ai fait un peu de localisation de l'interface principale. Cependant, à ce stade, je n'ai fait qu'une simple chinoisisation de l'interface principale, et certains contenus d'aide ne sont toujours pas chinoisisés. De plus, mon niveau d'anglais est très mauvais et la traduction est très bonne. Si vous souhaitez nous aider à localiser ce logiciel génial, veuillez visiter le groupe Blog Park IxEdit . Améliorons progressivement la version chinoise et travaillons dur !
Comment utiliser un certain outil n'est pas aussi direct qu'une longue explication + des captures d'écran, j'ai donc décidé de l'expliquer sous la forme d'une vidéo. Si vous ne parvenez pas à regarder des vidéos en ligne, vous pouvez télécharger les fichiers vidéo au bas de l'article et les télécharger localement pour les visionner.
Utilisez IxEdit pour utiliser facilement DOM, notamment :
La vidéo expliquera certaines applications courantes de manipulation du DOM.
En utilisant IxEdit, vous pouvez facilement obtenir de très beaux effets d'animation, notamment :
La vidéo expliquera l'application de certains effets d'animation couramment utilisés.
L'utilisation d'IxEdit peut facilement obtenir certains effets spéciaux, notamment :
La vidéo expliquera l'application de certains effets spéciaux couramment utilisés.
D’autres restent des effets très simples, je ne vais donc pas perdre de temps à les expliquer. Tout le monde le comprendra après juste une petite exploration.
En fait, IxEdit dispose d'un mode avancé (utilisez ixedit.advancedMode=true;). L'activation du mode avancé ouvrira certaines fonctions qui ne sont pas couramment utilisées par les experts. La vidéo ci-dessous vous montrera comment activer le mode avancé d'IxEdit.
Après un long travail, cette étape sera franchie si les résultats sont appliqués à la page finale. Après le déploiement, vous n'avez pas besoin de Google Gears, du navigateur Chome, des fichiers de bibliothèque IxEdit js et d'autres choses compliquées. Quant à la façon d'utiliser le code généré par IxEdit, veuillez regarder le didacticiel vidéo ci-dessous !
Étant donné qu'IxEdit utilise Google Gears, vos paramètres et votre travail peuvent être enregistrés et ouverts la prochaine fois pour continuer à travailler. Un peu comme les fonctions "Enregistrer" et "Ouvrir". Il est enregistré automatiquement par défaut. Si vous devez "enregistrer sous", vous pouvez cliquer sur le menu IxEdit dans le coin supérieur gauche et sélectionner la commande "Paramètres d'exportation/importation" pour y parvenir.
IxEdit est en effet une bonne chose, permettant aux personnes qui ne connaissent pas JavaScript d'implémenter facilement des effets JavaScript courants. Coopérer avec jQuery et jQuery UI vous permet d'obtenir facilement des effets magnifiques.
Cependant, IxEdit est encore en version bêta pour le moment, il reste donc encore beaucoup à faire. Attendons-le avec impatience !
Amis qui souhaitent participer à la version chinoise d'IxEdit, veuillez venir dans le groupe IxEdit dans le Blog Park. Laissez IxEdit avoir non seulement des versions officielles anglaises et japonaises, mais aussi une version chinoise !
Adresse originale : http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html