Artikel Tagged 'Internet'


Beispiele für unaufdringliche Javascript

Wie hier versprochen einige konkrete Beispiel unaufdringlich JavaScript, vielseitige und leistungsstarke Tool, wenn sie ordnungsgemäß verwendet. On Site / Blog Ryan Johnson können Sie zwei wirklich gutes Beispiel für dezente JavaScript:

Ryan Johnson, in seinem Skript verwendet die Bibliothek Prototype , wie viele der übrigen. Er hat auch einige Erweiterungen, um die relativ geschrieben Prototype , dann eingeführt - in einer anderen Form - in der neuesten Version der Bibliothek.
Mit Prototype für den Betrieb von dezent JavaScript-Code zeigen, ist in der Regel mehr Komfort - wie wir später sehen werden, aber hier ist ein grobes Beispiel, dass keine externen Bibliotheken benötigt. Wir beginnen mit dem Hinweis, dass das Konzept hinter dem Dezente JavaScript, um von einem beliebigen HTML-Seite (Standard und nicht unbedingt schriftlich von uns - noch wichtiger Pluspunkt) beginnen soll, und verwenden Sie Javascript, um einige Änderungen vornehmen.

Schematimamente das Konzept ist auf eine Funktion, die HTML, durchquert dann den DOM und in bestimmten Punkten hinzuzufügen oder zu ändern-Funktionalität analysiert durchzuführen. Normalerweise werden zwei Methoden genutzt, um Javascript-Code ausführen, um eine Seite zu laden: die erste ist, was du nicht packen den Code in einer Funktion, und lassen Sie den Browser ausführen Code sofort auf den Punkt, wo der Anruf erscheint hochgeladen:

1
script > < script > alert ("Hallo"); </ script >

Das gleiche Ergebnis wird durch die Einbeziehung der Code erhalten:

1
"http://miosito.com/miocodice.js" >< / script > < script src = "http://miosito.com/miocodice.js"> </ script >

Allerdings, wenn es muss auf dem DOM einer Seite zu betreiben, dass es ein voll beladen, dass alle TAG auf der Seite vorhanden und verfügbar zu verfolgen ist, voraussetzt. So ist die beste Lösung wird derjenige sicher sein, dass die Seite komplett ist. Dies ist durch die Gewinnung der body-Tag onload-Ereignis zum Beispiel, die freigesetzt werden, wenn das Laden der Seite abgeschlossen ist möglich.

1
2
3
miafunzione ; Fenster onload = myfunction.;
/ / Oder, was dasselbe ist
function ( ) { alert ( "Hello" ) ; } . window onload = function () {alert ("Hallo");}

Vermieden, natürlich, die kanonische Lösung, die eine Untertreibung zu nennen es aufdringlich wäre:

1
"miafunzione()" > < Körpers onload = "myfunction ()">

Eine andere Technik, gröber und ebenso aufdringlich (wie zwingen würde, den Endnutzer, den Code an einer bestimmten Stelle Platz), ist unser Skript am Ende des Dokuments setzen vor dem schließenden Body-Tag, mittlerweile veraltet Technik und verwendet in seltenen Fällen (siehe Google Analytics!).

Noch besser ist es, die Methode zu verwenden:

