|
Da ich heute nichts zu tun habe, habe ich ein paar Tools (online und per Client), häufig verwendete URLs und Erfahrungsberichte aufgelistet und mit euch geteilt. Dieser Titel ist etwas zu allgemein gehalten und es gibt sicher viele Dinge, die nicht aufgeführt sind, einschließlich der Tatsache, dass die Klassifizierung der Kategorien möglicherweise nicht gut durchdacht ist. Bitte ergänzen und korrigieren Sie ihn daher aktiv. Sie können direkt eine Nachricht hinterlassen oder mir eine E-Mail senden (sorrycc#gmail.com). Der Grund, warum das Wort „populär“ hinzugefügt wurde, liegt darin, dass die folgenden Ressourcen Experten möglicherweise bereits bekannt sind. Ich möchte auch erwähnen, dass Werkzeuge statisch sind und ihre Nützlichkeit davon abhängt, ob Sie wissen, wie man sie verwendet. Beispielsweise verfügen Firefox, Fiddler und Co. neben den offensichtlichen Funktionen auch über einige kleine Tricks, mit denen Sie mit halbem Aufwand das doppelte Ergebnis erzielen können. Update-Protokoll: Schnelle Navigation: - Online-Toolset
- Gängige Firefox-Plugins
- Debugging-Tools für IE
- Referenzhandbuch
- Stapelverarbeitungstools
- IDE und andere Tools
- Lesezeichen
- Front-End-Entwickler-Community und maßgebliche Website
- Empfohlene Blogs und Websites zum Abonnieren
Darüber hinaus haben wir ein Firefox-Plug-In namens „ Front-end Development Toolset “ entwickelt, um Ressourcen für eine einfache Suche in einem Menü zu integrieren. Die Daten werden online gestellt (Google AppEngine), so dass die Geschwindigkeit gewährleistet sein sollte und die Aktualisierung bequemer ist.
Online-Toolset- Bücher:
- Book Shelf 2.0 Beta – Empfehlenswert, klare Einteilung, einfach herunterzuladen
- Buchen Sie Go!
- Sammlungsseite für kostenlose Downloadlinks für Originalbücher
- 51CNNET.NET
- JavaScript-Klasse:
- Beautify JavaScript - JavaScript-Formatierungstool, der Effekt ist sehr ideal
- AJAX-Bibliotheken-API
- Regex-Tester
- Compressor Packer – Ich habe das früher zum Komprimieren von JS verwendet, aber seit ich TBCompressor habe, habe ich es aufgegeben.
- CSS-Klasse:
- Leistungstest des CSS-Selektors
- CSSTidy - CSS-Formatierungstool
- CSS-Kompressor
- andere:
- GUID-Generator – Wird verwendet, wenn Sie bei einer Aktion eine eindeutige Ressourcenkennung benötigen (Firefox-Plugin)
- W3Counter
- WebWait - Benchmarken Sie Ihre Website
Gängige Firefox-Plugins- Alipay-Sicherheitskontrollen und Wangwang-Protokoll - speziell für Online-Shopping, Firefox + Pufa Online-Banking, unbesiegbar
- Firebug - Dies muss nicht vorgestellt werden, es handelt sich um eine korrigierte Version des externen Editors mit Leerzeichen
- Firecooike——Unterstützt das Anzeigen und Bearbeiten von Cookies
- Jiffy - zum Debuggen der Leistung, schwieriger zu verwenden, ich habe es nicht ausprobiert
- YSlow – Warum langsam? von YUI
- Pixel Perfect – Ziehen Sie Ihre Designs zum Vergleichen direkt in Firefox
- Rainbow für Firebug - JS-Hervorhebung, Leistung ist nicht sehr ideal
- Fiddler Switch - Vereinfachen Sie den Fiddler-Umschaltvorgang in Firefox dank Kongwei von Taobao UED
- Webentwickler
- DevBoi – Fügen Sie Handbücher wie HTML, Dom und JavaScript in die Seitenleiste ein, die mit der Tastenkombination Strg+F9 angepasst und hinzugefügt werden können. Weitere Pakete finden Sie hier.
- RefControl - Senden Sie den gewünschten HTTP-Referrer für jede Site
- GreaseMonkey – Wenn Sie mit einer Website nicht zufrieden sind, ist es eine gute Idee, ein kleines Skript zur Optimierung zu schreiben.
- HttpFox - Zeigt den aktuellen HTTP-Verbindungsstatus an, ähnlich wie HttpWatch unter IE
- User Agent Switcher - User-Agent wechseln, sehr praktisch bei der gleichzeitigen Entwicklung von iPhone- und Webversionen
- FoxyProxy - ein Tool, das die Firewall durchdringt und harmonisch mit professionellen Proxy-Publishern zusammenarbeitet
Debugging-Tools für IE- Fiddle2 ist ein sehr leistungsfähiges Tool zum Anzeigen von HTTP-Streams. Es unterstützt standardmäßig den Internet Explorer. Andere Browser können {Document}\Scripts\BrowserPAC.js als Proxy für die Verwendung festlegen. In Firefox können Sie zum schnellen Wechseln den oben genannten „Fiddler-Schalter“ verwenden. Unterstützt Plugins.
- IE Developer Toolbar – Elemente anzeigen, Cache deaktivieren, CSS\JS deaktivieren, Elemente gliedern, generierten Quellcode anzeigen und andere Funktionen. IE8 wird mit einer erweiterten Version geliefert.
- Microsoft Script Debugger + Companion.JS – wird zum Debuggen von JS verwendet. Obwohl im Fehlerbericht noch einige Fehler enthalten sind, bin ich zufrieden. Die Installationsreihenfolge ist: Microsoft Script Debugger, Companion.JS und deaktivieren Sie die Option „Skriptdebugging deaktivieren“ in „IE-Optionen – Erweitert“.
- Für die Koexistenz mehrerer IE-Versionen gibt es zwei Lösungen:
- IE7/8 + IE Tester – beliebte Konfiguration, kann grundsätzlich die täglichen Bedürfnisse erfüllen.
- IE6 + Internet Explorer Collection – In einer Zeit, in der die Benutzer von IE 6 die absolute Mehrheit stellen und IE 6 voller magischer Fehler ist, empfehle ich diese Lösung immer noch, da nur der magische Original-IE 6 den magischen Betriebsproblemen standhalten kann. Wenn Ihnen weitere Maschinen zur Verfügung stehen, empfiehlt es sich außerdem, IE 8 + IE Tester zu installieren, da die Entwickler-Symbolleiste unter IE 8 erheblich verbessert wurde, was das Debuggen komfortabler macht.
- Die folgenden drei Software sind relativ unwichtig:
- HttpWatch - HTTP-Stream-Anzeige
- Instant Source —— Sie können den von JS generierten Quellcode anzeigen
- NetLimiterPro - Internet-Geschwindigkeitsbegrenzer
Referenzhandbuch- XHTML, CSS & DOM W3C-Handbuch – Die von Yu Bo zusammengestellte Version, einschließlich des W3C-Handbuchs und anderer nützlicher Materialien.
 - Su Yus CSS-Handbuch für Chinesisch und Dom-Handbuch für Chinesisch
- JScript-Sprachreferenz
- XML-Handbuch
- XMLHTTP-Referenzhandbuch
- jQuery 1.2.6 API und jQuery und jQuery UI Referenz 1.2
- Apache 2.2 Chinesisches Referenzhandbuch, Online-Ausgabe
- MySQL 5.1 Referenzhandbuch (Online-Version)
- PHP-Handbuch
- YUI-Spickzettel
- Spickzettel-Zusammenfassung - Über 30 Spickzettel für Entwickler
- 23 Cheatsheets-Paket herunterladen
Stapelverarbeitungstools- TBCompressor —— JS/CSS-Komprimierungstool für Taobao UED, weitere Einzelheiten finden Sie in Yu Bos Einführung
- pngOptimizer – PNG-Optimierungstool
- jpegTran - Tool zum Entfernen redundanter JPEG-Metadaten
IDE und andere Tools- Editplus v301 Chinesische Version
- Schildkröte SVN
- Mobile Version von Apache + PHP - sehr einfach zu bedienen, sehr mobil, siehe Mingchengs Anweisungen
- …
Bookmarklet (Rechtsklick zum Speichern)- Firebug Lite - Offizielle Einführung
- Xray - Offizielle Einführung
- MRI - Offizielle Einführung
- '+ window.document.documentElement.outerHTML+ ”">Den generierten Quellcode anzeigen, '+ window.document.documentElement.outerHTML+ ”);})()">Neues Fenster öffnen, um den generierten Quellcode anzuzeigen—— für IE
Entwickler-Community und maßgebliche Website- Mozilla-Entwicklerzentrum (MDC)
- YAHOO! Entwicklernetzwerk (YDN)
- Entwickler Opera
- Apple-Entwicklerverbindung
- MSDN
- IBM Developers China (Thema Web-Frontend-Entwicklungstechnologie)
- WebKit
- AOL-Entwicklernetzwerk
- SlideShare – PPT teilen – Online-PPT-Sharing, umfangreiche Ressourcen
- Google Doctype – Die Enzyklopädie des Webentwicklers
- W3C (Hongkong, China)
- Die Position ist alles
- HTML-Hund
- Wikipedia
Empfohlene Blogs und Websites zum Abonnieren (in keiner bestimmten Reihenfolge)- ausländisch
- Inhaltsaggregation: A List Apart, Ajaxian, Smashing Magazine, 456 Berea Street, Script & Style, CSS Globe, CSS-Tricks, SitePoint
- Team-Blog: Yahoo! User Interface Library (YUI), IEBlog
- Persönliche Blogs: John Resig, PPK: QuirksMode, Douglas Crockford, Dean Edwards, Nate Koechley, Julien Lecomte, Eric A. Meyer, Andy Budd, Steven Levithan, HedgerWow
- inländisch
- Inhaltsaggregation: Blueidea, Worry-Free-Skript, Webdesigner (W3CN), JavaScript-Tutorial-Netzwerk
- Teamblogs: Taobao, Koubei, Alibaba International, Alibaba Chinese, Alibaba Chinese Front-End-Entwicklungsteam (Fangdeng), Alimama, Alipay, Alisoft, 19th Floor, Jiutian Music, Kingdee und Youshang.com
- Persönlicher Blog, hier sind die ursprünglichen und relativ häufig aktualisierten Blogs. Wenn etwas ausgelassen wird, lassen Sie es mich bitte wissen (sorrycc#gmail.com): Yifei, Good Luck, Realazy, old9 (muss durch Wände gehen), Beach Sandals (Kongwei), The Legend of the Condor Heroes (Yu Bo), Aether, Zhenzhi, Aoao, JunChen, Exploding Teeth, Qin Ge, Kejun, 5key, Xiaozhi, Rage (Zhengchun), Maiji, Yunlie, Lao Mao, Tomato is Red, Joyqi, Luli, CSS Forest (Ghost), Twinsen, Gulu77, Rlog, Dlog, Rat, Xifengfang …
|
