Maison interface Web js tutoriel 前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)_jquery

前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)_jquery

May 16, 2016 pm 06:33 PM
前端开发

项目背景:.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原生的代码,性能较高。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Découvrez quelques-unes des tendances de développement front-end qui seront importantes en 2023 ! Découvrez quelques-unes des tendances de développement front-end qui seront importantes en 2023 ! Mar 14, 2023 am 09:37 AM

Les tendances du développement front-end évoluent constamment et certaines tendances restent populaires pendant longtemps. Cet article résume quelques tendances de développement front-end qui seront mises en avant en 2023 et les partage avec vous~

Flet : un framework Python multiplateforme basé sur Flutter Flet : un framework Python multiplateforme basé sur Flutter Apr 20, 2023 pm 05:46 PM

Hier, je viens de publier un micro-titre sur la collection complète de bibliothèques de développement de bureau Python, et mon collègue a découvert la bibliothèque Flet. Il s'agit d'une toute nouvelle bibliothèque. La première version n'a été publiée qu'en juin de cette année. Bien qu'elle soit très nouvelle, elle est soutenue par le géant Flutter et nous permet d'utiliser Python pour développer des logiciels pleine plateforme. toutes les plateformes, selon le plan de l'auteur, tout ce que Flutter prend en charge, il le prendra en charge à l'avenir, je l'ai brièvement étudié hier et c'est vraiment génial, je le recommande à tout le monde. Nous pouvons l'utiliser pour faire une série de choses plus tard. Qu'est-ce que FletFlet est un framework qui permet de créer des applications Web, de bureau et mobiles interactives multi-utilisateurs dans votre langue préférée sans avoir d'expérience en développement front-end. hôte

Comment utiliser PHP et Angular pour le développement front-end Comment utiliser PHP et Angular pour le développement front-end May 11, 2023 pm 04:04 PM

Avec le développement rapide d'Internet, la technologie de développement front-end s'améliore et se répète constamment. PHP et Angular sont deux technologies largement utilisées dans le développement front-end. PHP est un langage de script côté serveur capable de gérer des tâches telles que le traitement des formulaires, la génération de pages dynamiques et la gestion des autorisations d'accès. Angular est un framework JavaScript qui peut être utilisé pour développer des applications monopage et créer des applications Web composées de composants. Cet article explique comment utiliser PHP et Angular pour le développement front-end et comment les combiner.

La différence et le lien entre le développement front-end et back-end La différence et le lien entre le développement front-end et back-end Mar 26, 2024 am 09:24 AM

Le développement front-end et back-end sont deux aspects essentiels de la création d’une application Web complète. Il existe des différences évidentes entre eux, mais ils sont étroitement liés. Cet article analysera les différences et les liens entre le développement front-end et back-end. Tout d’abord, examinons les définitions et les tâches spécifiques du développement front-end et du développement back-end. Le développement front-end est principalement responsable de la création de l'interface utilisateur et de la partie interaction utilisateur, c'est-à-dire ce que les utilisateurs voient et utilisent dans le navigateur. Les développeurs front-end utilisent généralement des technologies telles que HTML, CSS et JavaScript pour implémenter la conception et les fonctionnalités des pages Web.

Apprenez à utiliser le stockage de sessions pour améliorer l'efficacité du développement front-end Apprenez à utiliser le stockage de sessions pour améliorer l'efficacité du développement front-end Jan 13, 2024 am 11:56 AM

Pour maîtriser le rôle de sessionStorage et améliorer l'efficacité du développement front-end, des exemples de code spécifiques sont nécessaires. Avec le développement rapide d'Internet, le domaine du développement front-end évolue également chaque jour. Lors du développement front-end, nous devons souvent traiter de grandes quantités de données et les stocker dans le navigateur pour une utilisation ultérieure. SessionStorage est un outil de développement frontal très important qui peut nous fournir des solutions de stockage local temporaire et améliorer l'efficacité du développement. Cet article présentera le rôle de sessionStorage,

Qu'est-ce que node.red Qu'est-ce que node.red Nov 08, 2022 pm 03:53 PM

node.red fait référence à Node-RED, un outil de programmation low-code basé sur les flux pour connecter des périphériques matériels, des API et des services en ligne de manière nouvelle et intéressante. Il fournit un éditeur basé sur un navigateur qui permet de connecter facilement les flux entre eux en utilisant ; divers nœuds dans le panneau d'édition et déployez-les dans leur environnement d'exécution en un seul clic.

Résumé de l'expérience en requêtes asynchrones JavaScript et en traitement de données en développement front-end Résumé de l'expérience en requêtes asynchrones JavaScript et en traitement de données en développement front-end Nov 03, 2023 pm 01:16 PM

Résumé de l'expérience dans les requêtes asynchrones JavaScript et le traitement des données dans le développement front-end Dans le développement front-end, JavaScript est un langage très important. Il peut non seulement obtenir des effets interactifs et dynamiques sur la page, mais également obtenir et traiter des données via des requêtes asynchrones. . Dans cet article, je résumerai quelques expériences et conseils concernant le traitement des requêtes et des données asynchrones. 1. Utilisez l'objet XMLHttpRequest pour effectuer des requêtes asynchrones. L'objet XMLHttpRequest est utilisé par JavaScript pour envoyer.

Résumé de l'expérience de routage JavaScript et de saut de page dans le développement front-end Résumé de l'expérience de routage JavaScript et de saut de page dans le développement front-end Nov 02, 2023 am 10:15 AM

Dans le développement front-end, le routage JavaScript et les sauts de page sont un élément essentiel. Un bon schéma de routage et une bonne implémentation de saut de page peuvent apporter une excellente expérience utilisateur et des performances de page excellentes. Dans cet article, nous discuterons des connaissances de base du routage JavaScript et des méthodes courantes de mise en œuvre du saut de page, et partagerons quelques expériences et conclusions acquises dans la pratique. 1. Connaissance de base du routage JavaScript Afin de mieux comprendre ce qu'est le routage JavaScript, nous devons d'abord comprendre le chemin front-end.

See all articles