步介紹下Qt Designer界面中顯示的組件，分別為Layouts、Spaces、Buttons、Item Views、Item Widgets、Containers、Input Widgets、Display Wdigets；

1、Layouts（布局管理組）

（1）盒子布局（QHBoxLayout 和 QVBoxLayout）：

簡介：盒子布局用于在水平或垂直方向上排列控件。它們是最常用的布局管理器之一。

QHBoxLayout：將控件按照從左到右的順序進(jìn)行橫向添加。

QVBoxLayout：將控件按照從上到下的順序進(jìn)行縱向添加。

（2）柵格布局（QGridLayout）：

簡介：柵格布局將窗口分為若干行和列，可以在指定的行和列位置添加控件。

QGridLayout：用于創(chuàng)建網(wǎng)格布局，可以在指定的行和列位置添加控件。

（3）表單布局（QFormLayout）：

簡介：表單布局以兩列的形式布局在窗口中，左邊為標(biāo)簽，右邊為輸入控件。

QFormLayout：用于創(chuàng)建表單布局，方便設(shè)置標(biāo)簽和輸入控件的對應(yīng)關(guān)系。

2、Spaces（空間間隔組）

分隔組件（Spacer）：

水平分隔（Horizontal Spacer）：用于在水平方向上添加額外的空間或填充。可以通過 QSpacerItem 類來實(shí)現(xiàn)。

垂直分隔（Vertical Spacer）：用于在垂直方向上添加額外的空間或填充。同樣，可以使用 QSpacerItem 類來實(shí)現(xiàn)。

3、Buttons（按鈕組）

（1）按鈕控件（QPushButton）：

簡介：按鈕控件用于觸發(fā)特定操作，例如執(zhí)行函數(shù)或打開對話框。在 Qt Designer 設(shè)計(jì)器中，按鈕控件對應(yīng) QPushButton 類。

設(shè)置按鈕文本：可以在創(chuàng)建按鈕時(shí)直接設(shè)置按鈕的文本，也可以使用 setText() 方法來更改按鈕的顯示內(nèi)容。

設(shè)置按鈕圖標(biāo)：使用 setIcon() 方法來顯示按鈕的圖標(biāo)。

設(shè)置按鈕狀態(tài)：按鈕可以設(shè)置為按下后不彈起，使用 setCheckable(True)。

綁定按鈕和槽函數(shù)：使用 clicked.connect() 來連接按鈕點(diǎn)擊事件和相應(yīng)的槽函數(shù)。

（2）單選按鈕控件（QRadioButton）：

簡介：單選按鈕用于從多個(gè)選項(xiàng)中選擇一個(gè)。用戶只能選擇其中一個(gè)選項(xiàng)。在 Qt Designer 設(shè)計(jì)器中，單選按鈕控件對應(yīng) QRadioButton 類。

設(shè)置默認(rèn)選中狀態(tài)：使用 setCheckable(True) 來設(shè)置按鈕是否可以被選中。

綁定按鈕狀態(tài)變化信號：使用 toggled.connect() 來連接按鈕狀態(tài)切換事件和相應(yīng)的槽函數(shù)。

（3）復(fù)選框控件（QCheckBox）：

簡介：復(fù)選框用于選擇多個(gè)選項(xiàng)。用戶可以同時(shí)選擇多個(gè)選項(xiàng)。在 Qt Designer 設(shè)計(jì)器中，復(fù)選框控件對應(yīng) QCheckBox 類。

4、Item Views （項(xiàng)目視圖組）

（1）清單視圖（QListView）：

簡介：清單視圖用于展示一個(gè)簡單的列表，適合于顯示一系列項(xiàng)，如文本列表或圖標(biāo)集。

應(yīng)用場景：適用于顯示字符串列表、圖像集合或其他一維數(shù)據(jù)。

使用方法：可以與數(shù)據(jù)模型（如 QStringListModel 或 QStandardItemModel）結(jié)合使用，動(dòng)態(tài)地展示和更新數(shù)據(jù)。