1
2
3
4
5
6
7
window. addEventListener ) { if (window. addEventListener) {
"load" , miafunzione , false ) ; Fenster zu sehen. addEventListener ("load", myfunction, false) ¾ Í
( window. attachEvent ) { } Else if (window. attachEvent) {
"onload" , miafunzione ) ; Fenster zu sehen. attachEvent ("onload", myfunction) ¾ Í
{ Else {}
createSubMenus; Fenster zu sehen. createSubMenusÍ onload = ¾
}

Auch dieses Stück Code wird in einer Funktion eingeschlossen sind. Es wird ein Ereignis-Listener für das Load-Ereignis des Fensters hinzuzufügen, ruft unsere Funktion miafunzione() . . Moderne Browser wie Firefox zum Beispiel, wird die Funktion addEventListener() in DOM Level 2-Spezifikation definiert, während Internet Explorer seine proprietäre Funktion nutzen wird attachEvent() . Allerdings sind wir nicht auf Perfektion in dieser Weise, in der Tat, ersetzen Sie alle - alle - ". Non-intrusive" onload Ereignisse durch andere Skripte erstellt, die nicht wirklich

Schnell zu lösen, um das Problem, dass aufgrund der unterschiedlichen Verhalten der Browser am wenigsten komplizierte wäre, hier zu erklären, ist es zweckmäßig, als libreirie verwenden Prototype bietet un'elengantissimo Methode, um das Problem zu überwinden:

1
window , 'load' , function ( ) { alert ( "Hello" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo ");});

Die Syntax ist sehr auffällig und spektakulär! Der Vorteil für diejenigen, die nicht verstanden hatte, ist, dass Sie schreiben:

1
2
window , 'load' , function ( ) { alert ( "Hello 1" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo 1 ");});
window , 'load' , function ( ) { alert ( "Hello 2" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo 2 ");});

Beim Laden der Seite wird angezeigt, bevor die Warnung "Hallo 2" und dann alert "Hallo 1" sein. Grundsätzlich in einem FILO (First Last Input Output) einen Stapel zu laden, während gleichzeitig die Ausführung aller Veranstaltungen an der Last des Dokuments, genau das, was man wollte. Auf diese Weise eine Seite laden kann - praktisch - endlose unaufdringlich JavaScript, um das Dokument Lasthaken.

Aber was kann mit dieser Technik zu tun? Viele interessante Dinge. Ein Beispiel, das wir schreiben (siehe auch Vorbild: Die Verwendung des doppelten Dollarzeichen ($ $) ) stammt aus Tobie Langel . Mit ein paar Zeilen Code und Download-Bibliotheken Prototype und Scriptaculous kann man einen schönen Effekt auf die klassische Anker unserer Seiten geben. Erstellen Sie zunächst eine HTML-Seite mit dem folgenden Code:

1
2
3
4
5
6
7
8
= "#capitolo1" > Vai al capitolo 1 < / a >< / p > < p > < ein href = "# Kapitel 1"> Kapitel 1 Go </ eins > </ p >

< / p > < p > </ p >
< / p > < p > </ p >

.... < / p > .... eine Menge 'von < p > </ p > .... nur als Beispiel

"capitolo1" > Capitolo 1 < / h1 > < h1 id = "Chapter 1"> Kapitel 1 </ h1 >

Fügen Sie die Seite:

1
2
3
4
5
6
7
8
9
10
11
12
"prototype.js" type = "text/javascript" charset = "utf-8" >< / script > < script src = "prototype.js" type = "text / javascript" charset = "UTF-8"> </ script >
"scriptaculous-js-1.7.0/src/effects.js" type = "text/javascript" charset = "utf-8" >< / script > < script src = "scriptaculous-js-1.7.0/src/effects.js" type = "text / javascript" charset = "UTF-8"> </ script >

"text/javascript" language = "javascript1.2" > < script type = "text / javascript" language = "JavaScript1.2">
Event.observe (window, 'load', function () {
$ $ ('A [href ^=#]: nicht ([href =#])'). each (function (element) {
element.observe ('click', function (event) {new Effect.ScrollTo (this.hash.substr (1));
Event.stop (event);
bindAsEventListener (element))
})
})
</ script >

Dank "use Event.observe() -Funktion und Zwei-Dollar ($ $) Sie leicht ändern lässt sich das Verhalten des Klassikers zu verankern. In diesem Fall ist eine neue Funktion ist angespannt, um die HTML-Seite hochladen. Bei der Aufnahme der Last Veranstaltung ist alle Links in die DOM (Tag <A>) mit href, die mit der Raute (#, ohne die man mit nur einem Pfund!) Beginnt zurückzuführen. Um diese Elemente ist eine Funktion, die an das Click-Ereignis, ähnlich dem, was war mit der Last des Dokuments gemacht. An dieser Stelle ins Spiel kommt Scriptaculous Effekt, dass eine Schriftrolle, um das Element aus unserem punat Links produziert - geändert!

Fortsetzung ...

Accessibility und Usability: unaufdringliche Javascript

Zulassen, dass Benutzer mit einem Web-Seite in den letzten Jahren zu interagieren hat einen signifikanten Anstieg in der Verwendung von Client-seitiges Scripting produziert: Javascript-Code kann in Echtzeit reagieren und zu manipulieren eine Vielzahl von Informationen. Das Web2.0 ist der ultimative Ausdruck dieser Fähigkeit zur Interaktion, in dem der Endbenutzer - die benutzerfreundliche beteiligt sich aktiv an der Konstruktion und zu "Evolution des Web site, mit dieser zu interagieren und sich selbst helfen. Dass die "Navigator" wird definitiv nicht passive sieht - ist als User-Generated Content (User Generated Content UGC oder) bezeichnet!

Um diese Interaktion zu erreichen, so dass der Endverbraucher seinen Beitrag hinzuzufügen, entwickelten wir eine Reihe von Techniken, die das Aussehen und das Verhalten von Webseiten (statisch so weit verändert haben, aber jetzt ähnlich wie die traditionellen Anwendungen Desktop) in den letzten Jahren. Ändern Sie den Inhalt einer Seite, Versenden von Dateien, so dass ihre Stimme, um ein Video oder ein Dokument, Register oder ihre persönlichen Daten ändern, sind nur einige der reichsten Operationen in vielen Dienstleistungen (2,0 beta) auf dem Web

Fortsetzung ...

Vocal Fruits

Der Service XFruits , Ich benutze dieses Blog für die PDF-Version : Ist durch ein neues und interessantes Tool bereichert VocalFruit .
Jetzt ist unsere RSS-Feeds zu hören ist.
Der neue Service ist für registrierte Nutzer mit einem Startguthaben von 100 Stimmen. In der Tat hatte ich mich neu registrieren, kleines Geheimnis, aber ich habe es ausprobiert und es funktioniert wirklich gut.
Wahrscheinlich die Wahl der Credits richtet sich nach den Kosten der Technologie für die Lautsprecher verwendet, so dass ich davon ausgehen, dass könnte schon bald in sein kostenlos ! Informationen auf der Website sind immer noch relativ wenige, wirklich, aber die Idee scheint interessant.

Sind jetzt für die Sprachen Englisch, Französisch und Spanisch, Italienisch, aus Angst muss man ein bisschen "(die Grenze sie nie, wie so oft wird passiert) wartet. Die Service-Funktionen ermöglichen es Ihnen, die Rede von RSS-Feeds, oder auf unserer Website, Handy oder einen MP3-Player generiert wird.

Fortsetzung ...

Apollo, Firefox 3 und Rails: Alle offline

Magnetk und Joyent erstellt haben Slingshot , ein Tool, das eine Rails-Anwendung offline zu arbeiten erlaubt! Zur gleichen Zeit wurde die gewährte Gran Paradiso Alpha 3 oder Firefox 3, auch bereit, auf diese neue Grenze dell'offline nehmen. Wir können ohne Übertreibung sagen, zumindest von dem, was wir lesen im Netz, die einen echten Wettbewerb, der Einsatz von Adobe sieht startete Apollo , FireFox 3 und neue Konkurrenten wie Slingshot .

Slingshot , allerdings wird vorgeschlagen, zu entwickeln (oder bringen) einer Rails-Anwendung direkt auf Ihrem Desktop und führen Sie sie in eine " einfache und transparente ";

Joyent Slingshot ermöglicht es Entwicklern, Rails-Anwendungen, die den gleichen Online-und Offline (mit Synchronisation) und mit Drag in und aus der Anwendung wie eine normale Desktop-Anwendung Arbeiten einzusetzen.

Für eine Demonstration von Slingshot finden Sie in der QuickTime-Film.

Es ist daher ein echtes Live-WETTBEWERB IN zwischen Slingshot und Apollo . Letztere, in der Tat hat ein anderes Ziel am Ende, wie von Wikipedia angezeigt ;)

"A Cross-OS-Runtime können Entwickler beschäftigen, dass ihre bestehenden Web-Entwicklung-Kenntnisse ( Flash- , Flex , HTML , Ajax ) zu erstellen und bereitzustellen Desktop Rich Internet Applications . "

Interessant - aber - sind die Merkmale von Firefox 3 (als Animated PNG - APNG ), die auf eine andere Weise aus der oben genannten Lösungen entsteht.

Die Anwärter teilen die Eigenschaft, dass, dann ist dieser neue Trend zur Arbeit - oder zulassen, um zu arbeiten - offline! Es ist merkwürdig, dass dieses Interesse ist explodiert, fast plötzlich, in einem historischen Augenblick, dass das Netzwerk in den Mittelpunkt vieler Interessen sieht. Auch nur in den letzten Jahren die Verbreitung von Breitband hat dazu geführt, Benutzer zu bleiben ständig mit dem Netzwerk, einer Nabelschnur undenkbar, bis vor ein paar Jahren verbunden ist, ist die Ära der Dial-Up nun vorbei.

Es ist dieses Bedürfnis nach ständiger Verbindung hat zu der Generation 2,0 (web2.0), den Sozialbeitrag von allen gegeben, weil alle miteinander verbunden. Die offline ist nonstante all dies, sondern ein technisches Erfordernis, nicht eine Trendwende. Es ist wahrscheinlich von großem Interesse in solche Technologien investieren. Die Wireless, höchstwahrscheinlich in naher Zukunft dominieren, aber im Gegensatz zu einem Kabel kann anfälliger für plötzliche Versagen oder (!

Die Möglichkeit, Arbeit getrennt offenbar eine Reihe von Vorteilen - wie es oft geschieht - jetzt können wir noch nicht einmal klar zu sehen.

Fortsetzung ...

Adobe Apollo Alpha Release

Adobe hat endlich die Freigabe Alpha-Version von Apollo . Wir sind noch weit von der endgültigen Version, aber Sie können, um einige seiner Eigenschaften mit den Demo- Anwendungen (. Luft) Vorschläge online. Die Installation ( Apollo Runtime ) dieses Alpha wiegt etwa 6Mb - für Windows. Die Demo (Apollo Probe-Anwendungen) nicht wiegen sogar 600kb. Nach der Installation des Apollo-Runtime wird offenbar nichts auf Ihrem PC (nicht addiert alle Links auf dem Desktop oder in der Taskleiste) verändert, auch wenn Sie installiert haben - in der Tat - der neue Browser von Adobe! Siehe Web2.0: Adobe ist es, Apollo versucht?

Fortsetzung ...

Wo JavaScript gewinnt

Wählen Sie die Technik in der Entwicklung einer Web Application verwendet werden ist von entscheidender Bedeutung, sich nicht selbst in Schwierigkeiten bald nach zu finden. Die Art der Web-Anwendung, den funktionsspezifischen Besonderheiten sind der erste Punkt berücksichtigt werden, um die Rahmenbedingungen und damit verbundenen Technologien zu wählen.
Ich habe oft die Wirksamkeit der JavaScript-Skript gegen verschiedene Technologien wie Adobe Flash oder Java diskutiert. Es ist jedoch darauf hinzuweisen, ein wichtiger Aspekt oft übersehen:. Zugang zum DOM JavaScript, in diesem Fall der Kandidat (wenn nicht die einzige) ein Favorit für diese Art von Operation.

Tools mit Snap- zum Beispiel auf einem einfachen Mechanismus funktionieren: wenn der HTML-Seite geladen ist (und nach der Einführung der Laden von JavaScript-Skripte) ist es, die Seite zu scannen und einen neuen HTML-Code an besonderen Stellen. In dem speziellen Fall von Snap- kennzeichnet alle Links zu externen Seiten (oder interne Konfiguration der letzten Ausgabe), die TAG <A> für Einrückung. Diese werden, so dass auf die Maus, um einen Dialog anterpima von Links (siehe diese sehr Blog für ein Beispiel) öffnen modifiziert.

Nicht nur Snap sondern auch viele andere JavaScript-Skripte im Grunde das Gleiche tun. In letzter Zeit ist diese Technik weit verbreitet durch die Bibliothek verwendet Prototype -, die eine Vielzahl von Methoden gibt (siehe z. B. die berühmte Doppel-Dollar oder $ $ $ : Die Verwendung des doppelten Dollarzeichen ($ $) Prototype ist zu Spur) das ändern - die Fliege - die Elemente einer HTML-Seite.

Navigation durch das HTML-DOM ist daher besondere Aufgabe Javascript. Historisch gesehen, unter anderem war Javascript eingeführt, nur um lesen und schreiben den Inhalt einer HTML-Seite.
Zum Beispiel, wenn wir einige Änderungen an einer HTML-Seite mit Adobe Flash, wir aggorgeremmo machen wollte - früher oder später - dazu gezwungen, eine JavaScript-Funktion aufgerufen werden. Der neue ActionScript 3.0, bietet zum Beispiel eine Klasse ( ExternalInterface ) für diesen Zweck geeignet. – o fscommad() per chiamare una funzione Javascript: Once (in früheren Versionen von ActionScript) verwendeten wir den Befehl getURL() - jetzt durch eine bessere ersetzt flash.net.navigateToURL() - oder fscommad() , um eine JavaScript-Funktion aufrufen:

1
) ; getURL ("javascript: myFunction ()");

Darüber hinaus:

Die ExternalInterface-Klasse ist die External API, ein Application Programming Interface, das eine unmittelbare Kommunikation zwischen ActionScript und dem Flash Player-Container, zum Beispiel, eingebettet eine HTML Seite mit JavaScript oder eine Desktop-Anwendung mit Flash Player.

Beachten Sie, dass die "Desktop-Anwendung", dass so erinnert Apollo!

Heute, dank ExternalInterface , können Sie eine JavaScript-Funktion auf mindestens Reiniger (dieser Klasse ermöglicht die Verwaltung viel effektiver als aufrufen getURL() , wie die Übergabe von Parametern):

1
2
3
4
5
6
/ * Aufruf der externen Funktion "addNumbers"
vorbei an zwei Parametern und Zuweisen Diese Funktion ist Ergebnis
auf die Variable "Ergebnis" * /
uint = 3 ; var param1: uint = 3;
uint = 7 ; var param2: uint = 7;
uint = ExternalInterface . call ( "addNumbers" , param1 , param2 ) ; var Ergebnis: uint = ExternalInterface -Aufruf ("addNumbers", param1, param2);.
1
2
3
4
5
6
<script> <! -
/ / Addiert zwei Zahlen, und sendet das Ergebnis zurück in ActionScript
num1 , num2 ) { addNumbers Funktion (num1, num2) {
num1 + num2 ) ; return (num1 + num2);
}
/ / --></ Script>

Was können wir daraus schließen? Von all den verschiedenen Frameworks und Bibliotheken zur Verfügung die erste Analyse des Projekts Sie erreichen wollen, ist von größter Bedeutung. Andernfalls dieser Phase kann erhebliche Auswirkungen auf die nachfolgenden Stufen eines Projekts Web2.0. JavaScript, dann, wenn Sie alle interagieren mit dem DOM zu gewinnen.

Fortsetzung ...

Prototype: Die Verwendung von Doppel-Dollar ($ $)

Mit der neuesten Version von Prototype, Andrew , und Christophe beschleunigt haben und verbessert die Funktion "double-Dollar ( $ $ Utility ), das Sie auf ein Element, indem Sie den Wahlschalter (fast alle CSS3-Selektoren nach den Spezifikationen unterstützt) auswählen können.

Der Nutzen dieser Funktion geht über das beliebte $, die hilfreich sein können, aber letztlich führt keine Operation bemerkenswert. Die Dienstprogramme "Doppel-Dollar" ($ $) anstelle der tatsächlich ermöglichen es Ihnen, jede Art von Element auszuwählen, so dass Sie großartige Werkzeuge, um Elemente in der DOM-Filter.

Hier sind einige Beispiele von der offiziellen Website entnommen:

1
2
3
4
5
) ; // -> Tutti i DIV del documento. $ $ ('Div') / / -> Alle Document DIV. Gleich wie document.getElementsByTagName ('div')!
) ; // -> Uguale a $('contents'), ma ritorna sempre un array. $ $ ('# Contents') / / -> Das gleiche wie $ ('Inhalt'), aber es gibt immer ein Array.
) ; // -> Tutti fli elementi LI con class 'faux' $ $ ('Li.faux'); / / -> Alle fli SIE Elemente mit der Klasse "faux"
) ; // -> Tutti i TAG A (links) al di sotto di un elemento con ID "contents" e con un attributo rel $ $ ('# Inhalt a [rel] ") / / -> Alle die Tags (Links) unterhalb eines Elements mit der ID" Inhalt "und mit einer rel-Attribut
) ; // -> Tutti i TAG A (links) con un'attributo href con valore "#" (eyeew!) $ $ ('A [href ="#"]') / / -> Alle die Tags (Links) mit einem Attribut href-Wert "#" (eyeew!)

Die Stärke liegt jedoch in der Möglichkeit, bestimmte Elemente zu Gunsten anderer, zum Beispiel auszuschließen:

1
) ; // -> Tutti i TAG A (links), esclusi quelli che contengono un attributo rel impostato a "nofollow" $ $ ('A: not ([rel = nofollow ~])') / / -> Alle die Tags (Links), ausgenommen solche, die einen rel-Attribut "nofollow" gesetzt

