前端开发部分总结[兼容性、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原生的代码,性能较高。

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

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~

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

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.

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.

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,

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 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.

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.
