웹 프론트엔드 JS 튜토리얼 프론트엔드 개발 요약[호환성, 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. 입력 유형이 "버튼"이거나 버튼을 사용하는 경우 클릭 후 양식 제출이 실행됩니다.
오랫동안 페이지 새로 고침 문제를 검색한 결과 버튼이 자동으로 양식 제출을 실행하여 현재 페이지가 새로 고쳐지는 것을 발견했습니다.
3. js 설정 document.domain은 2차 도메인 이름부터 최상위 도메인 이름까지만 설정할 수 있습니다.
예를 들어 moozi.cnblogs.com을 방문할 때 이 페이지에 document.domain='cnblogs.com'이라고 쓸 수 있습니다. 도메인을 cnblogs.com으로 설정하면 더 이상 document.domain='을 사용할 수 없습니다. moozi.cnblogs.com ';.
4. DOM 조각을 사용하여 iframe을 만듭니다. 도메인을 교차할 때 js를 사용하여 iframe의 도메인을 작성할 수 없습니다.
예를 들어 js를 사용하여 moozi.cnblogs.com/test.html 페이지에서 도메인을 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 컴포넌트를 개발할 때 항상 클로저와 이 참조에 주의해야 합니다. 이전에도 이와 관련하여 많은 어려움을 겪었습니다.
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의 각각을 가능한 한 적게 사용하고 성능이 더 높은 기본 js 코드를 더 많이 사용하세요.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

2023년에 주목받을 프런트엔드 개발 트렌드를 알아보세요! 2023년에 주목받을 프런트엔드 개발 트렌드를 알아보세요! Mar 14, 2023 am 09:37 AM

프런트엔드 개발 트렌드는 항상 진화하고 있으며 일부 트렌드는 오랫동안 인기를 유지하고 있습니다. 이번 글에서는 2023년에 주목받을 프론트엔드 개발 트렌드를 요약하고 공유해보겠습니다~

Flet: 크로스 플랫폼 Flutter 기반 Python 프레임워크 Flet: 크로스 플랫폼 Flutter 기반 Python 프레임워크 Apr 20, 2023 pm 05:46 PM

어제 저는 Python 데스크톱 개발 라이브러리의 전체 컬렉션에 대한 작은 헤드라인을 게시했는데, 제 동료가 Flet 라이브러리를 발견했습니다. 이것은 매우 새로운 라이브러리입니다. 첫 번째 버전은 올해 6월에 출시되었습니다. 매우 새롭지만, 거대한 Flutter의 지원을 받으며 현재는 지원하지 않지만 Python을 사용하여 전체 플랫폼 소프트웨어를 개발할 수 있습니다. 모든 플랫폼, 작성자의 계획에 따르면 Flutter가 지원하는 것은 무엇이든 앞으로도 지원될 것입니다. 어제 간단히 연구했는데 모든 사람에게 정말 좋습니다. 나중에 일련의 작업을 수행하는 데 사용할 수 있습니다. FletFlet은 프런트 엔드 개발 경험이 없어도 원하는 언어로 대화형 다중 사용자 웹, 데스크탑 및 모바일 애플리케이션을 구축할 수 있는 프레임워크입니다. 주인

프론트엔드 개발에 PHP와 Angular를 사용하는 방법 프론트엔드 개발에 PHP와 Angular를 사용하는 방법 May 11, 2023 pm 04:04 PM

인터넷의 급속한 발전과 함께 프론트엔드 개발 기술도 지속적으로 개선되고 반복되고 있습니다. PHP와 Angular는 프런트엔드 개발에 널리 사용되는 두 가지 기술입니다. PHP는 양식 처리, 동적 페이지 생성, 액세스 권한 관리와 같은 작업을 처리할 수 있는 서버측 스크립팅 언어입니다. Angular는 단일 페이지 애플리케이션을 개발하고 구성 요소화된 웹 애플리케이션을 구축하는 데 사용할 수 있는 JavaScript 프레임워크입니다. 이 기사에서는 프론트엔드 개발에 PHP와 Angular를 사용하는 방법과 이들을 결합하는 방법을 소개합니다.

프론트엔드 개발과 백엔드 개발의 차이점과 연관성 프론트엔드 개발과 백엔드 개발의 차이점과 연관성 Mar 26, 2024 am 09:24 AM

프론트엔드와 백엔드 개발은 완전한 웹 애플리케이션을 구축하는 데 있어 두 가지 필수 측면이지만 둘 사이에는 분명한 차이점이 있지만 밀접하게 연관되어 있습니다. 이 기사에서는 프런트엔드 개발과 백엔드 개발 간의 차이점과 연관성을 분석합니다. 먼저 프론트엔드 개발과 백엔드 개발의 구체적인 정의와 업무를 살펴보겠습니다. 프론트엔드 개발은 주로 사용자 인터페이스와 사용자 상호작용 부분, 즉 사용자가 브라우저에서 보고 조작하는 부분을 구축하는 일을 담당합니다. 프런트 엔드 개발자는 일반적으로 HTML, CSS, JavaScript와 같은 기술을 사용하여 웹 페이지의 디자인과 기능을 구현합니다.

세션 저장소를 사용하여 프런트엔드 개발 효율성을 높이는 방법을 알아보세요. 세션 저장소를 사용하여 프런트엔드 개발 효율성을 높이는 방법을 알아보세요. Jan 13, 2024 am 11:56 AM

sessionStorage의 역할을 익히고 프런트엔드 개발 효율성을 높이려면 구체적인 코드 예제가 필요합니다. 인터넷의 급속한 발전과 함께 프런트엔드 개발 분야도 날이 갈수록 변화하고 있습니다. 프런트엔드 개발을 할 때, 우리는 종종 대량의 데이터를 처리하고 후속 사용을 위해 브라우저에 저장해야 합니다. SessionStorage는 임시 로컬 저장소 솔루션을 제공하고 개발 효율성을 향상시킬 수 있는 매우 중요한 프런트 엔드 개발 도구입니다. 이번 글에서는 sessionStorage의 역할을 소개하겠습니다.

node.red 란 무엇입니까? node.red 란 무엇입니까? Nov 08, 2022 pm 03:53 PM

node.red는 하드웨어 장치, API 및 온라인 서비스를 새롭고 흥미로운 방식으로 연결하기 위한 흐름 기반 로우 코드 프로그래밍 도구인 Node-RED를 의미합니다. 이는 다음을 사용하여 흐름을 쉽게 연결할 수 있는 브라우저 기반 편집기를 제공합니다. 편집 패널의 다양한 노드를 클릭 한 번으로 런타임에 배포할 수 있습니다.

프론트 엔드 개발의 JavaScript 비동기 요청 및 데이터 처리 경험 요약 프론트 엔드 개발의 JavaScript 비동기 요청 및 데이터 처리 경험 요약 Nov 03, 2023 pm 01:16 PM

프론트엔드 개발에서의 JavaScript 비동기 요청 및 데이터 처리 경험 요약 프론트엔드 개발에서 JavaScript는 페이지에서 대화형 및 동적 효과를 얻을 수 있을 뿐만 아니라 비동기 요청을 통해 데이터를 얻고 처리할 수도 있는 매우 중요한 언어입니다. . 이 기사에서는 비동기 요청 및 데이터를 처리할 때의 몇 가지 경험과 팁을 요약하겠습니다. 1. XMLHttpRequest 개체를 사용하여 비동기 요청을 만듭니다. XMLHttpRequest 개체는 JavaScript에서 전송하는 데 사용됩니다.

Webman: 강력한 시각 효과와 애니메이션 효과를 제공하는 프런트엔드 개발 프레임워크 Webman: 강력한 시각 효과와 애니메이션 효과를 제공하는 프런트엔드 개발 프레임워크 Aug 13, 2023 pm 10:07 PM

Webman: 강력한 시각 효과와 애니메이션을 제공하는 프런트엔드 개발 프레임워크 프런트엔드 개발은 끊임없이 발전하고 발전하는 기술 분야에서 중요한 역할을 합니다. 인터넷의 인기와 사용자의 끊임없는 사용자 경험 추구로 인해 프런트엔드 개발은 더욱 강력해지고 인상적인 시각 효과와 애니메이션 효과를 제공할 수 있어야 합니다. 프런트엔드 개발 프레임워크인 Webman은 강력한 시각 효과와 애니메이션 효과를 제공하여 개발자에게 독특하고 인상적인 사용자 경험을 제공하기 위해 최선을 다하고 있습니다. Webman은 풍부한 프런트엔드를 통합합니다.

See all articles