當(dāng)前位置:高考升學(xué)網(wǎng) > 招聘筆試題 > 正文
25,請(qǐng)?jiān)O(shè)計(jì)一套方案,用于確保頁(yè)面中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è)頁(yè)面
innerHTML可以重繪頁(yè)面的一部分
29,多瀏覽器檢測(cè)通過(guò)什么?
(1) navigator.userAgent
(2) 不同瀏覽器的特性,如addEventListener
30,js的基礎(chǔ)對(duì)象有那些, window和document的常用的方法和屬性列出來(lái)
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,前端開(kāi)發(fā)的優(yōu)化問(wèn)題
(1) 減少http請(qǐng)求次數(shù):css spirit,data uri
(2) JS,CSS源碼壓縮
(3) 前端模板 JS+數(shù)據(jù),減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi),前端用變量保存AJAX請(qǐng)求結(jié)果,每次操作本地變量,不用請(qǐng)求,減少請(qǐng)求次數(shù)
(4) 用innerHTML代替DOM操作,減少DOM操作次數(shù),優(yōu)化javascript性能
(5) 用setTimeout來(lái)避免頁(yè)面失去響應(yīng)
(6) 用hash-table來(lái)優(yōu)化查找
(7) 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style
(8) 少用全局變量
(9) 緩存DOM節(jié)點(diǎn)查找的結(jié)果
(10) 避免使用CSS ExPssion
(11) 圖片預(yù)載
(12) 避免在頁(yè)面的主體布局中使用table,table要等其中的內(nèi)容完全下載之后才會(huì)顯示出來(lái),顯示比span+css布局慢
32,如何控制網(wǎng)頁(yè)在網(wǎng)絡(luò)傳輸過(guò)程中的數(shù)據(jù)量
啟用GZIP壓縮
保持良好的編程習(xí)慣,避免重復(fù)的CSS,JavaScript代碼,多余的HTML標(biāo)簽和屬性
33,F(xiàn)lash、Ajax各自的優(yōu)缺點(diǎn),在使用中如何取舍?
Ajax的優(yōu)勢(shì)
(1) 可搜索型
(2) 開(kāi)放性
(3) 費(fèi)用
(4) 易用性
(5) 易于開(kāi)發(fā)
Flash的優(yōu)勢(shì)
(1) 多媒體處理
(2) 兼容性
(3) 矢量圖形 比SVG,Canvas優(yōu)勢(shì)大很多
(4) 客戶(hù)端資源調(diào)度,比如麥克風(fēng),攝像頭
2020年河北新聞網(wǎng)兩學(xué)一做
時(shí)間:2023-09-18 07:0:242020年河北新聞網(wǎng)兩學(xué)一做
時(shí)間:2023-09-15 11:0:59兩學(xué)一做學(xué)習(xí)教育知
時(shí)間:2023-09-21 06:0:302020年開(kāi)展兩學(xué)一做學(xué)習(xí)教
時(shí)間:2023-09-19 21:0:30