（2）表格視圖（QTableView）：

簡介：表格視圖提供了表格形式的數(shù)據(jù)展示，適合于展示和編輯結(jié)構(gòu)化數(shù)據(jù)，如電子表格。

功能特點(diǎn)：支持多行和多列，可以自定義列寬、行高以及單元格的樣式。

數(shù)據(jù)管理：可以與數(shù)據(jù)模型結(jié)合使用，方便管理和展示復(fù)雜的數(shù)據(jù)集。

（3）樹視圖（QTreeView）：

簡介：樹視圖用于顯示樹形結(jié)構(gòu)數(shù)據(jù)，非常適用于展示具有層級關(guān)系的信息，如文件系統(tǒng)。

應(yīng)用場景：適用于展示層級結(jié)構(gòu)數(shù)據(jù)，例如文件夾和文件的層次關(guān)系。

（4）列視圖（QColumnView）：

簡介：列視圖提供了一種獨(dú)特的方式來瀏覽樹形結(jié)構(gòu)數(shù)據(jù)，通過連續(xù)的列來顯示每個(gè)層級。

適用情況：特別適合于深層次的層級數(shù)據(jù)展示。

這些組件都是基于模型-視圖-控制器（Model-View-Controller, MVC）設(shè)計(jì)模式構(gòu)建的，其中模型（Model）負(fù)責(zé)存儲(chǔ)數(shù)據(jù)，視圖（View）負(fù)責(zé)顯示數(shù)據(jù)，而控制器（Controller）負(fù)責(zé)處理用戶輸入和操作。

除了以上列出的基本視圖組件，PyQt 還提供了一些用于定制視圖外觀和行為的附加組件和類，例如：

1. QAbstractItemView: 用于派生自定義視圖的基類，提供了許多方法和信號以管理視圖中的項(xiàng)目。
2. QStandardItemModel: 提供了一個(gè)通用的模型類，用于存儲(chǔ)數(shù)據(jù)，適用于各種視圖組件。
3. QSortFilterProxyModel: 用于對現(xiàn)有模型進(jìn)行排序和過濾的代理模型。
4. QItemDelegate: 用于定制單元格的外觀和編輯行為的代理類。

5、Item Widgets （項(xiàng)目控件組）

（1）List Widget（列表視圖）：

QListWidgetItem：用于在列表視圖中顯示的項(xiàng)目控件。

QListWidget：基于列表視圖的控件，用于顯示 QListWidgetItem 對象。

（2）Tree Widget（樹形視圖）：

QTreeWidgetItem：用于在樹形視圖中顯示的項(xiàng)目控件，可以包含子項(xiàng)目。

QTreeWidget：基于樹形視圖的控件，用于顯示 QTreeWidgetItem 對象。

（3）Table Widget（表格視圖）：

QTableWidgetItem：用于在表格視圖中顯示的項(xiàng)目控件。

QTableWidget：基于表格視圖的控件，用于顯示 QTableWidgetItem 對象。

6、Containers（容器）

（1）GroupBox（組合框）：

簡介：GroupBox 是一個(gè)容器，可以在內(nèi)部添加內(nèi)容，并修改標(biāo)題頭。它通常用于將一組相關(guān)的界面元素進(jìn)行分組，以便在界面中創(chuàng)建有組織的部分。

應(yīng)用場景：適用于將一組復(fù)選框、單選按鈕或其他控件組織在一起，以便用戶可以更清晰地理解它們之間的關(guān)聯(lián)性。

（2）ScrollArea（滾動(dòng)區(qū)）：

簡介：ScrollArea 是一個(gè)滾動(dòng)視圖，控件內(nèi)可以為文本、圖片等。當(dāng)控件內(nèi)部件超出視圖大小時(shí)，提供滾動(dòng)條，這樣就可以看到整個(gè)部件的大小。

