Web-Frontend
HTML-Tutorial
In HTML eingebettetes Flash Lösung zum Einbetten von Flash-Dateien in HTML-Webseitencode (Teil 1) _HTML/Xhtml_Webseitenproduktion
In HTML eingebettetes Flash Lösung zum Einbetten von Flash-Dateien in HTML-Webseitencode (Teil 1) _HTML/Xhtml_Webseitenproduktion
Es ist Brauch des chinesischen Volkes, das neue Jahr vor dem fünfzehnten Tag des ersten Mondmonats zu feiern. Hier möchte ich Ihren Freunden im Garten ein frohes neues Jahr wünschen.
In den letzten Tagen musste die Homepage des Unternehmens überarbeitet werden. Nach dem „Personalabbau“ des Unternehmens Ende letzten Jahres muss eine Person die Arbeit mehrerer Personen erledigen, und plötzlich spürt sie die Belastung ist schwer. Nein, das fällt nicht in meinen Aufgabenbereich. Leider war die mir von BOSS zugewiesene Aufgabe dieses Mal genau die Front-End-Entwicklungsaufgabe, die mir schon immer am Herzen lag . Ich habe mich zuvor mit der Entwicklung von Back-End-Managementprogrammen für die Website des Unternehmens beschäftigt und dabei hauptsächlich Geschäftslogik auf der Serverseite verarbeitet. Ich hatte noch nie die Gelegenheit, meine Fähigkeiten in der Front-End-Entwicklung einzusetzen, wofür ich eine Leidenschaft habe um. Übung ist der beste Weg, um wahres Wissen zu testen. Die Lösung der mir gestellten praktischen Aufgaben ist ein seltener Test. Ich habe viel verstreutes Wissen durch Bücher und verschiedene Materialien gelernt, hatte aber keine Gelegenheit, sie miteinander zu kombinieren. Haha. Es gibt so viele Tintenflecken auf der Vorderseite, die durch langes Unterdrücken entstehen, haha.
Lassen Sie mich zunächst die Aufgabenanforderungen beschreiben: Auf der Homepage des Unternehmens befindet sich ein JPG-Bild, das zur Navigation verwendet wird. Auf der Sekundärseite gibt es eine fast identische Flash-Version, die dem Bild entspricht. Eine der Aufgaben, die mir mein Chef zugewiesen hat, ist: Wenn im Client-Browser ein Flash-Dateiplayer installiert ist, wird die Flash-Version der Navigation angezeigt und umgekehrt wird die JPG-Bildnavigation angezeigt. Nachdem Sie die Aufgabe erhalten haben, denken Sie einen Moment darüber nach. Als Front-End-Entwicklung müssen Sie natürlich Probleme mit der Browserkompatibilität berücksichtigen. Der beste Weg, die Lücke zwischen Browsern zu schließen, ist die Verwendung eines oder mehrerer ausgereifter JavaScript-Frameworks. Es gibt zufällig ein sehr ausgereiftes und ausgefeiltes JS-Framework mit dem Namen: SWFObject.js.
Das erste Mal, dass ich mit SWFObject.js in Kontakt kam, war Version 1.5, und dieses Mal habe ich V2.1 verwendet, um das Problem zu lösen. Es gibt immer noch einige Unterschiede in der Verwendung der beiden. Insgesamt bin ich der Meinung, dass V2.1 im Vergleich zu V1.5 einen großen Fortschritt darstellt und hinsichtlich des Quellcodes des Frameworks und des Nutzungsprozesses eher dem objektorientierten JavaScript-Programmierstil entspricht.
Ich werde Sie auf diese „mühsame“ Reise aus der Perspektive eines Forschers mitnehmen, der gerade JavaScript erforscht hat, unabhängig davon, ob Sie ein Anfänger wie ich sind oder sich bereits mit dem Schreiben verschiedener JS auskennen. Als erfahrener Programmierer Seien Sie bitte gnädig und hoffen Sie, dass jeder auf zivilisierte Weise auf die Kurzsichtigkeit meines Denkens und die Fehler in meinem Schreiben hinweisen kann.
Der folgende Code ist ein Anwendungsbeispiel, das ich aus einer Dokumentation von SWFObject V1.5 übernommen habe (wenn Sie mehr über V1.5 erfahren möchten, klicken Sie bitte auf diesen Link):
/javascript">
// Das Ausführen einer anonymen Funktion unterscheidet sich nicht vom Ausführen einer gewöhnlichen Funktion
(function() {
var flash = document.getElementById("flashcontent");
var msg = null;
window.onload = function() {
if ( flash ) {
msg = 'Das Element existiert.';
msg = 'Das Element existiert nicht';
window.alert( msg );
})(); >