web前端—面試題匯總（096-100）

時(shí)間：2023-09-11 00:48:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-11 00:48:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

web前端—面試題匯總（096-100）：096.JavaScript中獲取某個(gè)元素的三種方式JavaScript中的三種彈出式消息提醒命令是什么?

window.alert() 顯示一個(gè)提示信息

window.confirm() 顯示一個(gè)帶有提示信息、確定和取消按鈕的對(duì)話框

window.prompt() 顯示可提示用戶輸入的對(duì)話框

setTimeout與setInterval 的區(qū)別

setTimeout和setInterval的語(yǔ)法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。

不過這兩個(gè)函數(shù)還是有區(qū)別的，setInterval在執(zhí)行完一次代碼之后，經(jīng)過了那個(gè)固定的時(shí)間間隔，它還會(huì)自動(dòng)重復(fù)執(zhí)行代碼，而setTimeout只執(zhí)行一次那段代碼。

window.setTimeout("function",time)；//設(shè)置一個(gè)超時(shí)對(duì)象，只執(zhí)行一次,無(wú)周期

window.setInterval("function",time)；//設(shè)置一個(gè)超時(shí)對(duì)象，周期＝'交互時(shí)間'




097.JavaScript操作CSS的兩種方式

第一種方式：操作元素的屬性（對(duì)象.style.樣式名=樣式值;）

//改變直接樣式

var child2 = document.createElement("div");

child2.innerHTML = "child2";

child2.style.fontWeight = "bold";

parent.appendChild(child2);

第二種方式：操作元素的類（對(duì)象.className=類;）

例如：

var parent = document.getElementById("parent");

//改變className

var child0 = document.createElement("div");

child0.innerHTML = "child0";

child0.className = "newDiv";

parent.appendChild(child0);

098.靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的聯(lián)系和區(qū)別

聯(lián)系：

1）靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)都要使用到HTMl語(yǔ)言。

2）靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言，指沒有后臺(tái)數(shù)據(jù)庫(kù)、不含程序和不可交互的網(wǎng)頁(yè)、是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是.htm或.html。你編的是什么它顯示的就是什么、不會(huì)有任何改變。

3）靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)之間并不矛盾，為了網(wǎng)站適應(yīng)搜索引擎檢索的需要，動(dòng)態(tài)網(wǎng)站可以采用靜動(dòng)結(jié)合的原則，適合采用動(dòng)態(tài)網(wǎng)頁(yè)的地方用動(dòng)態(tài)網(wǎng)頁(yè)，如果必要使用靜態(tài)網(wǎng)頁(yè)，則可以考慮用靜態(tài)網(wǎng)頁(yè)的方法來(lái)實(shí)現(xiàn)，在同一個(gè)網(wǎng)站上，動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容和靜態(tài)網(wǎng)頁(yè)內(nèi)容同時(shí)存在也是很常見的事情。

區(qū)別：

1）程序是否在服務(wù)器端運(yùn)行，是重要標(biāo)志。在服務(wù)器端運(yùn)行的程序、網(wǎng)頁(yè)、組件，屬于動(dòng)態(tài)網(wǎng)頁(yè)，它們會(huì)隨不同客戶、不同時(shí)間，返回不同的網(wǎng)頁(yè)，例如ASP、PHP、JSP、http://ASP.net、CGI等。運(yùn)行于客戶端的程序、網(wǎng)頁(yè)、插件、組件，屬于靜態(tài)網(wǎng)頁(yè)，例如html頁(yè)、Flash、javascript、VBscript等等，它們是永遠(yuǎn)不變的。

2）編程技術(shù)不同。靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)主要根據(jù)網(wǎng)頁(yè)制作的語(yǔ)言來(lái)區(qū)分。靜態(tài)網(wǎng)頁(yè)使用語(yǔ)言：HTML。 動(dòng)態(tài)網(wǎng)頁(yè)使用語(yǔ)言：HTML＋ASP 或 HTML＋PHP 或 HTML＋JSP 等其它網(wǎng)站動(dòng)態(tài)語(yǔ)言。

