YUI.Ext 학습 넷째 날 - 대화상자 Dialog_YUI.Ext 관련 사용법

使用方法：
1.加入YUI.Ext 库到你的web程序： 



2.加入样式表 CSS Style 。如果你是一个美工，最多打交道的地方，可能就是这几个文件：
 
 

 
 

3.加入一个holder.holder的意思是一个载体，JS处理好数据，转变成内容（Contents，文字、图片、表格等）放在这里,也可以理解为一个架子，承托所有内容。holder表现形式很简单，通常是几行div。 

    
 

中易旅游网

    
 

 您没确认条款内容。

     

4. 정의 Dialog 스크립트를 추가하고 Dialog를 인스턴스화합니다.

// HelloWorld 애플리케이션 생성(단일 인스턴스)
var HelloWorld = function(){
// 여기에 있는 모든 것 공간은 비공개이며 HelloWorld 블록에서만 액세스할 수 있습니다.
//이 영역의 모든 항목은 비공개 변수이며 HelloWorld에서만 액세스할 수 있습니다.
var 대화 상자, showBtn

varggleTheme = function() {
getEl(document.body, true).toggleClass('ytheme-gray');
}
// 공개 인터페이스 반환
return {
init: function(){
       showBtn = getEl('goNextBtn'); //버튼 바인딩
                                                       ~                                                  )); | 이것은 판단을 내리는 게으른 방법입니다.
                                                                                                             ~ > > 최소 높이:300
    }) 🎜> Dialog.addButton('종료', 대화 상자 .hide, 대화 상자);
                                                                           |
//windows.onload 초기화 대신 onDocumentReady를 사용하세요. DOM이 준비되면 이미지와 기타 리소스가 로드될 때까지 기다릴 필요가 없습니다. 두 가지에 대한 자세한 내용은 여기
YAHOO.ext.EventManager.onDiocumentReady(HelloWorld.init, HelloWorld, true)를 참조하세요. ;
난이도 분석: 싱글톤 패턴 디자인 패턴 싱글톤

싱글톤 패턴이란?

답변: 싱글톤 패턴은 매우 기본적이고 중요한 생성 패턴입니다. "싱글톤"의 책임은 클래스에 단 하나의 인스턴스만 있도록 하고 클래스에 액세스할 수 있는 전역 액세스 지점을 제공하는 것입니다.프로그래밍 과정에서 클래스가 하나의 인스턴스만 가질 수 있도록 해야 하는 상황이 많이 있습니다.

싱글턴 패턴의 장점은 무엇인가요?

답변: 1. 새로운 작업으로 인한 메모리 사용량을 줄입니다. 2. JS에서는 자신만의 네임스페이스를 만들 수 있습니다.

싱글톤 모드를 구현하는 방법은 무엇인가요?

답변:

기존 프로그래밍 언어에서 클래스의 인스턴스를 하나만 가지려면 가장 쉬운 방법은 클래스에 정적 변수를 포함하고 첫 번째 인스턴스에서 변수를 설정하는 것입니다. 그리고 생성자를 입력할 때마다 확인을 수행해야 합니다. 클래스에 인스턴스가 몇 개 있더라도 정적 변수는 하나의 인스턴스만 가질 수 있습니다. 클래스가 여러 번 초기화되는 것을 방지하려면 정적 메서드에서 하나의 인스턴스만 생성될 수 있도록 생성자를 private으로 선언합니다. 다음 예를 참조하세요.

코드 복사 코드는 다음과 같습니다.

function __typeof__( objClass) //사용자 정의 클래스의 이름을 반환합니다.
{
if ( objClass != un Defined && objClass.constructor )
{ var strFun = objClass.constructor.toString()
var className = strFun.substr(0, strFun.indexOf('('));
className = className.replace('function', '');
return className.replace(/(^s*) | (s*$)/ig, '');
}  
return typeof(objClass); .Static 속성은 새 객체를 반복적으로 생성할지 여부를 결정합니다.
if (this.constructor.instance)
{
return this.constructor.instance;
}
else{ Alert("else") = this
}

this.value = parsInt (Math.random()*1000000);
this.toString = function(){ return '[class Singleton] ' }
}

Singleton.prototype.GetValue = function() return this.value; };
Singleton.prototype.SetValue = function(value){ this.value = value; } var Singleton = new Singleton(); 싱글톤));
경고(싱글톤.GetValue()) ;
싱글톤.SetValue(1000000); 🎜>alert(singleton.GetValue());
alert(singleton.GetValue());


두 번째와 세 번째는 무작위입니다. 즉, 두 그룹의 결과는 동일합니다. 싱글톤 모드에서는 객체가 한 번 인스턴스화되면 수동으로 수정하지 않는 한 객체의 속성이나 변수가 변경되지 않습니다(새 작업도 마찬가지). 위의 예는 개체를 얻기 위해 생성자 정적 속성을 호출하여 실제로 "고유한 인스턴스"를 보장할 수 있습니다. 그러나 이 예의 실패는 Singleton 개체의 생성을 효과적으로 금지하지 않는다는 것입니다. 따라서 수동으로 새 항목을 추가하면 됩니다. 프로그램 코드()에 대한 싱글톤, 여러 개체를 계속 얻을 수 있어 모드가 실패하게 됩니다. 따라서 싱글톤을 완벽하게 구현하는 것은 생각만큼 간단하지 않습니다. 그래서 우리는 더 생각하여 아래의 세 번째 방법을 고안했습니다. 이 방법은 "익명" 함수의 특성을 교묘하게 사용하여 SingletonObject 클래스 생성자에 대한 액세스를 금지하므로 개인 생성자의 특성을 더 잘 시뮬레이션한다고 할 수 있습니다. 비교는 JavaScript를 사용하여 Singleton Pattern을 구현하는 문제를 완벽하게 해결합니다.





코드 복사


코드는 다음과 같습니다.

(function(){ 
 //인스턴스가 선언됨 
 //SingletonFactory 인터페이스 
 SingletonFactory = {getInstance : getInstance} 

 //private classes 
 function SingletonObject (){ 
     SingletonObject.prototype.methodA = function() {alert('methodA');} 
     SingletonObject.prototype.methodB = function() { alert('methodB');  } 
     SingletonObject. 인스턴스 = 이; 
 } 

 //SingletonFactory 구현 
 함수 getInstance(){ 
     if(SingletonObject.instance == null) return new SingletonObject();     else return Single 톤오브젝트 .instance; 
 } 
})(); 

var instA = null; 
시도해 보세요.
{ 
    alert("试图通过new SingletonObject()构造实例!"); 
    instA = 새 SingletonObject(); 
} 
catch(e){alert("SingletonObject构造函数不能从외부 내용 처리");} 

instA = SingletonFactory.getInstance(); //통합Factory 상향 조정 방식 관리 
var instB = SingletonFactory.getInstance(); 
instA.methodA(); 
instB.methodA(); 

경고(instA == instB); //성공