세상과 연결

HTML5 로컬 저장소HTML 로컬 저장소 란 무엇입니까?로컬 스토리지를 사용하면 웹 응용 프로그램이 사용자 브라우저에 로컬로 데이터를 저장할 수 있습니다. HTML5 이전에는 애플리케이션 데이터를 모든 서버 요청에 포함 된 쿠키에 저장해야했습니다. 로컬 저장소는 더 안전하며 대량의 데이터를 웹 사이트 성능에 영향을 미치지 않고 로컬에 저장할 수 있습니다. 쿠키와 달리 저장 용량 한도는 훨씬 크며 (최소 5MB) 정보는 서버로 전송되지 않습니다. 로컬 저장소는 원본 (도메인 및 프로토콜 당) 당입니다. 한 원점의 모든 페이지는 동일한 데이터를 저장하고 액세스 할 수 있습니다. HTML 로컬 저장소 객체HTML 로컬 스토리지는 클라이언트에 데이터를 저장하기위한 두 가지 객체를 제공합니다. 1.window...

HTML5 드래그 앤 드롭 끌어서 놓기드래그 앤 드롭은 매우 일반적인 기능입니다. 그것은 당신이 물건을 "움켜 잡아"다른 위치로 끌 때입니다. HTML5에서 드래그 앤 드롭은 표준의 일부입니다. 모든 요소를 ​​드래그 할 수 있습니다. HTML 끌어서 놓기 예제아래의 예제는 간단한 드래그 앤 드롭 예제입니다. 요소를 드래그 가능하게 만들기먼저 요소를 드래그 할 수있게하려면 draggable 속성을 true로 설정하십시오. 무엇을 드래그 할 것인가 - ondragstart와 setData ()그런 다음 요소를 끌 때 발생할 일을 지정하십시오. 위의 예에서 ondragstart 속성은 드래그 할 데이터를 지정하는 함수 drag (event)를 호출합니다. dataTransfer.setData () 메서드는 ..

HTML5 Geolocation 사용자 위치 찾기HTML Geolocation API는 사용자의 위치를 ​​찾는 데 사용됩니다 사용자의 위치 찾기HTML Geolocation API는 사용자의 지리적 위치를 가져 오는 데 사용됩니다. 이는 개인 정보를 침해 할 수 있으므로 사용자가 승인하지 않는 한 해당 위치를 사용할 수 없습니다. 참고 : Geolocation은 iPhone과 같이 GPS가있는 기기에서 가장 정확합니다. HTML Geolocation 사용getCurrentPosition () 메서드는 사용자의 위치를 ​​반환하는 데 사용됩니다. 아래 예제는 사용자 위치의 위도와 경도를 반환합니다. 예제 설명 : 1.Geolocation이 지원되는지 확인하십시오.2.지원되는 경우 getCurrentPos..

AngularJS 모듈 만들기 AngularJS 함수를 사용하여 모듈을 만듭니다. angular.module ... "myApp"매개 변수는 응용 프로그램이 실행될 HTML 요소를 나타냅니다. 이제 AngularJS 응용 프로그램에 컨트롤러, 지시문, 필터 등을 추가 할 수 있습니다. 컨트롤러 추가하기(Adding a Controller) 응용 프로그램에 제어기를 추가하고 ng-controller지시문 을 사용하여 제어기를 참조하십시오 . {{ firstName + " " + lastName }} 컨트롤러에 대한 자세한 내용은이 튜토리얼의 뒷부분에서 설명합니다. 지침 추가(Adding a Directive)AngularJS에는 응용 프로그램에 기능을 추가하는 데 사용할 수있는 내장 지시문 세트가 있습니다..

