前端筆試面試整理__第一彈(No.1)

** 參考資料:學(xué)姐的ppt嗦锐、我要去哪兒2016暑期實習(xí)生筆試題吟温、及各種資料 (題和答案日后陸續(xù)補充……歡迎討論)**

題目考點:

<br />

(來自LJ學(xué)姐整理)
  1. html標(biāo)簽宽菜、經(jīng)典html布局
  2. DOM操作(插入/修改/刪除)
  3. 盒模型(padding葵姥、margin區(qū)別旭等,怪異模式下盒模型有什么不同)
    參考
  4. js數(shù)據(jù)類型以及數(shù)據(jù)類型之間的區(qū)別
  5. 事件處理(捕獲酌呆,冒泡事件……)
  6. 閉包
  7. 原型鏈,內(nèi)存和作用域相關(guān)知識
  8. js實現(xiàn)類和繼承
  9. this關(guān)鍵字
  10. MVC框架
  11. js自帶的引用類型(Array, Date)
  12. 面向?qū)ο蟪绦蛟O(shè)計
  13. http(https)/cookie/session/Ajax
  14. 前端安全問題(XSS/CSRF/cookie劫持)
  15. js延遲加載和異步加載的區(qū)別搔耕,各自實現(xiàn)方法隙袁?
  16. 如何解決跨域問題?
  17. .call()和.apply()的作用弃榨,他們的區(qū)別是什么菩收?
  18. this在不同場景下的指向
  19. 性能優(yōu)化有哪些方法?
  20. js怎樣怎樣實現(xiàn)類和繼承(代碼)鲸睛?
  21. 盒模型的定義是什么娜饵?
  22. HTML經(jīng)典布局怎么實現(xiàn)?
  23. 談?wù)勀銓﹂]包官辈、原型鏈的理解
  24. ajax的實現(xiàn)箱舞。原生js實現(xiàn)ajax
  25. 談?wù)劯拥睦斫?/li>
  26. 你遇到過哪些瀏覽器兼容問題,如何解決拳亿?
  27. css優(yōu)先級
    更多:點擊這里
    <br />

(2016.5.5 “我要去哪兒(注意非去哪兒網(wǎng))前端筆試題節(jié)選”)
  • js運算符優(yōu)先級

優(yōu)先級

  • 執(zhí)行后結(jié)果是__ 2__.
    var text="\u03a3O";
    console.log(text.length);
  Key:\unnnn以十六進(jìn)制代碼nnnn表示的一個Unicode字符(n取值   0~F)晴股,/u03a3表示希臘字符“Σ”
    \xnn 以十六進(jìn)制代碼nn表示的一個字符(n取值  0~F),/x41表示“A”

  • 執(zhí)行后,alert出的結(jié)果是 517.
    if ( !( "a" in window ) ){
    var a = "517Na.com";
    }else{
    var b = "517";
    }
    alert (a || b);
解釋見下一題

  • 執(zhí)行后,alert出的結(jié)果是__.
    if('a' in window) {
    var a = 10;
    }
    alert(a);
    答案:10

      function和var會提前聲明肺魁,而其實{…}內(nèi)的變量也會提前聲明队魏。
        于是代碼還沒執(zhí)行前,a變量已經(jīng)被聲明万搔,于是 ‘a(chǎn)’ in window 返回
      true胡桨,a被賦值。
    

參考資料1
參考資料2


  • css中瞬雹,a:hover必須置于 ( )和( )之間才有效昧谊?(考察偽類順序)

四個偽類順序:寫在后面的會悔改前面的
a:link a標(biāo)簽還未被訪問的狀態(tài);(常態(tài))
a:visited a標(biāo)簽已被訪問過的狀態(tài);(常態(tài))
a:hover 鼠標(biāo)懸停在a標(biāo)簽上的狀態(tài);(即時狀態(tài))
a:active a標(biāo)簽被鼠標(biāo)按著時的狀態(tài);(即時狀態(tài))

記憶方法:順序是“LVHA”。

  • typeof(null)= object
    typeof(undefined)= undefined

  • arr.length= ( 6 ), arr[5].length = ( 0 ),
    <script type="text/javascript">
    var arr=[1,'517na',true,[1,2,3,4]];
    arr[5]=function(){alert('Welcome to our family~');}
    </script>

  • 在javascript代碼前面加上“javascript:”酗捌,輸在瀏覽器地址欄中呢诬,回車可執(zhí)行。比如:javascript:alert("hello");