應(yīng)用場景：適用于需要滾動(dòng)查看內(nèi)容的情況，例如文本內(nèi)容超出顯示范圍、圖片過大等。

（3）ToolBox（工具箱）：

簡介：ToolBox 是一個(gè)選項(xiàng)卡式的條目，類似于 QQ 聯(lián)系人列表。它允許您在一個(gè)頁面上組織多個(gè)子控件，每個(gè)子控件對應(yīng)一個(gè)選項(xiàng)卡。

應(yīng)用場景：適用于創(chuàng)建多功能工具箱界面，例如設(shè)置選項(xiàng)、功能切換等。

（4）TabWidget（切換卡）：

簡介：TabWidget 提供了一系列選項(xiàng)卡的切換，每個(gè)選項(xiàng)卡下可以添加其他控件。它通常用于創(chuàng)建多頁簽式的布局。

應(yīng)用場景：適用于需要在不同頁面之間切換的情況，例如設(shè)置界面、多標(biāo)簽文檔等。

（5）StackedWidget（層疊窗口）：

簡介：StackedWidget 是一個(gè)層疊窗口，提供了多頁面切換的布局。每個(gè)窗口下可以添加其他控件，類似于文檔的切換。

應(yīng)用場景：適用于需要在不同頁面之間切換，但一次只顯示一個(gè)頁面的情況。

(6)框架窗口（Frame）：

簡介：QFrame 用于添加框架、分割線，幫助劃分界面區(qū)域。

應(yīng)用場景：適用于組織界面元素、添加裝飾或分隔區(qū)域。

(7)窗口（widget）：

簡介：QWidget 是 PyQt 中所有用戶界面對象的基類，它可以作為容器來包含其他控件，也可以作為頂層窗口使用。

應(yīng)用場景：用于組織布局、創(chuàng)建自定義部件、提供裝飾性功能、實(shí)現(xiàn)特定功能以及作為容器等方面

（8）MDI 區(qū)域（MDI Area）：

簡介：多文檔界面區(qū)域，用于創(chuàng)建具有多個(gè)子窗口的應(yīng)用程序，每個(gè)子窗口可以是一個(gè)獨(dú)立的文檔或視圖。

應(yīng)用場景：適用于那些需要在單個(gè)應(yīng)用程序窗口中同時(shí)顯示和管理多個(gè)文檔、圖形、視圖或子窗口的應(yīng)用場景。

（9）Dock 窗口（Dock Widget）

簡介：可停靠窗口，可以附加到主窗口的邊緣或浮動(dòng)。

應(yīng)用場景：通常用于創(chuàng)建工具欄、調(diào)色板、項(xiàng)目瀏覽器等，允許用戶根據(jù)需要將它們停靠到主窗口的不同位置。

7 Input(輸入部件組)

(1)QLineEdit（單行文本輸入框）：

簡介：QLineEdit 提供了一個(gè)單行文本輸入框，用戶可以輸入和編輯單行文本。

應(yīng)用場景：適用于獲取用戶輸入的單行文本數(shù)據(jù)。

(2)QTextEdit（多行文本編輯器）：

簡介：QTextEdit 是一個(gè)多行文本編輯器，支持富文本和純文本。

應(yīng)用場景：適用于編輯和顯示多行文本，例如日志、說明文檔等。

(3)QSpinBox（整數(shù)輸入框）：

簡介：QSpinBox 是一個(gè)帶有增減按鈕的數(shù)字輸入框，允許用戶選擇一個(gè)整數(shù)值。

應(yīng)用場景：適用于需要輸入整數(shù)的場景。

(4)QDoubleSpinBox（浮點(diǎn)數(shù)輸入框）：

簡介：QDoubleSpinBox 類似于 QSpinBox，但用于輸入浮點(diǎn)數(shù)。

應(yīng)用場景：適用于需要輸入浮點(diǎn)數(shù)的場景。

(5)QComboBox（下拉列表）：