앵큘러js 간단한 예제 First Name: Last Name: RESET form = {{user}} master = {{master}} 예제 설명ng-app 프로그램 지시문은 AngularJS와 응용 프로그램을 정의합니다. ng-controller 지시어는 응용 프로그램 컨트롤러를 정의합니다. ng-model 지시자는 두 입력 요소 결합 사용자 모델의 개체. formCtrl 제어기는 초기 값으로 설정 마스터 개체 정의 및 리셋 () 방법. reset() 메소드 세트 사용자 받는 동일한 개체 마스터 개체. ng-click 지시문은 호출 리셋 () 버튼을 클릭 할 경우에만 방법. novalidate 속성은이 애플리케이션에서 필요하지 않지만 일반적으로 표준 HTML5 유효성 검사를 재정의하기 위해 Angu..

AngularJS Input Controls - Checkbox, Radiobuttons, Selectbox 체크 박스에는 true또는 값이 false있습니다. ng-model지시문을 확인란에 적용하고 응용 프로그램에서 해당 값을 사용합니다. Check to show a header: My Header Radiobuttonsng-model 지시문 을 사용하여 응용 프로그램에 라디오 버튼을 바인딩 합니다. 동일한 버튼이있는 라디오 버튼 ng-model은 다른 값을 가질 수 있지만 선택한 버튼 만 사용됩니다. 선택한 라디오 버튼의 값에 따라 텍스트를 표시하십시오. Pick a topic:DogsTutorialsCarsmyVar에의 값이 될 것이다 dogs, tuts또는 cars. Selectboxng-mod..

.ajaxStop(handler ) 설명 : 모든 Ajax 요청이 완료되면 호출 할 핸들러를 등록하십시오. 이것은 Ajax 이벤트 입니다. Ajax 요청이 완료 될 때마다 jQuery는 다른 해결되지 않은 Ajax 요청이 있는지 여부를 확인한다. 아무것도 남아 있지 않으면 jQuery가 ajaxStop이벤트를 트리거합니다 . .ajaxStop()메소드 에 등록 된 모든 핸들러 는이 시점에서 실행됩니다. ajaxStop마지막 뛰어난 Ajax 요청이 내 false를 반환 취소되면 이벤트는 트리거되는 beforeSend콜백 함수. 이 메소드의 작동을 관찰하려면, 기본 Ajax로드 요청을 설정하십시오.Trigger문서에 이벤트 처리기를 연결하십시오. $( document ).ajaxStop(function() ..

.ajaxStart(handler ) 설명 : 첫 번째 Ajax 요청이 시작될 때 호출 할 핸들러를 등록하십시오. 이것은 Ajax 이벤트 입니다. Ajax 요청이 보내질 때마다 jQuery는 다른 Ajax 요청이 있는지 여부를 확인한다. 아무 것도 진행 중이 아니면 jQuery가 ajaxStart이벤트를 트리거합니다 . .ajaxStart()메소드 에 등록 된 모든 핸들러 는이 시점에서 실행됩니다. 이 메소드의 작동을 관찰하려면, 기본 Ajax로드 요청을 설정하십시오 Trigger 이벤트 핸들러를 모든 요소에 연결하십시오.$( document ).ajaxStart(function() { $( ".log" ).text( "Triggered ajaxStart handler." );}); 이제 jQuery 메..

.ajaxSend (handler ) 반환 값 : jQuery설명 : Ajax 요청이 전송되기 전에 실행될 함수를 첨부하십시오. 이것은 Ajax 이벤트 입니다. Ajax 요청이 보내질 때마다 jQuery가 ajaxSend이벤트를 트리거한다 . .ajaxSend()메소드 에 등록 된 모든 핸들러 는이 시점에서 실행됩니다. 이 메소드의 작동을 관찰하려면, 기본 Ajax로드 요청을 설정하십시오. Trigger 문서에 이벤트 처리기를 연결하십시오.$( document ).ajaxSend(function() { $( ".log" ).text( "Triggered ajaxSend handler." );}); 이제 jQuery 메서드를 사용하여 Ajax 요청을 작성하십시오.$( ".trigger" ).click(fu..