騰訊web前端開(kāi)發(fā)筆試題和答案

1、騰訊web前端開(kāi)發(fā)筆試題和答案請(qǐng)實(shí)現(xiàn)，鼠標(biāo)點(diǎn)擊頁(yè)面中的任意標(biāo)簽，alert該標(biāo)簽的名稱(chēng).(注意兼容性)請(qǐng)指出一下代碼的性能問(wèn)題，并經(jīng)行優(yōu)化。這題初看純屬折騰，因?yàn)楹竺嬉鶕?jù)逗號(hào)分隔再alert每項(xiàng)，何不構(gòu)造一個(gè)數(shù)組對(duì)象來(lái)存放文本內(nèi)容，而要用個(gè)臨時(shí)變量info才存放。如var info=騰訊拍拍網(wǎng)(.paipai.) 是騰訊旗下知名電子商務(wù)網(wǎng)站。，拍拍網(wǎng)于xx年9月12日上線(xiàn)，,xx年3月13日宣布 正式運(yùn)營(yíng)，,是目前國(guó)內(nèi)第二大電子商務(wù)平臺(tái)。可是后來(lái)想如 果是優(yōu)化的話(huà)這個(gè)題目就出的沒(méi)意義了。仔細(xì)觀察info這個(gè)變量，發(fā)現(xiàn)它每次都要自加字符串，如果字 符串很大的又很多的話(huà)會(huì)非常影響性能的。對(duì)于js

2、中的string類(lèi)型，屬于基本類(lèi)型，因此一般情況下他 們是存放在棧上的。如果字符串很大，info會(huì)每次變成一個(gè)很長(zhǎng)的 字符串，會(huì)很慢。如果用引用類(lèi)型數(shù)組來(lái)存放則好很多，如:最后一招temp.join()搞定。對(duì)處理大字符串連接問(wèn)題都可以采取這種思路。請(qǐng)給出異步加載js方案，不少于兩種。異步加載方式：1) defer ,只支持 IE2) async : html5中script 標(biāo)簽才有的屬性3)創(chuàng)建script ,插入到DOW,加載完畢后callBack ,見(jiàn)代碼：請(qǐng)寫(xiě)出jQuery綁定事件的方法，不少于兩種。請(qǐng)?jiān)O(shè)計(jì)一套方案，用于確保頁(yè)面中JS加載完全。請(qǐng)優(yōu)化某網(wǎng)頁(yè)的加載速度。對(duì)string對(duì)

3、象經(jīng)行擴(kuò)展，使其具有刪除前后空格的方法。完成一個(gè)正則表達(dá)式，驗(yàn)證用戶(hù)輸入是否 *號(hào)碼var Expression=/d17d|X|d15/;var objExp=new RegExp(Expression);一道騰訊js面試題題目如下：f = function。return true;g = function。return false;(function() if (g() & = !) f = function f() return false;function g() return true;)()；alert(f(); / true or false ?按網(wǎng)友的描述猜測(cè)，這應(yīng)該是 QQ召

4、聘的題目，既考查了 ECMAScript知識(shí)，又需要被面試者的應(yīng)用實(shí)踐，題目本身無(wú)標(biāo)準(zhǔn)答 案，在不同瀏覽器下表現(xiàn)不同。這是一道難度較大，并且出題角度比較刁鉆的面試題。正趕上最近在研究Javascript這部分的內(nèi)容，便對(duì)該題目涉及 的考察點(diǎn)進(jìn)行了更深入的研究。以下給出簡(jiǎn)單分析?？疾禳c(diǎn)對(duì)作用域鏈(scope chain)、執(zhí)行環(huán)境(execution context) 變量對(duì)象(variable object)的理解命名函數(shù)表達(dá)式，參見(jiàn)這里以上知識(shí)點(diǎn)在不同瀏覽器(主要為：IE和Firefox)的實(shí)現(xiàn)差異相等操作符的隱式類(lèi)型轉(zhuǎn)換規(guī)則首先，代碼簡(jiǎn)化為(1):f = function() return

5、 true;g = function() return false;(function() alert(g();function g() return true;)();上面的例子中，當(dāng)控制器進(jìn)入匿名函數(shù)的執(zhí)行環(huán)境后，初始化 活動(dòng)對(duì)象，函數(shù)聲明g被放到了執(zhí)行環(huán)境的變量對(duì)象集合中， property為g,值為g函數(shù)對(duì)象，當(dāng)執(zhí)行g(shù)(),返回true。將上面的代碼稍加改變(2):f = function() return true;g = function() return false;(function() alert(g();if (true) function g() return true;

6、)();上面代碼，結(jié)果應(yīng)該與(1)相同，但Firefox處理結(jié)果出現(xiàn)了不 同返回false ,暫且把這看作是Firefox的bug(雖然Firefox 不認(rèn)為 這是個(gè)Bug)。分析：在Firefox中，出現(xiàn)在條件語(yǔ)句中的代碼塊不做活動(dòng)對(duì) 象初始化的處理(Firefox 把它當(dāng)作塊作用域？?)，即把上例的if (true) 修改為if (false)結(jié)果是一樣的。到此為止，已經(jīng)可以確定g()執(zhí)行后的值是true還是false 了。整合一下(3):f = function() return true;g = function() return false;(function() if (g() a

7、lert(能看到這個(gè)警告框，說(shuō)明你的瀏覽器不是Firefox);function g() return true;)()；繼續(xù)分解代碼(4):f = function() return true;g = function() return false;(function() f = function() return false;)();alert(f();代碼運(yùn)行，無(wú)一例外的返回false ,這正是我們想要的結(jié)果。然后稍作改變(5):f = function() return true;g = function() return false;(function() f = function

8、f() return false;)();alert(f();經(jīng)過(guò)稍加修改后，這次掉鏈子的輪到IE 了，IE竟然返回了 true! 這是IE的Bug,參見(jiàn)：s:.-cuckoo./main/wp-content/pic./xx/12/named-function-expressions-demystified.html#named-exprs:.w3help/zh-/causes/SJ9001至于=!的結(jié)果，請(qǐng)參考本人Javascript類(lèi)型轉(zhuǎn)換規(guī)則 一文，回過(guò)頭來(lái)你就會(huì)輕易得出結(jié)論。最后大整合。我們不僅知道結(jié)果，而且知道為啥是這結(jié)果了(6):f = function() return true;g = function() return false;(function() if (g() & = !) f = function f() return false