簡介：QComboBox 允許用戶從預(yù)定義的選項(xiàng)列表中選擇。

應(yīng)用場景：適用于需要從有限選項(xiàng)中選擇一個(gè)的場景。

(6)QSlider（滑動(dòng)條）：

簡介：QSlider 提供了一個(gè)滑動(dòng)條，用于選擇一個(gè)范圍內(nèi)的值。

應(yīng)用場景：適用于需要滑動(dòng)選擇數(shù)值的情況。

(7)QDateEdit（日期）：

簡介：用于選擇日期的控件，允許用戶通過日歷選擇日期。

（8）QTimeEdit（時(shí)間）：

簡介：用于選擇時(shí)間的控件，允許用戶輸入或選擇時(shí)間。

（9）QDateTimeEdit（日期和時(shí)間）：

用于選擇日期和時(shí)間的控件，允許用戶同時(shí)選擇日期和時(shí)間。

8 Display Wdigets（顯示組控組）

（1）QLabel（標(biāo)簽）：

簡介：QLabel 用于顯示文本或圖像，是最基礎(chǔ)的顯示控件之一。

應(yīng)用場景：適用于展示靜態(tài)文本、富文本或圖像。

（2）QTextBrowser（文本瀏覽器）：

簡介：QTextBrowser 提供了豐富文本的顯示，支持超鏈接和 HTML 格式。

功能特點(diǎn)：支持顯示富文本內(nèi)容，包括 HTML、圖像等。

應(yīng)用場景：適用于顯示復(fù)雜文本內(nèi)容，例如日志、說明文檔等。

（3）QGraphicsView（圖形視圖）：

簡介：QGraphicsView 用于展示復(fù)雜的 2D 圖形界面，適用于游戲、圖形編輯等程序。

功能特點(diǎn)：支持自定義繪制、圖形交互和動(dòng)畫效果。

應(yīng)用場景：適用于需要繪制和展示圖形的情況。

（4）QCalendarWidget（日歷控件）：

簡介：QCalendarWidget 提供一個(gè)交互式的日歷控件，允許用戶選擇日期。

應(yīng)用場景：適用于需要選擇日期的場景。

（5）QLCDNumber（液晶數(shù)字顯示器）：

簡介：QLCDNumber 用于顯示液晶風(fēng)格的數(shù)字，常用于計(jì)時(shí)器、狀態(tài)指示等。

應(yīng)用場景：適用于需要顯示數(shù)字的情況。

（6）QProgressBar（進(jìn)度條）：

簡介：QProgressBar 展示任務(wù)進(jìn)度，給用戶反饋任務(wù)完成度。

應(yīng)用場景：適用于需要展示任務(wù)進(jìn)度的情況。

（7）QOpenGLWidget（OpenGL 視圖）：

簡介：QOpenGLWidget 集成 OpenGL 用于高性能圖形渲染，適用于 3D 圖形和動(dòng)畫。

應(yīng)用場景：適用于需要使用 OpenGL 渲染圖形的情況。

控件的具體用法后期再詳細(xì)說明；

, 判斷字符串是否是這樣組成的，第一個(gè)必須是字母，后面可以是字母、數(shù)字、下劃線，總長度為5-20

　　var reg=/^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;

　　reg.test("a1a__a1a__a1a__a1a__");

2，截取字符串a(chǎn)bcdefg的efg

　　var str="abcdefg";

　　if (/efg/.test(str)) {

　　var efg=str.substr(str.indexOf("efg"), 3);

　　alert(efg);

　　}

3，判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計(jì)這個(gè)次數(shù)

　　//將字符串的字符保存在一個(gè)hash table中，key是字符，value是這個(gè)字符出現(xiàn)的次數(shù)

　　var str="abcdefgaddda";

　　var obj={};

　　for (var i=0, l=str.length; i < l; i++) {

　　var key=str[i];

　　if (!obj[key]) {

　　obj[key]=1;

　　} else {

　　obj[key]++;

　　}

　　}

