- Java面試題及答案
- Java面向?qū)ο竺嬖囶}
- Java異常處理面試題
- Java常用API面試題
- Java數(shù)據(jù)類型面試題
- Java IO面試題
- Java集合面試題
- 經(jīng)典Java面試題及答案（1~41企業(yè)真題）
- 初級(jí)Java工程師面試題（42~81企業(yè)真題）
- Java基礎(chǔ)面試題精選（82~113企業(yè)真題）
- 初級(jí)Java程序員面試題（114~130企業(yè)真題）
- Java常見(jiàn)面試題及答案（131~140企業(yè)真題）
- Java經(jīng)典面試題及答案（140~146企業(yè)真題）
- Java基礎(chǔ)邏輯面試題
- Javaweb面試題及答案
- Java前端面試題及答案
- Java linux面試題及答案
- Java框架面試題及答案
- Java mysql面試題
- Java面試題mysql語(yǔ)句優(yōu)化部分
- Java oracle面試題及答案
- Java spring面試題及答案（1~11題）
- Java spring面試題及答案（12~44題）
- Java shiro面試題
- Java mybatis面試題及答案
- Java struts2面試題及答案
- Java Hibernate面試題
- Java初級(jí)面試題之Quartz定時(shí)任務(wù)
- Java Redis面試題
- Java ActiveMQ面試題
- Java Dubbo面試題
- Java高并發(fā)面試題
- 企業(yè)Java實(shí)戰(zhàn)面試題
- Java多線程和并發(fā)面試題（附答案）1~3題
- Java多線程和并發(fā)面試題（附答案）第4題
- Java多線程和并發(fā)面試題（附答案）第5題
- Java多線程和并發(fā)面試題（附答案）第6題
- Java多線程和并發(fā)面試題（附答案）第6題
- Java多線程和并發(fā)面試題（附答案）7~10題
- Java多線程和并發(fā)面試題（附答案）11~16題
- Java反射面試題及答案
- Java動(dòng)態(tài)代理面試題及答案
- Java設(shè)計(jì)模式面試題（1~9題）
- Java設(shè)計(jì)模式筆試題（10~13題）
- Java類加載器面試題
- Java GC面試題及答案（1~5題）
- Java GC面試題及答案（第5題）
- Java GC面試題及答案（第5題）
- Java內(nèi)存溢出面試題
- Java內(nèi)存模型面試題
- Java多線程筆試題
- Java集合面試題
- Java mybatis面試題及答案
- Java p2p項(xiàng)目面試題
- Java volatile面試題
- Java線程面試題之線程間的通信方式
Java框架面試題及答案
1、說(shuō)一下EasyUI的認(rèn)識(shí)？
EasyUI是一種基于jQuery的用戶界面插件集合。easyui為創(chuàng)建現(xiàn)代化，互動(dòng)，JavaScript應(yīng)用程序，提供必要的功能。使用easyui你不需要寫(xiě)很多代碼，你只需要通過(guò)編寫(xiě)一些簡(jiǎn)單HTML標(biāo)記，就可以定義用戶界面。優(yōu)勢(shì)：開(kāi)源免費(fèi)，頁(yè)面也還說(shuō)的過(guò)去。接下來(lái)看easyUI入門(mén)：
頁(yè)面引入必要的js和css樣式文件，文件引入順序?yàn)椋?/span>
<!-- 引入 JQuery -->
<script type="text/javascript" src="../jquery-easyui-1.4.1/jquery.min.js"></script>
<!-- 引入 EasyUI -->
<script type="text/javascript" src="../jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<!-- 引入 EasyUI 的中文國(guó)際化 js，讓 EasyUI 支持中文 -->
<script type="text/javascript" src="../jquery-easyui-1.4.1/locale/easyui-lang- zh_CN.js"></script>
<!-- 引入 EasyUI 的樣式文件-->
<link rel="stylesheet" href="../jquery-easyui-1.4.1/themes/default/easyui.css" type="text/css"/>
<!-- 引入 EasyUI 的圖標(biāo)樣式文件-->
<link rel="stylesheet" href="../jquery-easyui-1.4.1/themes/icon.css" type="text/css"/>
然后在頁(yè)面寫(xiě) easyUI 代碼就行，easyUI 提供了很多樣式：
示例如下：
實(shí)現(xiàn)代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Dialog - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<h2>Basic Dialog</h2>
<p>Click below button to open or close dialog.</p>
<div style="margin:20px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>
</div>
<div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'"
style="width:400px;height:200px;padding:10px">
The dialog content.
</div>
</body>
</html>
2、說(shuō)一下MiniUI的認(rèn)識(shí)？
基于jquery的框架，開(kāi)發(fā)的界面功能都很豐富。jQueryMiniUI-快速開(kāi)發(fā)WebUI。它能縮短開(kāi)發(fā)時(shí)間，減少代碼量，使開(kāi)發(fā)者更專注于業(yè)務(wù)和服務(wù)端，輕松實(shí)現(xiàn)界面開(kāi)發(fā)，帶來(lái)絕佳的用戶體驗(yàn)。使用MiniUI，開(kāi)發(fā)者可以快速創(chuàng)建Ajax無(wú)刷新、B/S快速錄入數(shù)據(jù)、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導(dǎo)航、數(shù)據(jù)驗(yàn)證、分頁(yè)表格、樹(shù)、樹(shù)形表格等典型WEB應(yīng)用系統(tǒng)界面。缺點(diǎn)：收費(fèi)，沒(méi)有源碼，基于這個(gè)開(kāi)發(fā)如果想對(duì)功能做擴(kuò)展就需要找他們的團(tuán)隊(duì)進(jìn)行升級(jí)！
● 提供以下幾大類控件：
表格控件樹(shù)形控件。
布局控件：標(biāo)題面板、彈出面板、折疊分割器、布局器、表單布局器等導(dǎo)航控件：分頁(yè)導(dǎo)航器、導(dǎo)航菜單、選項(xiàng)卡、菜單、工具欄等。
表單控件：多選輸入框、彈出選擇框、文本輸入框、數(shù)字輸入框、日期選擇框、下拉選擇框、下拉樹(shù)形選擇框、下拉表格選擇框、文件上傳控件、多選框、列表框、多選框組、單選框組、按鈕等富文本編輯器。
圖表控件：柱狀圖、餅圖、線形圖、雙軸圖等。
● 技術(shù)亮點(diǎn)：
快速開(kāi)發(fā)：使用Html配置界面，減少80%界面代碼量。易學(xué)易用：簡(jiǎn)單的API設(shè)計(jì)，可以獨(dú)立、組合使用控件。
性能優(yōu)化：內(nèi)置數(shù)據(jù)懶加載、低內(nèi)存開(kāi)銷、快速界面布局等機(jī)制。豐富控件：包含表格、樹(shù)、數(shù)據(jù)驗(yàn)證、布局導(dǎo)航等超過(guò)50個(gè)控件。
超強(qiáng)表格：提供鎖定列、多表頭、分頁(yè)排序、行過(guò)濾、數(shù)據(jù)匯總、單元格編輯、詳細(xì)行、Excel導(dǎo)出等功能。
第三方兼容：與ExtJS、jQuery、YUI、Dojo等任意第三方控件無(wú)縫集成。瀏覽器兼容：支持IE6+、FireFox、Chrome等。
跨平臺(tái)支持：支持Java、.NET、PHP等。
● 示例如下：
實(shí)現(xiàn)代碼如下：
<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:200px;padding:5px;"
showTreeIcon="true" textField="text" idField="id"
allowDrag="true" allowDrop="true">
</ul>
3、說(shuō)一下jQueryUI的認(rèn)識(shí)？
jQueryUI是一套jQuery的頁(yè)面UI插件，包含很多種常用的頁(yè)面空間，例如Tabs（如本站首頁(yè)右上角部分）、拉簾效果（本站首頁(yè)左上角）、對(duì)話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。
● 技術(shù)亮點(diǎn)：
簡(jiǎn)單易用：繼承jQuery簡(jiǎn)易使用特性，提供高度抽象接口，短期改善網(wǎng)站易用性。
開(kāi)源免費(fèi)：采用MIT&GPL雙協(xié)議授權(quán)，輕松滿足自由產(chǎn)品至企業(yè)產(chǎn)品各種授權(quán)需求。
廣泛兼容：兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。
輕便快捷：組件間相對(duì)獨(dú)立，可按需加載，避免浪費(fèi)帶寬拖慢網(wǎng)頁(yè)打開(kāi)速度。
標(biāo)準(zhǔn)先進(jìn)：支持WAI-ARIA，通過(guò)標(biāo)準(zhǔn)XHTML代碼提供漸進(jìn)增強(qiáng)，保證低端環(huán)境可訪問(wèn)性。
美觀多變：提供近20種預(yù)設(shè)主題，并可自定義多達(dá)60項(xiàng)可配置樣式規(guī)則，提供24種背景紋理選擇。
4、說(shuō)一下Vue.js的認(rèn)識(shí)？
Vue.js(讀音/vju?/，類似于view)是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue的核心庫(kù)只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)結(jié)合使用時(shí)，Vue也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用程序提供驅(qū)動(dòng)。Vue.js起步：
引入相應(yīng)文件：
<script src="https://unpkg.com/vue"></script>
聲明式渲染：Vue.js 的核心是一個(gè)允許采用簡(jiǎn)潔的模板語(yǔ)法來(lái)聲明式的將數(shù)據(jù)渲染進(jìn) DOM 的系統(tǒng)：
<!-- html 文件中 -->
<div id="app">
{{ message }}
</div>
<!-- js 文件中 -->
var app = new Vue({
el: '#app'，
data: {
message: 'Hello Vue!'
}
})
通過(guò)瀏覽器查看效果圖為：
創(chuàng)建 vue 實(shí)例：每個(gè) Vue 應(yīng)用都是通過(guò) Vue 函數(shù)創(chuàng)建一個(gè)新的 Vue 實(shí)例開(kāi)始的，當(dāng)創(chuàng)建一個(gè) Vue 實(shí)例時(shí)，你可以傳入一個(gè)選項(xiàng)對(duì)象。可以使用這些選項(xiàng)來(lái)創(chuàng)建你想要的行為。
<!-- js 文件中 -->
var vm = new Vue({
// 選項(xiàng)
})
據(jù)變化時(shí)更新 DOM 等。同時(shí)在這個(gè)過(guò)程中也會(huì)運(yùn)行一些叫做生命周期鉤子的函數(shù)，給予用戶機(jī)會(huì)在一些特定的場(chǎng)景下添加他們自己的代碼。比如 created 鉤子可以用來(lái)在一個(gè)實(shí)例被創(chuàng)建之后執(zhí)行代碼：
<!-- js 文件中 -->
new Vue({
data: {
a: 1
},
created: function () {
console.log('a is: ' + this.a)
}
})
5、說(shuō)一下AngularJS的認(rèn)識(shí)？
AngularJS是google開(kāi)發(fā)者設(shè)計(jì)的一個(gè)前端開(kāi)發(fā)框架，它是由是由JavaScript編寫(xiě)的一個(gè)JS框架。通常它是用來(lái)在靜態(tài)網(wǎng)頁(yè)構(gòu)建動(dòng)態(tài)應(yīng)用不足而設(shè)計(jì)的。
● AngularJS特點(diǎn)如下：
數(shù)據(jù)綁定：AngularJS是數(shù)據(jù)雙向綁定。
MVVM（Model-View-ViewModel）模式：Model簡(jiǎn)單數(shù)據(jù)對(duì)象，View視圖（如HTML，JSP等）
ViewModel是用來(lái)提供數(shù)據(jù)和方法，和View進(jìn)行交互。這種設(shè)計(jì)模式使得代碼解耦合。
依賴注入：AngularJS支持注入方式把需要的對(duì)象，方法等注入到指定的對(duì)象中。
指令：AngularJS內(nèi)部自帶各種常用指令，同時(shí)也支持開(kāi)發(fā)者自定義指令。
HTML模板和擴(kuò)展HTML：AngularJS可以定義與HTML兼容的自定義模板。
● AngularJS的Api：
AngularJS提供了很多功能豐富的組件，處理核心的ng組件外，還擴(kuò)展了很多常用的功能組件，如ngRoute(路由)，ngAnimate(動(dòng)畫(huà))，ngTouch(移動(dòng)端操作)等，只需要引入相應(yīng)的頭文件，并依賴注入你的工作模塊，則可使用。ng(coremodule)：AngularJS的默認(rèn)模塊，包含AngularJS的所有核心組件。
