La coutume chinoise est que le Nouvel An chinois est toujours célébré avant le quinzième jour du premier mois lunaire. Ici, je vous souhaite à mes amis une heureuse vieillesse.
Ces jours coïncident avec la nécessité de révision de la page d'accueil du site Web de l'entreprise. Après que le personnel de l'entreprise a été rationalisé à la fin de l'année dernière, une personne a dû faire plusieurs emplois, et soudain, il s'est rendu compte que le fardeau était lourd. Non, ce n'est pas quelque chose dans ma portée de travail, et malheureusement je l'ai également participé. La chance du malheur est la tâche qui m'a été assignée par le patron cette fois, qui est exactement la tâche de développement frontal qui m'a toujours passionné. J'ai déjà été engagé dans le développement de programmes de gestion backend pour le site Web de l'entreprise, et j'ai plus à faire face à la logique commerciale du côté serveur, et je n'ai jamais eu l'occasion de montrer ma force dans le développement frontal qui me passionne. La pratique est le meilleur moyen de tester les véritables connaissances. En résolvant les tâches réelles qui m'ont été attribuées, c'est un test rare. J'ai appris beaucoup de connaissances dispersées à travers des livres et divers matériaux, mais je n'ai pas eu l'occasion de les mélanger ensemble pour faire un test complet, haha. Il y a tellement de traces d'encre devant vous, mais elles sont toutes causées par la dépression pendant longtemps, haha.
Permettez-moi d'abord de décrire les exigences de la tâche: il y a une image JPG composée de cinq balles sur la page d'accueil du site Web de l'entreprise, qui est utilisée pour naviguer. Après avoir cliqué sur le texte de chaque balle, la page secondaire des informations correspondantes sera ouverte. La version flash correspondante est presque la même que l'image. L'une des tâches attribuées par mon boss est: lorsque le navigateur client installe le lecteur de fichier flash, il affiche la navigation de la version flash, et vice versa. Après avoir obtenu la tâche, considérez-la un instant. Il s'agit à la fois de développement frontal et bien sûr, vous devez considérer la compatibilité du navigateur. La meilleure façon de franchir l'écart entre les navigateurs est d'utiliser un ou plusieurs frameworks JavaScript matures. Heureusement, il y a un cadre JS très mature et exquis appelé: swfObject.js.
La première fois que je suis entré en contact avec swfObject.js, c'était V1.5, mais cette fois, j'ai utilisé V2.1 pour résoudre le problème. Il y a encore quelques différences d'utilisation entre les deux. Dans l'ensemble, je pense que V2.1 est un grand bond en avant par rapport à la V1.5. V2.1 est plus conforme au style de programmation JavaScript orienté objet en termes de code source et de processus d'utilisation du cadre.
Je vous emmènerai pour vivre ce voyage de lancer du point de vue d'un étude qui a récemment exploré JavaScript. Que vous soyez un novice comme moi ou un vétéran qui est déjà habile à écrire divers codes JS, j'espère que vous pourrez faire preuve de miséricorde. J'espère que tout le monde souligne la myopie dans ma pensée et les erreurs de mes mots avec une attitude civilisée.
Le code suivant est un exemple d'utilisation que j'ai adapté d'un document d'explication de SWFObject v1.5 (si vous voulez en savoir plus sur la v1.5, veuillez cliquer sur ce lien):
Copier le code