　　/*遍歷這個(gè)hash table，獲取value最大的key和value*/

var max=-1;

　　var max_key="";

　　var key;

　　for (key in obj) {

　　if (max < obj[key]) {

　　max=obj[key];

　　max_key=key;

　　}

　　}

　　alert("max:"+max+" max_key:"+max_key);

　　4，IE與FF腳本兼容性問題

　　(1) window.event：

　　表示當(dāng)前的事件對象，IE有這個(gè)對象，F(xiàn)F沒有，F(xiàn)F通過給事件處理函數(shù)傳遞事件對象

　　(2) 獲取事件源

　　IE用srcElement獲取事件源，而FF用target獲取事件源

　　(3) 添加，去除事件

　　IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)

　　FF：element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)

　　(4) 獲取標(biāo)簽的自定義屬性

　　IE：div1.value或div1[“value”]

　　FF：可用div1.getAttribute(“value”)

　　(5) document.getElementByName()和document.all[name]

　　IE;document.getElementByName()和document.all[name]均不能獲取div元素

　　FF：可以

　　(6) input.type的屬性

　　IE：input.type只讀

　　FF：input.type可讀寫

　　(7) innerText textContent outerHTML

　　IE：支持innerText, outerHTML

　　FF：支持textContent

　　(8) 是否可用id代替HTML元素

　　IE：可以用id來代替HTML元素

　　FF：不可以

　　這里只列出了常見的，還有不少，更多的介紹可以參看JavaScript在IE瀏覽器和Firefox瀏覽器中的差異總結(jié)

5，規(guī)避javascript多人開發(fā)函數(shù)重名問題

　　(1) 可以開發(fā)前規(guī)定命名規(guī)范，根據(jù)不同開發(fā)人員開發(fā)的功能在函數(shù)前加前綴

　　(2) 將每個(gè)開發(fā)人員的函數(shù)封裝到類中，調(diào)用的時(shí)候就調(diào)用類的函數(shù)，即使函數(shù)重名只要類名不重復(fù)就ok

6，javascript面向?qū)ο笾欣^承實(shí)現(xiàn)

　　javascript面向?qū)ο笾械睦^承實(shí)現(xiàn)一般都使用到了構(gòu)造函數(shù)和Prototype原型鏈，簡單的代碼如下：

　　function Animal(name) {

　　this.name=name;

　　}

　　Animal.prototype.getName=function() {alert(this.name)}

　　function Dog() {};

　　Dog.prototype=new Animal("Buddy");

　　Dog.prototype.constructor=Dog;

　　var dog=new Dog();

7，F(xiàn)F下面實(shí)現(xiàn)outerHTML

　　FF不支持outerHTML，要實(shí)現(xiàn)outerHTML還需要特殊處理

　　思路如下：

　　在頁面中添加一個(gè)新的元素A，克隆一份需要獲取outerHTML的元素，將這個(gè)元素append到新的A中，然后獲取A的innerHTML就可以了。

　　SPANDIV

　　SPAN

　　P

8，編寫一個(gè)方法 求一個(gè)字符串的字節(jié)長度

　　假設(shè)：

　　一個(gè)英文字符占用一個(gè)字節(jié)，一個(gè)中文字符占用兩個(gè)字節(jié)

　　function GetBytes(str){

　　var len=str.length;

　　var bytes=len;

　　for(var i=0; i

　　if (str.charCodeAt(i) > 255) bytes++;

　　}

　　return bytes;

　　}

　　alert(GetBytes("你好,as"));

9，編寫一個(gè)方法 去掉一個(gè)數(shù)組的重復(fù)元素

　　var arr=[1 ,1 ,2, 3, 3, 2, 1];