3）被搜索引擎收錄情況不同。由于編程技術(shù)不容，靜態(tài)網(wǎng)頁(yè)是純粹HTML格式的網(wǎng)頁(yè)，頁(yè)面內(nèi)容穩(wěn)定，不論是網(wǎng)頁(yè)是否被訪問，頁(yè)面都被保存在網(wǎng)站服務(wù)器上，很容易被搜索引擎收錄。而動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容是當(dāng)用戶點(diǎn)擊請(qǐng)求時(shí)才從數(shù)據(jù)庫(kù)中調(diào)出返回給用戶一個(gè)網(wǎng)頁(yè)的內(nèi)容，并不是存放在服務(wù)器上的獨(dú)立文件，相比較于靜態(tài)網(wǎng)頁(yè)而言，動(dòng)態(tài)網(wǎng)頁(yè)很難被搜索引擎收錄。

4）用戶訪問速度不同。用戶訪問動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)在獲得搜索指令后經(jīng)過數(shù)據(jù)庫(kù)的調(diào)查匹配，再將與指令相符的內(nèi)容傳遞給服務(wù)器，通過服務(wù)器的編譯將網(wǎng)頁(yè)編譯成標(biāo)準(zhǔn)的HTML代碼，從而傳遞給用戶瀏覽器，多個(gè)讀取過程大大降低了用戶的訪問速度。而靜態(tài)網(wǎng)頁(yè)不同，由于網(wǎng)頁(yè)內(nèi)容直接存取在服務(wù)器上，省去了服務(wù)器的編譯過程，用戶訪問網(wǎng)頁(yè)速度很快。

5）制作和后期維護(hù)工作量不同。動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，可以實(shí)現(xiàn)多種功能，降低了網(wǎng)站維護(hù)的工作量。而靜態(tài)網(wǎng)頁(yè)由于沒有數(shù)據(jù)庫(kù)的支持，網(wǎng)頁(yè)內(nèi)容更改時(shí)需要直接修改代碼，在網(wǎng)站內(nèi)容制作和維護(hù)中，所需的工作量更大。動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)各有特點(diǎn)，網(wǎng)站設(shè)計(jì)師在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，主要根據(jù)網(wǎng)站的功能需求和網(wǎng)站內(nèi)容多少選擇不同網(wǎng)頁(yè)。如，網(wǎng)站包含信息量太大時(shí)，就需要選擇動(dòng)態(tài)網(wǎng)頁(yè)，反之，則選擇靜態(tài)網(wǎng)頁(yè)。




099.JSP/ASP/PHP的比較

ASP(Active Server Pages),JSP(JavaServer Pages),PHP(Hypertext Preprocessor)是目前主流的三種動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)言。

ASP是微軟（Microsoft）所開發(fā)的一種后臺(tái)腳本語(yǔ)言，它的語(yǔ)法和Visual BASIC類似，可以像SSI（Server Side Include）那樣把后臺(tái)腳本代碼內(nèi)嵌到HTML頁(yè)面中。雖然ASP簡(jiǎn)單易用，但是它自身存在著許多缺陷，最重要的就是安全性問題。

PHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言。它大量地借用C,Java和Perl語(yǔ)言的語(yǔ)法, 并耦合PHP自己的特性,使WEB開發(fā)者能夠快速地寫出動(dòng)態(tài)產(chǎn)生頁(yè)面。它支持目前絕大多數(shù)數(shù)據(jù)庫(kù)。

JSP是一個(gè)簡(jiǎn)化的Servlet，它是由Sun公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)有點(diǎn)類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁(yè)HTML中插入Java程序段和JSP標(biāo)記(tag)，從而形成JSP文件，后綴名為(*.jsp)。 用JSP開發(fā)的Web應(yīng)用是跨平臺(tái)的，既能在Linux下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。

ASP優(yōu)點(diǎn): 無(wú)需編譯、易于生成、獨(dú)立于瀏覽器、面向?qū)ο?、與任何ActiveX scripting 語(yǔ)言兼容、源程序碼不會(huì)外漏。

缺點(diǎn):

