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

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

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~

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.

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

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,

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.

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.

Le mode d'optimisation clé pour améliorer la vitesse du site Web, tout développeur front-end doit le maîtriser ! Le mode d'optimisation clé pour améliorer la vitesse du site Web, tout développeur front-end doit le maîtriser ! Feb 02, 2024 pm 05:36 PM

Un incontournable pour les développeurs front-end : maîtrisez ces modes d’optimisation et faites voler votre site web ! Avec le développement rapide d’Internet, les sites Web sont devenus l’un des canaux importants de promotion et de communication des entreprises. Un site Web performant et à chargement rapide améliore non seulement l’expérience utilisateur, mais attire également plus de visiteurs. En tant que développeur front-end, il est essentiel de maîtriser certains modèles d'optimisation. Cet article présentera certaines techniques d'optimisation frontale couramment utilisées pour aider les développeurs à mieux optimiser leurs sites Web. Fichiers compressés Dans le développement de sites Web, les types de fichiers couramment utilisés incluent HTML, CSS et J

Nouvelles tendances dans le front-end de Golang : interprétation des perspectives d'application de Golang dans le développement front-end Nouvelles tendances dans le front-end de Golang : interprétation des perspectives d'application de Golang dans le développement front-end Mar 20, 2024 am 09:45 AM

Nouvelles tendances dans le front-end de Golang : Interprétation des perspectives d'application de Golang dans le développement front-end Ces dernières années, le domaine du développement front-end s'est développé rapidement et diverses nouvelles technologies ont émergé dans un flux sans fin. et langage de programmation fiable, Golang a également commencé à émerger dans le développement front-end. Golang (également connu sous le nom de Go) est un langage de programmation développé par Google. Il est réputé pour ses performances efficaces, sa syntaxe concise et ses fonctions puissantes, et est progressivement favorisé par les développeurs front-end. Cet article explorera l'application de Golang dans le développement front-end.

See all articles