　　Array.prototype.unique=function(){

　　var ret=[];

　　var o={};

　　var len=this.length;

　　for (var i=0; i

　　var v=this[i];

　　if (!o[v]){

　　o[v]=1;

　　ret.push(v);

　　}

　　}

　　return ret;

　　};
  alert(arr.unique());

10，寫出3個(gè)使用this的典型應(yīng)用

　　(1)在html元素事件屬性中使用，如

　　(2)構(gòu)造函數(shù)

　　function Animal(name, color) {

　　this.name=name;

　　this.color=color;

　　}

12，如何顯示/隱藏一個(gè)DOM元素?

　　el.style.display="";

　　el.style.display="none";

　　el是要操作的DOM元素

13，JavaScript中如何檢測一個(gè)變量是一個(gè)String類型?請寫出函數(shù)實(shí)現(xiàn)

　　String類型有兩種生成方式：

　　(1)Var str=“hello world”;

　　(2)Var str2=new String(“hello world”);

　　function IsString(str){

　　return (typeof str=="string" || str.constructor==String);

　　}

　　var str="";

　　alert(IsString(1));

　　alert(IsString(str));

　　alert(IsString(new String(str)));

14，網(wǎng)頁中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序，要求網(wǎng)頁上實(shí)時(shí)動(dòng)態(tài)顯示“××年還剩××天××?xí)r××分××秒”

15，補(bǔ)充代碼，鼠標(biāo)單擊Button1后將Button1移動(dòng)到Button2的后面

16，JavaScript有哪幾種數(shù)據(jù)類型

　　簡單：Number，Boolean，String，Null，Undefined

　　復(fù)合：Object，Array，F(xiàn)unction

17，下面css標(biāo)簽在JavaScript中調(diào)用應(yīng)如何拼寫，border-left-color，-moz-viewport

　　borderLeftColor

　　mozViewport

18，JavaScript中如何對一個(gè)對象進(jìn)行深度clone

　　function cloneObject(o) {
　　if(!o || 'object' !==typeof o) {
　　return o;
　　}
　　var c='function'===typeof o.pop ? [] : {};
　　var p, v;
　　for(p in o) {
　　if(o.hasOwnProperty(p)) {
　　v=o[p];
　　if(v && 'object'===typeof v) {
　　c[p]=Ext.ux.clone(v);
　　}
　　else {
　　c[p]=v;
　　}
　　}
　　}
　　return c;
　　};

19，如何控制alert中的換行

　　\n alert(“p\np”);

20，請實(shí)現(xiàn)，鼠標(biāo)點(diǎn)擊頁面中的任意標(biāo)簽，alert該標(biāo)簽的名稱.(注意兼容性)

　　SPANDIV

　　SPAN

　　P

21，請編寫一個(gè)JavaScript函數(shù) parseQueryString，它的用途是把URL參數(shù)解析為一個(gè)對象，如：

　　var url=“http://witmax.cn/index.php?key0=0&key1=1&key2=2″;

　　function parseQueryString(url){

　　var params={};

　　var arr=url.split("?");

　　if (arr.length <=1)

　　return params;

　　arr=arr[1].split("&");

　　for(var i=0, l=arr.length; i

　　var a=arr[i].split("=");

　　params[a[0]]=a[1];

　　}

　　return params;

　　}

　　var url="http://witmax.cn/index.php?key0=0&key1=1&key2=2";

　　var ps=parseQueryString(url);

　　alert(ps["key1"]);

22，ajax是什么? ajax的交互模型? 同步和異步的區(qū)別? 如何解決跨域問題?

　　Ajax是多種技術(shù)組合起來的一種瀏覽器和服務(wù)器交互技術(shù)，基本思想是允許一個(gè)互聯(lián)網(wǎng)瀏覽器向一個(gè)遠(yuǎn)程頁面/服務(wù)做異步的http調(diào)用，并且用收到的數(shù)據(jù)來更新一個(gè)當(dāng)前web頁面而不必刷新整個(gè)頁面。該技術(shù)能夠改進(jìn)客戶端的體驗(yàn)。包含的技術(shù)：

