ext、angularjs、vue都是目前比較流行的前端框架。下面將分別介紹它們的特點(diǎn)和用法。
Ext是一款跨瀏覽器腳本庫，提供了豐富的UI控件和工具包，可以用于開發(fā)各種類型的Web應(yīng)用。它支持多種瀏覽器和平臺(tái)，可以方便地實(shí)現(xiàn)數(shù)據(jù)綁定、布局、模板渲染等常見需求。以下是如何使用Ext定義一個(gè)簡單的窗口：
Ext.create('Ext.window.Window', {
title: 'Hello',
width: 400,
height: 300,
items: [{
xtype: 'textfield',
fieldLabel: 'Name'
},{
xtype: 'button',
text: 'Say Hello',
handler: function(){
alert('Hello, ' + this.down('textfield').getValue());
}
}]
}).show();AngularJS是由Google開發(fā)的一款開源前端框架，采用MVC架構(gòu)，擁有強(qiáng)大的數(shù)據(jù)綁定和模板功能。它通過指令和服務(wù)來擴(kuò)展HTML語法，實(shí)現(xiàn)了對頁面的靈活控制。以下是一個(gè)顯示時(shí)間的小例子：
<div ng-app="">The time is: {{time}}
</div><script>function ClockCtrl($scope){
$scope.getTime = function(){
return new Date().toLocaleTimeString();
};
setInterval(function(){
$scope.$apply(function(){
$scope.time = $scope.getTime();
});
}, 1000);
}
</script><div ng-controller="ClockCtrl">Vue是一款輕量級、易學(xué)易用的前端框架，原生支持組件化開發(fā)和雙向綁定。它的核心特點(diǎn)是簡單、可復(fù)用、高效。以下是一個(gè)實(shí)現(xiàn)列表渲染的例子：
<div id="app"><ul><li v-for="item in items">{{item}}
</li></ul></div><script>var app = new Vue({
el: "#app",
data: {
items: ["apple", "banana", "orange"]
}
});
</script>