1）Windows本身的所有問題都會(huì)一成不變的也累加到了它的身上。安全性、穩(wěn)定性、跨平臺(tái)性都會(huì)因?yàn)榕cNT的捆綁而顯現(xiàn)出來(lái)。

2）ASP由于使用了COM組件所以它會(huì)變的十分強(qiáng)大，但是這樣的強(qiáng)大由于Windows NT系統(tǒng)最初的設(shè)計(jì)問題而會(huì)引發(fā)大量的安全問題。只要在這樣的組件或是操作中一不注意，那么外部攻擊就可以取得相當(dāng)高的權(quán)限而導(dǎo)致網(wǎng)站癱瘓或者數(shù)據(jù)丟失。

3）還無(wú)法完全實(shí)現(xiàn)一些企業(yè)級(jí)的功能：完全的集群、負(fù)載均橫。

PHP優(yōu)點(diǎn)：

1）一種能快速學(xué)習(xí)、跨平臺(tái)、有良好數(shù)據(jù)庫(kù)交互能力的開發(fā)語(yǔ)言。

2）簡(jiǎn)單輕便，易學(xué)易用。

3 ) 與Apache及其它擴(kuò)展庫(kù)結(jié)合緊密。

缺點(diǎn)：

1 ) 數(shù)據(jù)庫(kù)支持的極大變化。

2 ) 不適合應(yīng)用于大型電子商務(wù)站點(diǎn)。

JSP優(yōu)點(diǎn)：

1 ) 一處編寫隨處運(yùn)行。

2 ) 系統(tǒng)的多臺(tái)平支持。

3 ) 強(qiáng)大的的可伸縮性。

4 ) 多樣化和功能強(qiáng)大的開發(fā)工具支持。

缺點(diǎn)：

1） 與ASP一樣，Java的一些優(yōu)勢(shì)正是它致命的問題所在。

2 ) 開發(fā)速度慢




100.CGI/Servlet/JSP的比較

CGI(Common Gateway Interface)，通用網(wǎng)關(guān)接口,是一種根據(jù)請(qǐng)求信息動(dòng)態(tài)產(chǎn)生回應(yīng)內(nèi)容的技術(shù)。

通過CGI，Web 服務(wù)器可以將根據(jù)請(qǐng)求不同啟動(dòng)不同的外部程序，并將請(qǐng)求內(nèi)容轉(zhuǎn)發(fā)給該程序，在程序執(zhí)行結(jié)束后，將執(zhí)行結(jié)果作為回應(yīng)返回給客戶端。也就是說(shuō)，對(duì)于每個(gè)請(qǐng)求，都要產(chǎn)生一個(gè)新的進(jìn)程進(jìn)行處理。

Servlet 是在服務(wù)器上運(yùn)行的小程序。在實(shí)際運(yùn)行的時(shí)候Java Servlet與Web服務(wù)器會(huì)融為一體。與CGI不同的是，Servlet對(duì)每個(gè)請(qǐng)求都是單獨(dú)啟動(dòng)一個(gè)線程，而不是進(jìn)程。這種處理方式大幅度地降低了系統(tǒng)里的進(jìn)程數(shù)量，提高了系統(tǒng)的并發(fā)處理能力。

比較：

1） JSP從本質(zhì)上說(shuō)就是Servlet。JSP技術(shù)產(chǎn)生于Servlet之后，兩者分工協(xié)作，Servlet側(cè)重于解決運(yùn)算和業(yè)務(wù)邏輯問題，JSP則側(cè)重于解決展示問題。

2 ) 與CGI相比，Servlet效率更高。Servlet處于服務(wù)器進(jìn)程中，它通過多線程方式運(yùn)行其service方法，一個(gè)實(shí)例可以服務(wù)于多個(gè)請(qǐng)求，并且其實(shí)例一般不會(huì)銷毀。而CGI對(duì)每個(gè)請(qǐng)求都產(chǎn)生新的進(jìn)程，服務(wù)完成后就銷毀，所以效率上低于Servlet 。

3）與CGI相比，Servlet更容易使用，功能更強(qiáng)大，具有更好的可移植性，更節(jié)省投資。在未來(lái)的技術(shù)發(fā)展過程中，Servlet有可能徹底取代CGI。