　　XHTML：對應(yīng)W3C的XHTML規(guī)范，目前是XHTML1.0。

　　CSS：對應(yīng)W3C的CSS規(guī)范，目前是CSS2.0

　　DOM：這里的DOM主要是指HTML DOM，XML DOM包括在下面的XML中

　　JavaScript：對應(yīng)于ECMA的ECMAScript規(guī)范

　　XML：對應(yīng)W3C的XML DOM、XSLT、XPath等等規(guī)范

　　XMLHttpRequest：對應(yīng)WhatWG的Web Applications1.0規(guī)范(http://whatwg.org/specs/web-apps/current-work/)

　　AJAX交互模型

　　同步：腳本會(huì)停留并等待服務(wù)器發(fā)送回復(fù)然后再繼續(xù)

　　異步：腳本允許頁面繼續(xù)其進(jìn)程并處理可能的回復(fù)

　　跨域問題簡單的理解就是因?yàn)镴S同源策略的限制，a.com域名下的JS無法操作b.com或c.a.com下的對象，具體場景如下：

　　PS：(1)如果是端口或者協(xié)議造成的跨域問題前端是無能為力的

　　(2) 在跨域問題上，域僅僅通過URL的首部來識別而不會(huì)嘗試判斷相同的IP地址對應(yīng)的域或者兩個(gè)域是否對應(yīng)一個(gè)IP

　　前端對于跨域的解決辦法：

　　(1) document.domain+iframe

　　(2) 動(dòng)態(tài)創(chuàng)建script標(biāo)簽

23，請給出異步加載js方案，不少于兩種

　　默認(rèn)情況javascript是同步加載的，也就是javascript的加載時(shí)阻塞的，后面的元素要等待javascript加載完畢后才能進(jìn)行再加載，對于一些意義不是很大的javascript，如果放在頁頭會(huì)導(dǎo)致加載很慢的話，是會(huì)嚴(yán)重影響用戶體驗(yàn)的。

　　異步加載方式：

　　(1) defer，只支持IE

　　(2) async：

　　(3) 創(chuàng)建script，插入到DOM中，加載完畢后callBack，見代碼：

　　function loadScript(url, callback){

　　var script=document.createElement("script")

　　script.type="text/javascript";

　　if (script.readyState){ //IE

　　script.onreadystatechange=function(){

　　if (script.readyState=="loaded" ||

　　script.readyState=="complete"){

　　script.onreadystatechange=null;

　　callback();

　　}

　　};

　　} else { //Others: Firefox, Safari, Chrome, and Opera

　　script.onload=function(){

　　callback();

　　};

　　}

　　script.src=url;

　　document.body.appendChild(script);

　　}

25，請?jiān)O(shè)計(jì)一套方案，用于確保頁面中JS加載完全。

　　var n=document.createElement("script");

　　n.type="text/javascript";

　　//以上省略部分代碼

　　//ie支持script的readystatechange屬性(IE support the readystatechange event for script and css nodes)

　　if(ua.ie){

　　n.onreadystatechange=function(){

　　var rs=this.readyState;

　　if('loaded'===rs || 'complete'===rs){

　　n.onreadystatechange=null;

　　f(id,url); //回調(diào)函數(shù)

　　}

　　};

　　//省略部分代碼

　　//safari 3.x supports the load event for script nodes(DOM2)

　　n.addEventListener('load',function(){

　　f(id,url);

　　});

　　//firefox and opera support onload(but not dom2 in ff) handlers for

　　//script nodes. opera, but no ff, support the onload event for link

　　//nodes.

　　}else{

　　n.onload=function(){

　　f(id,url);

　　};

　　}

26，js中如何定義class,如何擴(kuò)展prototype?

　　Ele.className=“***”; //***在css中定義，形式如下：.*** {…}

　　A.prototype.B=C;

　　A是某個(gè)構(gòu)造函數(shù)的名字

