前端面試題整理

  • Javascript數(shù)據(jù)類型
    答:null,number,boolean,string,undefined
    JavaScript 數(shù)據(jù)類型
  • ECMAscript和Javascript的關(guān)系
    答:ECMAscript是Javascript的規(guī)格,Javascript是ECMAscript的一種實(shí)現(xiàn)(另外的ECMAScript方言還有Jscript和ActionScript)。在日常場(chǎng)合,這兩個(gè)詞是可以互換的。es是js的各個(gè)版本。
    javascript與ECMAScript、DOM、BOM的關(guān)系
  • 閉包主要解決什么問(wèn)題?
    答:凡是在閉包域內(nèi)聲明的變量或方法,外部無(wú)法直接訪問(wèn),閉包域可以訪問(wèn)外部的變量或方法.隔離了作用域。
    用9種辦法解決 JS 閉包經(jīng)典面試題之 for 循環(huán)取 i
  • 匹配一段由數(shù)字和大寫(xiě)字母組成的字符串的正則表達(dá)式
    答:/[A-Z0-9]/
    參考學(xué)習(xí):
    系統(tǒng)地學(xué)習(xí)正則表達(dá)式(一):基礎(chǔ)篇
  • web storage 和cookie的區(qū)別
    答:① cookie是客戶端用來(lái)存儲(chǔ)數(shù)據(jù)的,它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置。cookie會(huì)跟隨任意HTTP請(qǐng)求一起發(fā)送.
    ② html5標(biāo)準(zhǔn)中的Web Storage包括了兩種存儲(chǔ)方式:sessionStorage和localStorage。
    ???????sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage僅僅是會(huì)話級(jí)別的存儲(chǔ)。
    ???????而localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。
    WebStorage 和 Cookie的區(qū)別
  • JavaScript AMD規(guī)范主要解決什么問(wèn)題?
    答:主要解決web端模塊問(wèn)題。
    JavaScript的AMD規(guī)范
  • 樣式自動(dòng)居中有哪幾種?
    答:
{display:block,margin:0 auto}  
{display:block,position,absolute,left:50%,right:50%,transform:translate(-50%,-50%)}
  • 對(duì)數(shù)組[1,2,1,6,7,-2,4,0,6]按從大到小排序。
    答: 冒泡排序-----從小到大排序,存在10個(gè)不同大小的氣泡,由底至上地把較少的氣泡逐步地向上升,這樣經(jīng)過(guò)遍歷一次后,最小的氣泡就會(huì)被上升到頂(下標(biāo)為0),然后再?gòu)牡字辽系剡@樣升,循環(huán)直至十個(gè)氣泡大小有序。在冒泡排序中,最重要的思想是兩兩比較,將兩者較少的升上去.冒泡排序最壞情況的時(shí)間復(fù)雜度是O(n2)
    經(jīng)典排序算法 - 冒泡排序Bubble sort
  • 使用Jquery遍歷class等于lock的標(biāo)簽,并將標(biāo)簽內(nèi)容收集到一個(gè)數(shù)組中。
    答:
var a=[]
$('.lock').each(function(){
    var h=$(this).html();
    a.push(h);
})
<style type="text/css">
         html,body{
             padding: 0;
             margin: 0;
         }
         #header, #footer{ 
             height: 100px;
             background: red;
            overflow: hidden;
          }
         #main{
            overflow: auto;
         }
         #main .center{
             height: 200px;
            width: 100%;
             float: left;
         }
        .center .content{
            height: 200px;
            background: green;
            margin-right: 100px;
        }
         #main .aside{
             height: 200px;
             width: 100px;
             background: blue;
             float: left;
            margin-left: -100px;
         }
     </style>

 </head>
 <body>
    <div id="header">header</div>
    <div id="main">
        <div class="center">
            <div class="content">
                我是主區(qū)塊 我是主區(qū)塊 main main  main
            </div>
        </div>
        <div class="aside"></div>
    </div>
    <div id="footer">footer</div>

兩欄布局是主內(nèi)容區(qū)為主,左(右)側(cè)有一欄,(將側(cè)邊區(qū)塊<aside>域浮動(dòng),<aside>浮動(dòng)后覆蓋綠色<main>, 再將<main> overflow:auto,形成BFC,形成獨(dú)立區(qū)域,達(dá)到效果。)代碼如下:

<style>
            #header, #footer{ 
             height: 100px;
             background: red;
          }
         #content .main{
             height: 200px;
             background: green;
             overflow: auto;
         }
         #content .aside{
             height: 200px;
             width: 100px;
             background: blue;
             float: left;
         }
     </style>
   <body>
    <div id="header"></div>
    <div id="content">
        <div class="aside"></div>
        <div class="main">
            main main main main main main
        </div>
    </div>
    <div id="footer"></div>
</body>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 常見(jiàn)試題 行內(nèi)元素:會(huì)在水平方向排列,不能包含塊級(jí)元素,設(shè)置width無(wú)效,height無(wú)效(可以設(shè)置line-h...
    他大舅啊閱讀 2,622評(píng)論 1 5
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進(jìn)階之旅閱讀 115,563評(píng)論 24 450
  • 聲明:這些題目是在某個(gè)前端群看到的,在這分享給大家,如有侵權(quán),請(qǐng)私信。 1.一些開(kāi)放性題目 position的值,...
    一歲一枯榮_閱讀 6,586評(píng)論 0 33
  • 1.CSS 中類 (classes) 和 ID 的區(qū)別。1.書(shū)寫(xiě)上的差別:class名用“.”號(hào)開(kāi)頭來(lái)定義,id名...
    甄橚閱讀 897評(píng)論 0 2
  • 1、設(shè)計(jì)模式 知道什么是singleton, factory, strategy, decrator么? 設(shè)計(jì)模式...
    紅尾伯勞閱讀 1,500評(píng)論 0 8

友情鏈接更多精彩內(nèi)容