Noch interessanter ist:

1
) $ $ ('A [href ^=#]: nicht ([href =#])')

Diese in der Praxis findet alle Tags mit dem href-Attribut, mit '#' beginnt jedoch nicht berücksichtigt werden diejenigen, die gleich '#' sind nur. Mit anderen Worten, ignoriert die Links, die auf eine gültige ID hingewiesen!
Diese einzigartige Funktion von ($ $) inspiriert hat Tobie Langel für die Schaffung eines einfachen Skripts (Entwaffnung) können einen schönen Effekt beim Scrollen in einer einzigen HTML-Seite, die Sie bewegen, um Anker, mit der Technik - in der Tat - href ="#".
Für eine Demo finden Sie hier .

Fortsetzung ...

Papervision3D

Papervision3D ist ein Hochleistungs-3D-Engine für Flash 8 und 9. Seine Funktionen sind wirklich beeindruckend. Dank der extremen Schnelligkeit der Ausführung von Flash-Effekte wurden bemerkenswerte Textur-Mapping. Aus dem offiziellen Blog können Sie die Demo wirklich außergewöhnlich. Es gibt auch ein Video-Spiel zu versuchen.

Fortsetzung ...

Reverse Engineering: die Kompressoren-Code

Ein vernachlässigtes Thema in den Kontext des Web2.0 ist der Schutz des Quellcodes. Mit Blick auf Open Source, ist Web 2.0, wo die größten Ausdruck in der beta, teilen und an die Gemeinde sicherlich Blätter im Hintergrund Fragen im Zusammenhang mit dem Schutz des Quellcodes. Erinnern wir uns, dass die Skripts JavaScript in den Browser aus dem Web-Server, wie z. B. Text-Dateien heruntergeladen, so dass sie sichtbar an den Endverbraucher sind.
Während der Code-Server per Definition geschützt ist (es unmöglich ist, den Code einer PHP-Seite über das HTTP-Browser-Zugriff, außer in seltenen Fällen malfuzionamento Web Server), kann der Client-Code unterliegen einer Reverse Engineering.