　　B是這個(gè)構(gòu)造函數(shù)的屬性

　　C是想要定義的屬性的值

27，如何添加html元素的事件,有幾種方法.

　　(1) 為HTML元素的事件屬性賦值

　　(2) 在JS中使用ele.on***=function() {…}

　　(3) 使用DOM2的添加事件的方法 addEventListener或attachEvent

28，documen.write和 innerHTML的區(qū)別

　　document.write只能重繪整個(gè)頁面

　　innerHTML可以重繪頁面的一部分

29，多瀏覽器檢測通過什么?

　　(1) navigator.userAgent

　　(2) 不同瀏覽器的特性，如addEventListener

30，js的基礎(chǔ)對象有那些, window和document的常用的方法和屬性列出來

　　String,Number,Boolean

　　Window:

　　方法：setInterval,setTimeout,clearInterval,clearTimeout,alert,confirm,open

　　屬性：name,parent,screenLeft,screenTop,self,top,status

　　Document

　　方法：createElement,execCommand,getElementById,getElementsByName,getElementByTagName,write,writeln

　　屬性：cookie,doctype,domain,documentElement,readyState,URL,

31，前端開發(fā)的優(yōu)化問題

　　(1) 減少http請求次數(shù)：css spirit,data uri

　　(2) JS，CSS源碼壓縮

　　(3) 前端模板 JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請求結(jié)果，每次操作本地變量，不用請求，減少請求次數(shù)

　　(4) 用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能

　　(5) 用setTimeout來避免頁面失去響應(yīng)

　　(6) 用hash-table來優(yōu)化查找

　　(7) 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style

　　(8) 少用全局變量

　　(9) 緩存DOM節(jié)點(diǎn)查找的結(jié)果

　　(10) 避免使用CSS Expression

　　(11) 圖片預(yù)載

　　(12) 避免在頁面的主體布局中使用table，table要等其中的內(nèi)容完全下載之后才會(huì)顯示出來，顯示比div+css布局慢

32，如何控制網(wǎng)頁在網(wǎng)絡(luò)傳輸過程中的數(shù)據(jù)量

　　啟用GZIP壓縮

　　保持良好的編程習(xí)慣，避免重復(fù)的CSS，JavaScript代碼，多余的HTML標(biāo)簽和屬性

　　33，F(xiàn)lash、Ajax各自的優(yōu)缺點(diǎn)，在使用中如何取舍?

　　Ajax的優(yōu)勢

　　(1) 可搜索型

　　(2) 開放性

　　(3) 費(fèi)用

　　(4) 易用性

　　(5) 易于開發(fā)

　　Flash的優(yōu)勢

　　(1) 多媒體處理

　　(2) 兼容性

　　(3) 矢量圖形 比SVG，Canvas優(yōu)勢大很多

　　(4) 客戶端資源調(diào)度，比如麥克風(fēng)，攝像頭

Sdd;d’dsdsdsd

Qt 4.2 開始，可以使用樣式表編輯器在 Qt Designer 中編輯樣式表。

可以通過右鍵單擊小部件并選擇更改樣式表...來訪問樣式表編輯器

樣式表的基本語法遵循CSS的規(guī)則，例如：

QPushButton {
    background-color: yellow; /* 設(shè)置按鈕背景顏色 */
    border: 2px solid black; /* 設(shè)置按鈕邊框 */
    font-size: 14px; /* 設(shè)置按鈕字體大小 */
}

你可以為單個(gè)控件、一組控件或者整個(gè)窗口編寫樣式表。Qt Designer允許你為控件設(shè)置各種屬性，包括顏色、字體、邊框、間距等。

通過使用樣式表，你可以輕松地改變Qt控件的外觀，而無需修改底層代碼。這使得界面設(shè)計(jì)更加靈活，可以快速響應(yīng)設(shè)計(jì)變更，并且可以為不同的用戶或場景提供定制化的界面。