前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)_jquery
项目背景:.Net 3.5+MySQL+jQuery+WebService
在公司做这个项目已经6个多月了,总结一些问题,也算是抛砖引玉吧,希望园子里更多的朋友一起分享一些技巧。
1、 WebService方法返回值不能为void。
当WebService方法返回值为void时,FF和Chrome会持续等待,认为这个请求没有结束,而在IE中一切是正常的。
2、当input的type="button"时或者使用button时,点击后会触发form的submit。
当时查找页面刷新的问题找了很久,最后才发现是button会自动触发form的submit,导致当前页面的刷新。
3、js设置document.domain只能从二级域名设置到顶级域名。
比如访问moozi.cnblogs.com,可以在这个页面中写document.domain='cnblogs.com';如果把域设置为cnblogs.com之后,无法再使用document.domain='moozi.cnblogs.com';。
4、使用DOM片段创建iframe,当跨域时,不能用js写iframe的域。
比如你在moozi.cnblogs.com/test.html页面用js把域设置为document.domain='cnblogs.com',而此时你再用var ifrm=createElement('iframe') ,这时将不能用js设置iframe的域也为'cnblogs.com',只能让ifrm.src='test2.htm',并在test2.htm中设置域document.domain='cnblogs.com'。
5、当你修改过当前域的时候,CKEditor是正常的,而tinyMCE需要重新设置域。
CKEditor能自动识别当前域,并不出错。tinyMCE需要人为的设置。同时,如果你是用CKFinder上传文件,而需要修改它的输入代码,不然会因为域不同而出现没有权限的错误提示。
6、使用tinyMCE,尽管你的初始化代码只有一句,但是可能出现多次初如化。发生原因未知,在不确定的情况下会出现此BUG。
7、开发js组件的时候,要时刻注意闭包和this的指代,这方面之前吃了不少亏。
8、将字符串转换成jQuery对象时,要注意字符串html代码的闭合标签。
比如:var html='test 'var jqEl=$(html);此时,jqEl会把html里的' '丢掉。
9、jQuery1.2.6和jQuery1.3在细节的处理上有一些区别。
jQuery1.2.6处理hasClass('.className')会出错,而jQuery1.3不会。
10、尽量少用jQuery的each,多用js原生的代码,性能较高。

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Front-End-Entwicklungstrends entwickeln sich ständig weiter und einige Trends bleiben lange Zeit beliebt. Dieser Artikel fasst einige Front-End-Entwicklungstrends zusammen, die im Jahr 2023 hervorgehoben werden, und teilt sie mit Ihnen~

Gestern habe ich gerade eine Mikro-Überschrift über die komplette Sammlung von Python-Desktop-Entwicklungsbibliotheken gepostet und mein Kollege hat die Flet-Bibliothek entdeckt. Dies ist eine sehr neue Bibliothek, die erst im Juni dieses Jahres veröffentlicht wurde. Sie wird jedoch vom Riesen Flutter unterstützt und ermöglicht die Entwicklung von Vollplattformsoftware Alle Plattformen. Nach dem Plan des Autors wird Flutter es in Zukunft unterstützen. Ich habe es gestern kurz studiert und es ist wirklich großartig. Wir können es später für eine Reihe von Dingen verwenden. Was ist FletFlet? ist ein Framework, das die Erstellung interaktiver Mehrbenutzer-Web-, Desktop- und Mobilanwendungen in Ihrer Lieblingssprache ermöglicht, ohne dass Sie Erfahrung in der Front-End-Entwicklung haben müssen. Gastgeber