Allerdings gibt es einen einfachen Schutz entwickelt, von den Anfängen bis zur Größe dimuire JavaScript-Skripte, jetzt Wirklichkeit werden Rahmen, in einigen Fällen.
Es gibt in der Tat Anwendungen und Websites, die Sie komprimieren (crunch) die Javascript-Code zu ermöglichen, aber nicht nur. Diese Funktion, die in unterschiedlicher Weise, kann auch HTML-und CSS angewendet werden. Der JavaScript-Code, insbesondere kann zusätzlich zu der komprimierten versteckt werden, wodurch ein Sicherheits-Code (on demand), dass das Verfahren komplizierter Reverse Engineering macht.

Unterschiede zwischen HTML, CSS und Javascript sind wichtig und wesentlich. Während die Komprimierung von HTML-Seiten und Stylesheets können nur über die Beseitigung von unnötigen oder überflüssigen Zeichen wie 'Kopf', 'double spaces', etc. ... zu handeln, ist Javascript eine Programmiersprache, die dann ausgeführt werden kann mit einem speziellen Code Entpacken Sie sich.

JavascriptCompressor.com ist ein kostenloser Service, online verfügbar, so dass Sie JavaScript-Quellcode zu komprimieren. Die Optionen ist er vielseitig einsetzbar und gleichzeitig die Verdunkelung des Codes.