隨時補充 :

  • 下面代碼運行結(jié)果:胖缤?
    if( 10 > 9 >8 == true) {
    console.log('html5');
    } else {
    console.log('css3');
    }

     *key*: 輸出css3尚镰,先比較10和9,10>9成立哪廓,返回true狗唉,true和8比較,
    此時出現(xiàn)數(shù)據(jù)類型轉(zhuǎn)換涡真,true轉(zhuǎn)換成1再和8比較分俯,1<8,所以返回false,
    最后false和true不相等哆料,所以返回false
    
  • 下面代碼運行結(jié)果:缸剪?
    var obj = {};
    obj.name = 'first';
    var peo = obj;
    peo.name = 'second';
    console.log(obj.name);

    *key*:輸出second;關(guān)于變量類型东亦,分為了兩大類杏节,一種是引用類型,
    一種是值類型典阵,值類型相當(dāng)于是重新創(chuàng)建了一個空間奋渔,然后將內(nèi)容復(fù)制了
    一份放置到了空間當(dāng)中。引用類型相當(dāng)于是重新創(chuàng)建了一份地址萄喳,兩個地
    址(obj和peo)都是指向一個存儲空間的卒稳,那么此時修改任意一個都會對
    另一個造成影響。
    
  • 寫一段程序他巨,數(shù)組去掉重復(fù)數(shù)字
    Demo1.
    實現(xiàn)思路:獲取沒重復(fù)的最右一值放入新數(shù)組充坑。
    (檢測到有重復(fù)值時終止當(dāng)前循環(huán) 同時進(jìn)入頂層循環(huán)的下一輪判斷)
    // 思路:獲取沒重復(fù)的最右一值放入新數(shù)組
    function unique5(array){
    var r = [];
    for(var i = 0, l = array.length; i < l; i++) {
    for(var j = i + 1; j < l; j++)
    if (array[i] === array[j]) j = ++i;
    r.push(array[i]);
    }
    return r;
    }

    Demo2.
    實現(xiàn)思路:如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i,那么表示第i項是重復(fù)的染突,忽略掉捻爷。否則存入結(jié)果數(shù)組。indexOf方法在IE8及以下不支持份企。

    function unique3(array){
    var n = [array[0]]; //結(jié)果數(shù)組
    

    //從第二項開始遍歷
    for(var i = 1; i < array.length; i++) {
    if (array.indexOf(array[i]) == i) n.push(array[i]);
    }
    return n;
    }

...
未完待續(xù)也榄。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末甜紫,一起剝皮案震驚了整個濱河市降宅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌囚霸,老刑警劉巖腰根,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異拓型,居然都是意外死亡额嘿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進(jìn)店門劣挫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來册养,“玉大人,你說我怎么就攤上這事压固∏蚶梗” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵邓夕,是天一觀的道長刘莹。 經(jīng)常有香客問我,道長焚刚,這世上最難降的妖魔是什么点弯? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮矿咕,結(jié)果婚禮上抢肛,老公的妹妹穿的比我還像新娘。我一直安慰自己碳柱,他們只是感情好捡絮,可當(dāng)我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著莲镣,像睡著了一般福稳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瑞侮,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天的圆,我揣著相機與錄音,去河邊找鬼半火。 笑死越妈,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的钮糖。 我是一名探鬼主播梅掠,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了阎抒?” 一聲冷哼從身側(cè)響起酪我,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挠蛉,沒想到半個月后祭示,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡谴古,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了稠歉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掰担。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖怒炸,靈堂內(nèi)的尸體忽然破棺而出带饱,到底是詐尸還是另有隱情,我是刑警寧澤阅羹,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布勺疼,位于F島的核電站,受9級特大地震影響捏鱼,放射性物質(zhì)發(fā)生泄漏执庐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一导梆、第九天 我趴在偏房一處隱蔽的房頂上張望轨淌。 院中可真熱鬧,春花似錦看尼、人聲如沸递鹉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽躏结。三九已至,卻和暖如春狰域,著一層夾襖步出監(jiān)牢的瞬間媳拴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工北专, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留禀挫,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓拓颓,卻偏偏與公主長得像语婴,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,678評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 如何控制alert中的換行砰左?\n alert(“p\np”); 請編寫一個JavaScript函數(shù) parseQu...
    heyunqiang99閱讀 1,084評論 0 6
  • 相關(guān)知識點 數(shù)據(jù)類型匿醒、運算、對象缠导、function廉羔、繼承、閉包僻造、作用域憋他、原型鏈、事件髓削、RegExp竹挡、JSON、Aj...
    sandisen閱讀 11,379評論 7 175
  • 第一章: JS簡介 從當(dāng)初簡單的語言立膛,變成了現(xiàn)在能夠處理復(fù)雜計算和交互揪罕,擁有閉包、匿名函數(shù)宝泵, 甚至元編程等...
    LaBaby_閱讀 1,667評論 0 6
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品好啰,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式儿奶。簡單...
    舟漁行舟閱讀 7,752評論 2 17
  • 因為是按照教程 “基于 Laravel 開發(fā)博客應(yīng)用系列 —— 從測試開始(一):創(chuàng)建項目和PHPUnit” ht...
    KimChan1004閱讀 97評論 0 1