Mit der rasanten Entwicklung des Internets wird auch die Front-End-Entwicklungstechnologie ständig verbessert und iteriert. PHP und Angular sind zwei Technologien, die in der Frontend-Entwicklung weit verbreitet sind. PHP ist eine serverseitige Skriptsprache, die Aufgaben wie die Verarbeitung von Formularen, die Generierung dynamischer Seiten und die Verwaltung von Zugriffsberechtigungen übernehmen kann. Angular ist ein JavaScript-Framework, mit dem Single-Page-Anwendungen entwickelt und komponentenbasierte Webanwendungen erstellt werden können. In diesem Artikel erfahren Sie, wie Sie PHP und Angular für die Frontend-Entwicklung verwenden und wie Sie diese kombinieren

Front-End- und Back-End-Entwicklung sind zwei wesentliche Aspekte beim Erstellen einer vollständigen Webanwendung. Es gibt offensichtliche Unterschiede zwischen ihnen, aber sie sind eng miteinander verbunden. In diesem Artikel werden die Unterschiede und Zusammenhänge zwischen Front-End- und Back-End-Entwicklung analysiert. Werfen wir zunächst einen Blick auf die spezifischen Definitionen und Aufgaben der Front-End-Entwicklung und der Back-End-Entwicklung. Die Front-End-Entwicklung ist hauptsächlich für den Aufbau der Benutzeroberfläche und des Benutzerinteraktionsteils verantwortlich, d. h. für das, was Benutzer im Browser sehen und bedienen. Frontend-Entwickler nutzen in der Regel Technologien wie HTML, CSS und JavaScript, um das Design und die Funktionalität von Webseiten zu implementieren

node.red bezieht sich auf Node-RED, ein Flow-basiertes Low-Code-Programmiertool zum Verbinden von Hardwaregeräten, APIs und Onlinediensten auf neue und interessante Weise. Es bietet einen browserbasierten Editor, mit dem wir Flows einfach miteinander verbinden können Sie können verschiedene Knoten im Bearbeitungsbereich bearbeiten und sie mit nur einem Klick in ihrer Laufzeit bereitstellen.

Um die Rolle von sessionStorage zu beherrschen und die Effizienz der Front-End-Entwicklung zu verbessern, sind spezifische Codebeispiele erforderlich. Mit der rasanten Entwicklung des Internets verändert sich auch der Bereich der Front-End-Entwicklung von Tag zu Tag. Bei der Frontend-Entwicklung müssen wir häufig große Datenmengen verarbeiten und für die spätere Verwendung im Browser speichern. SessionStorage ist ein sehr wichtiges Front-End-Entwicklungstool, das uns temporäre lokale Speicherlösungen bereitstellen und die Entwicklungseffizienz verbessern kann. In diesem Artikel wird die Rolle von sessionStorage vorgestellt.

Zusammenfassung der Erfahrungen mit asynchronen JavaScript-Anforderungen und Datenverarbeitung in der Front-End-Entwicklung. In der Front-End-Entwicklung ist JavaScript eine sehr wichtige Sprache. Es kann nicht nur interaktive und dynamische Effekte auf der Seite erzielen, sondern auch Daten durch asynchrone Anforderungen abrufen und verarbeiten . In diesem Artikel fasse ich einige Erfahrungen und Tipps im Umgang mit asynchronen Anfragen und Daten zusammen. 1. Verwenden Sie das XMLHttpRequest-Objekt, um asynchrone Anforderungen zu stellen. Das XMLHttpRequest-Objekt wird von JavaScript zum Senden verwendet

In der Frontend-Entwicklung sind JavaScript-Routing und Seitensprünge ein wesentlicher Bestandteil. Ein gutes Routing-Schema und eine gute Implementierung von Seitensprüngen können zu einer hervorragenden Benutzererfahrung und Seitenleistung führen. In diesem Artikel diskutieren wir die Grundkenntnisse des JavaScript-Routings und gängiger Implementierungsmethoden für Seitensprünge und teilen einige Erfahrungen und Schlussfolgerungen aus der Praxis. 1. Grundkenntnisse des JavaScript-Routings Um besser zu verstehen, was JavaScript-Routing ist, müssen wir zunächst den Front-End-Pfad verstehen.