Beispiel-Code der Abreise:

1
2
3
Funktion MyFunction () {
"Hello World" ) ; alert ("Hallo Welt");
}

Compression-Code:

1
alert ( "Hello World" ) } Funktion MyFunction () {alert ("Hallo Welt")}

Encoding normalen

1
5 , 5 , 'World|Hello|alert|MyFunction|function' . split ( '|' ) ) ) 3 () {2 ("1 0")} ', 5, 5,' World | Hallo | Meldungen | MyFunction |. Funktion 'Split (' | ')))

Offensichtlich ist dies ein Beispiel ist, mit kleinen komprimierten Code nicht wirklich viel Sinn machen, riskieren Sie, dass alles noch schlimmer und das ist es (sofern Sie nicht nur sind im Code die den Blick interessiert).

Compressor MemTronic Cruncher ist auch ein Online-Service (wie die bisherigen Arbeiten im Offline-Modus), teilweise frei in dem Sinne, dass einige Funktionen nur in kostenpflichtigen Version zur Verfügung (wie die Funktion Obfuscade). Im Vergleich zu den vorangegangenen Service bieten sollte eine bessere Leistung und Sicherheit der Verschlüsselung. Ich benutze sie wahllos, wie angemessen.

Peterbe.com nicht erlaubt Javascript zu komprimieren (es sei denn, dass eliminiert Räume und "Kopf"), sondern schlägt einen Kompressor für HTML, CSS und XHTML. Ich zum Beispiel, ich benutze es, um die Style-Sheets komprimieren.

