亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦>實(shí)用范文>個(gè)人寫(xiě)作>自我介紹>面試自我介紹>

      應(yīng)屆畢業(yè)生web前端面試自我介紹_前端開(kāi)發(fā)工程師面試個(gè)人介紹(2)

      時(shí)間: 楚君939 分享

        Web前端面試題目篇1:TML/CSS部分

        1、什么是盒子模型?

        在網(wǎng)頁(yè)中,一個(gè)元素占有空間的大小由幾個(gè)部分構(gòu)成,其中包括元素的內(nèi)容(content),元素的內(nèi)邊距(padding),元素的邊框(border),元素的外邊距(margin)四個(gè)部分。這四個(gè)部分占有的空間中,有的部分可以顯示相應(yīng)的內(nèi)容,而有的部分只用來(lái)分隔相鄰的區(qū)域或區(qū)域。4個(gè)部分一起構(gòu)成了css中元素的盒模型。

        2、行內(nèi)元素有哪些?塊級(jí)元素有哪些? 空(void)元素有那些?

        行內(nèi)元素:a、b、span、img、input、strong、select、label、em、button、textarea

        塊級(jí)元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote

        空元素:即系沒(méi)有內(nèi)容的HTML元素,例如:br、meta、hr、link、input、img

        3、CSS實(shí)現(xiàn)垂直水平居中

        一道經(jīng)典的問(wèn)題,實(shí)現(xiàn)方法有很多種,以下是其中一種實(shí)現(xiàn):

        HTML結(jié)構(gòu):

        <div class="wrapper">

        <div class="content"></div>

        </div>

        CSS:

        .wrapper {

        position: relative;

        width: 500px;

        height: 500px;

        background-color: #ddd;

        }

        .content{

        background-color:#6699FF;

        width:200px;

        height:200px;

        position: absolute; //父元素需要相對(duì)定位

        top: 50%;

        left: 50%;

        margin-top:-100px ; //二分之一的height,width

        margin-left: -100px;

        }

        4、簡(jiǎn)述一下src與href的區(qū)別

        href 是指向網(wǎng)絡(luò)資源所在位置,建立和當(dāng)前元素(錨點(diǎn))或當(dāng)前文檔(鏈接)之間的鏈接,用于超鏈接。

        src是指向外部資源的位置,指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置;在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi),例如js腳本,img圖片和frame等元素。當(dāng)瀏覽器解析到該元素時(shí),會(huì)暫停其他資源的下載和處理,直到將該資源加載、編譯、執(zhí)行完畢,圖片和框架等元素也如此,類(lèi)似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。

        5、什么是CSS Hack?

        一般來(lái)說(shuō)是針對(duì)不同的瀏覽器寫(xiě)不同的CSS,就是 CSS Hack。

        IE瀏覽器Hack一般又分為三種,條件Hack、屬性級(jí)Hack、選擇符Hack(詳細(xì)參考CSS文檔:css文檔)。例如:

        // 1、條件Hack

        <!--[if IE]>

        <style>

        .test{color:red;}

        </style>

        <![endif]-->

        // 2、屬性Hack

        .test{

        color:#090; /* For IE8+ */

        *color:#f00; /* For IE7 and earlier */

        _color:#ff0; /* For IE6 and earlier */

        }

        // 3、選擇符Hack

        * html .test{color:#090;} /* For IE6 and earlier */

        * + html .test{color:#ff0;} /* For IE7 */

        6、簡(jiǎn)述同步和異步的區(qū)別

        同步是阻塞模式,異步是非阻塞模式。

        同步就是指一個(gè)進(jìn)程在執(zhí)行某個(gè)請(qǐng)求的時(shí)候,若該請(qǐng)求需要一段時(shí)間才能返回信息,那么這個(gè)進(jìn)程將會(huì)一直等待下去,直到收到返回信息才繼續(xù)執(zhí)行下去;

        異步是指進(jìn)程不需要一直等下去,而是繼續(xù)執(zhí)行下面的操作,不管其他進(jìn)程的狀態(tài)。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理,這樣可以提高執(zhí)行的效率。

        7、px和em的區(qū)別

        px和em都是長(zhǎng)度單位,區(qū)別是,px的值是固定的,指定是多少就是多少,計(jì)算比較容易。em得值不是固定的,并且em會(huì)繼承父級(jí)元素的字體大小。

        瀏覽器的默認(rèn)字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

        8、什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)?

        漸進(jìn)增強(qiáng) progressive enhancement:

        針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面,保證最基本的功能,然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶(hù)體驗(yàn)。

        優(yōu)雅降級(jí) graceful degradation:

        一開(kāi)始就構(gòu)建完整的功能,然后再針對(duì)低版本瀏覽器進(jìn)行兼容。

        區(qū)別:

        a. 優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開(kāi)始,并試圖減少用戶(hù)體驗(yàn)的供給

        b. 漸進(jìn)增強(qiáng)則是從一個(gè)非?;A(chǔ)的,能夠起作用的版本開(kāi)始,并不斷擴(kuò)充,以適應(yīng)未來(lái)環(huán)境的需要

        c. 降級(jí)(功能衰減)意味著往回看;而漸進(jìn)增強(qiáng)則意味著朝前看,同時(shí)保證其根基處于安全地帶

        9、瀏覽器的內(nèi)核分別是什么?

        IE: trident內(nèi)核

        Firefox:gecko內(nèi)核

        Safari:webkit內(nèi)核

        Opera:以前是presto內(nèi)核,Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核

        Chrome:Blink(基于webkit,Google與Opera Software共同開(kāi)發(fā))

        Web前端面試題目篇2:JavaScript部分

        1)創(chuàng)建新節(jié)點(diǎn)

        createDocumentFragment() //創(chuàng)建一個(gè)DOM片段

        createElement() //創(chuàng)建一個(gè)具體的元素

        createTextNode() //創(chuàng)建一個(gè)文本節(jié)點(diǎn)

        2)添加、移除、替換、插入

        appendChild() //添加

        removeChild() //移除

        replaceChild() //替換

        insertBefore() //插入

        3)查找

        getElementsByTagName() //通過(guò)標(biāo)簽名稱(chēng)

        getElementsByName() //通過(guò)元素的Name屬性的值

        getElementById() //通過(guò)元素Id,唯一性

        實(shí)現(xiàn)一個(gè)函數(shù)clone,可以對(duì)JavaScript中的5種主要的數(shù)據(jù)類(lèi)型(包括Number、String、Object、Array、Boolean)進(jìn)行值復(fù)制。

        /**

        * 對(duì)象克隆

        * 支持基本數(shù)據(jù)類(lèi)型及對(duì)象

        * 遞歸方法

        */

        function clone(obj) {

        var o;

        switch (typeof obj) {

        case "undefined":

        break;

        case "string":

        o = obj + "";

        break;

        case "number":

        o = obj - 0;

        break;

        case "boolean":

        o = obj;

        break;

        case "object": // object 分為兩種情況 對(duì)象(Object)或數(shù)組(Array)

        if (obj === null) {

        o = null;

        } else {

        if (Object.prototype.toString.call(obj).slice(8, -1) === "Array") {

        o = [];

        for (var i = 0; i < obj.length; i++) {

        o.push(clone(obj[i]));

        }

        } else {

        o = {};

        for (var k in obj) {

        o[k] = clone(obj[k]);

        }

        }

        }

        break;

        default:

        o = obj;

        break;

        }

        return o;

        }

        如何消除一個(gè)數(shù)組里面重復(fù)的元素?

        // 方法一:

        var arr1 =[1,2,2,2,3,3,3,4,5,6],

        arr2 = [];

        for(var i = 0,len = arr1.length; i< len; i++){

        if(arr2.indexOf(arr1[i]) < 0){

        arr2.push(arr1[i]);

        }

        }

        document.write(arr2); // 1,2,3,4,5,6

        在Javascript中什么是偽數(shù)組?如何將偽數(shù)組轉(zhuǎn)化為標(biāo)準(zhǔn)數(shù)組?

        偽數(shù)組(類(lèi)數(shù)組):無(wú)法直接調(diào)用數(shù)組方法或期望length屬性有什么特殊的行為,但仍可以對(duì)真正數(shù)組遍歷方法來(lái)遍歷它們。典型的是函數(shù)的argument參數(shù),還有像調(diào)用getElementsByTagName,document.childNodes之類(lèi)的,它們都返回NodeList對(duì)象都屬于偽數(shù)組??梢允褂肁rray.prototype.slice.call(fakeArray)將數(shù)組轉(zhuǎn)化為真正的Array對(duì)象。

        function log(){

        var args = Array.prototype.slice.call(arguments);

        //為了使用unshift數(shù)組方法,將argument轉(zhuǎn)化為真正的數(shù)組

        args.unshift('(app)');

        console.log.apply(console, args);

        };

        Javascript中callee和caller的作用?

        caller是返回一個(gè)對(duì)函數(shù)的引用,該函數(shù)調(diào)用了當(dāng)前函數(shù);

        callee是返回正在被執(zhí)行的function函數(shù),也就是所指定的function對(duì)象的正文。

        請(qǐng)描述一下cookies,sessionStorage和localStorage的區(qū)別

        sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話(huà)(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話(huà)中的頁(yè)面才能訪(fǎng)問(wèn)并且當(dāng)會(huì)話(huà)結(jié)束后數(shù)據(jù)也隨之銷(xiāo)毀。因此sessionStorage不是一種持久化的本地存儲(chǔ),僅僅是會(huì)話(huà)級(jí)別的存儲(chǔ)。而localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。

        web storage和cookie的區(qū)別

        Web Storage的概念和cookie相似,區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的。Cookie的大小是受限的,并且每次你請(qǐng)求一個(gè)新的頁(yè)面的時(shí)候Cookie都會(huì)被發(fā)送過(guò)去,這樣無(wú)形中浪費(fèi)了帶寬,另外cookie還需要指定作用域,不可以跨域調(diào)用。

        除此之外,Web Storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開(kāi)發(fā)者自己封裝setCookie,getCookie。但是Cookie也是不可以或缺的:Cookie的作用是與服務(wù)器進(jìn)行交互,作為HTTP規(guī)范的一部分而存在 ,而Web Storage僅僅是為了在本地“存儲(chǔ)”數(shù)據(jù)而生。

        統(tǒng)計(jì)字符串中字母?jìng)€(gè)數(shù)或統(tǒng)計(jì)最多字母數(shù)。

        var str = "Web前端面試題目Web前端面試題目bbbccccddfgh";

        var obj = {};

        for(var i=0;i<str.length;i++){

        var v = str.charAt(i);

        if(obj[v] && obj[v].value == v){

        obj[v].count = ++ obj[v].count;

        }else{

        obj[v] = {};

        obj[v].count = 1;

        obj[v].value = v;

        }

        }

        for(key in obj){

        document.write(obj[key].value +'='+obj[key].count+' '); // a=4 b=3 c=4 d=2 f=1 g=1 h=1

        }

        jQuery的事件委托方法on、live、delegate之間有什么區(qū)別?

        如何理解閉包?

        跨域請(qǐng)求資源的方法有哪些?

        談?wù)劺厥諜C(jī)制方式及內(nèi)存管理

        開(kāi)發(fā)過(guò)程中遇到的內(nèi)存泄露情況,如何解決的?


      猜你喜歡:

      1.軟件測(cè)試工程師助理面試自我介紹

      2.web前端工程師自我介紹

      3.程序員面試自我介紹

      4.web前端簡(jiǎn)歷自我評(píng)價(jià)

      5.面試前端工程師的自我介紹

      6.web前端面試自我介紹范文

      應(yīng)屆畢業(yè)生web前端面試自我介紹_前端開(kāi)發(fā)工程師面試個(gè)人介紹(2)

      Web前端面試題目篇1:TML/CSS部分 1、什么是盒子模型? 在網(wǎng)頁(yè)中,一個(gè)元素占有空間的大小由幾個(gè)部分構(gòu)成,其中包括元素的內(nèi)容(content),元素的內(nèi)邊距(p
      推薦度:
      點(diǎn)擊下載文檔文檔為doc格式
      2115393