Ext.js와 Ext.Net에 대한 잡담

최근 몇 년 동안 비교적 핫한 전단 js 프레임워크 extjs는 그 중의 백미라고 할 수 있다.통일된 UI 디자인, 강력한 구성 요소와 풍부한 플러그인, 브라우저에 대한 좋은 호환성 등 장점으로 인해 많은 회사들이 Extjs를 사용하게 되었고 수많은 프로그램원들이 이 장난감을 연구하기 시작했다.쓸데없는 말은 그만하고 extjs와 extnet이 무엇인지 봅시다.
사용한 extjs의 프로그램원들은 아마도 모두 오미잡진한 느낌을 가지고 있을 것이다.때로는 특수한 기능을 위해 얼마나 많은 심혈을 기울였는지 모른다.심지어 실수로 괄호를 적게 써서 한참 동안 찾았는데, 사람을 미치게 했다.물론 여기에는 그 코드 천재들이 배제되어 있다.마음을 가라앉히고 extjs 개발은 어렵다.그것을 잘 쓰려면 배워야 할 것이 정말 적지 않다.CSS, html, js, 서버 스크립트 언어(php,java,asp.net).js 프레임워크가 있다고 해서 css, html에 관심을 갖지 마세요. 언젠가 사장님이'이런 기능을 원합니다. 이런 효과."하하, 알겠습니다. 그럼 문제가 생겼습니다. 어떻게 이 개발의 난이도를 낮출 수 있을까요? 바로 이 회사가 Ext.Net을 만들었습니다. 그리고 extjs에 매섭게 봉인했습니다. 얼마나 독했는지, Ext.net(2.5).dll, 125MB가 있었는지. 수많은 개발자들이 단번에 asp.net 컨트롤러의 시대로 돌아간 것 같았습니다. 역사는 이렇습니다. 반복적으로 바퀴를 만들었습니다...
Extjs 창에서 이렇게 썼습니다.

Ext.create('Ext.window.Window', {

    title: 'Hello',

    height: 200,

    width: 400,

    layout: 'fit',

    items: {  // Let's put an empty grid in just to illustrate fit layout

        xtype: 'grid',

        border: false,

        columns: [{header: 'World'}],                 // One header just for show. There's no data,

        store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store

    }

}).show();

ext.net은 다음과 같이 적습니다.

<ext:Window 

            ID="Window1" 

            runat="server" 

            Title="Hello World"  

            Icon="Application"

            Height="185" 

            Width="350"

            BodyStyle="background-color: #fff;" 

            BodyPadding="5"

            Modal="true">

            <Content>

                This is my first <a target="_blank" href="http://www.ext.net/"> Ext.NET</a> Window.

            </Content>

        </ext:Window>

코드를 쓸 때 vsIED 개발 환경인 Ext.net을 사용하면 스마트 알림(extjs를 설정해도 됨)이 있지만, ext.net 속성을 잘못 설정하거나 다른 오류를 설정하면 컴파일할 때 직접 오류를 보고합니다.옳게 고치지 않으면 안 된다.이 점에서 프로그래머에게는 확실히 복음이다.
다음은 등록 이벤트의 차이점: extjs 이렇게 쓰기

Ext.create('Ext.Button', {

    text: 'Click me',

    renderTo: Ext.getBody(),

    handler: function() {// ！

        alert('You clicked the button!');

    }

});

이벤트를 등록하는 방법도 사용할 수 있습니다. Ext.Net은 어떻게 생겼습니까? 아래와 같습니다.

<ext:ImageButton 

        runat="server" 

        ImageUrl="button.gif" 

        OverImageUrl="overButton.gif" 

        DisabledImageUrl="disabled.gif" 

        PressedImageUrl="pressed.gif">

        <DirectEvents>   // hock  

            <Click OnEvent="Button_Click" />

        </DirectEvents>

        <Listeners>

            <Click Handler="* js *"/> 

        </Listeners>

    </ext:ImageButton>

여기는 백그라운드 코드입니다.

<script runat="server">

    protected void Button_Click(object sender, DirectEventArgs e)

    {

        X.Msg.Alert("Server Time", DateTime.Now.ToLongTimeString()).Show();

    }

</script>

사건은 여기까지 간단하다. 다음은 두 사람의 성능 차이를 말한다.전체적으로 extnet은 포장된 성능이 틀림없이 떨어질 것이다.자신이 개발할 때 느낀 바에 의하면 ext.net 이벤트 상호작용의 본질은 extjs의 Direct Event를 사용하는 것이다. 대량의 이벤트 상호작용은 많은 불필요한 서버 요청을 초래했다.이것은 성능이 좋지 않은 중요한 원인이다.한편, extjs의 많은 처리는 프론트 데스크톱 js 코드 제어를 통해 이런 문제를 회피했다.
여러분이 비교적 관심을 가지는 물건을 소개하겠습니다. 요금을 받습니까?extjs는 개원된 것으로 GNU 프로토콜을 준수해야 합니다.extnet은 상업 이윤을 창출하기 위해 비용을 내야 한다.구체적인 세부 사항은 그들의 설명을 보아라.
자, 여기까지 간단히 소개해 드릴게요.구체적으로 어떤 구성 요소 개발을 선택할지 실제 상황과 결합하여 신중하게 고려해야 한다.
새해에는 많은 프로그램원들에게 혜택을 준다.extjs나 extnet을 개발할 때api 문서를 볼 수 없습니다.공식 홈페이지를 보면 천조에서 외국 사이트를 방문하면 카드가 끊겨 방문이 불가능할 때가 있다.이 때문에 블로거들은 바꾸기로 결정했다.온라인api 문서를 보려면 여기를 클릭하십시오.http://api.movivi.cn.프로그래머가 코드를 더 잘 쓰기 위해서, 나도 아주 열심히 노력했으니, 이것이 너에게 도움이 될 수 있기를 바란다.