Sofern Sie spezielle Algorithmen Knirschen jedoch, dass lasten die Verarbeitung von Daten verwenden, können Sie immer eine reverse engineering des Codes, einschließlich der komprimiert. Oder früher oder später in der Tat muss das Original-Code an den Interpreter des Browsers, die ihn erkennt (bis jetzt) ​​nur im Klartext gesendet werden. In der Zukunft, mit neuen Versionen von Browsern, konnte dieses Hindernis zu überwinden werden. Es wäre vorteilhaft, wenn sie umgesetzt wurden, innerhalb des Browsers, eine Technologie in der Lage zu akzeptieren vorkompilierte JavaScript-Code, so in binären sprechen (wenn überhaupt verschlüsselt ). Dieses schneidet die benötigte Zeit, um das Skript herunterzuladen, so dass ein natürlicher Schutz vor Reverse Engineering und, last but not least, eine bessere Leistung in Bezug auf die Ausführung des Skripts.

Fortsetzung ...

Xopus: WYSIWYG-XML-Editor

Xopus ist ein XML-Editor (HTML) im WYSIWYG-Modus, die innerhalb des Browsers. Ich hatte schon vor einiger Zeit aufgefallen, dank eines Artikels auf freigesetzt Ajaxian . Ich erwähne das jetzt, weil es einen interessanten Vorschlag in die Landschaft web2.0/editor bleibt. Es ist eine interessante Erfahrung! Xopus hat wirklich gut (mit italienischer Unterstützung) entwickelt, mit einer exzellenten Umsetzung des Kontextmenüs, obwohl noch nicht vollständig Cross-Browser, der aktuellen Version 3.1 nur Microsoft Internet Explorer (Version 6 und 7 unterstützt wird ), jedoch haben die Entwickler so schnell wie mindestens eine kompatible Version mit Firefox (1. Februar hat in freigegeben worden versprochen Alpha-Version 3.1.1 ist kompatibel mit Firefox 2.0 +).

Wie bereits an anderer Stelle, verlangsamt sich die Frage der Vereinbarkeit (Cross-Browser) über den Browser, und bestraft die Entwicklung von Werkzeugen, auch nicht mit speziellen Technologien wie Java-Applets oder Adobe Flash, könnte einen wichtigen Beitrag für die Gemeinschaft! Conttibuto behindert - schließlich - vor unnötigen internen Kämpfe der derzeitigen Hersteller von Browsern: IE, Firefox, Opera, Mozilla, Safari, ...!

Anzeigen der Demo werden auch sehen, etwas mehr als einfache HTML-Editor, um es klar zu sagen. Xopus vorschlägt, ist die klassische Struktur des Editors, den Stil und die erweiterten Funktionen von Microsoft Word. Sie können in der Tat, geben die echten Smart-Objekte, die bestimmte Eigenschaften erfüllen, so dass Xopus ein besonderer Fall.

Wie auf der Website angegeben:

Xopus ist eine gute Lösung für alle Unternehmen, die eine Back-End Content Management System und in-Front-End-Publishing-Systeme und zwei Systeme, die deshalb mit der Untersuchung Informationen hat. Diese Struktur zu Informationen, um beide Runden zu kommen, deshalb ist ein Muss.

Sie können ein Video- Demonstration, dass die erweiterten Bearbeitungsfunktionen eingeführt. Sie können auch eine Demo direkt ausprobieren.

Fortsetzung ...