前端開(kāi)發(fā)筆試題（一）

luckyyulin 發(fā)布于2019-08-02 10:36 / 3216人閱讀

摘要：之前的項(xiàng)目中使用了什么前端方法對(duì)頁(yè)面性能進(jìn)行優(yōu)化，有什么心得。隨記這是我去咪咕數(shù)媒面試的時(shí)候的筆試題目，因?yàn)檫涔净旧隙际且苿?dòng)端的項(xiàng)目，所以這里的題目比較偏向于移動(dòng)端。

    

        一、不定項(xiàng)選擇題（共25分，每題5分）
        
            1、下列語(yǔ)句中能夠正確的在一個(gè)HTML頁(yè)面中導(dǎo)入在同一目錄下的"StyleSheet1.css"樣式表的是（）
                A、;
                B、
                C、
                D、
            
            2、以下關(guān)于數(shù)組的方法說(shuō)明錯(cuò)誤的是（）
                A、concat() - 將兩個(gè)或是多個(gè)字符的文本組合起來(lái)，返回一個(gè)新的字符串
                B、indexOf() - 返回字符串中一個(gè)子串第一處出現(xiàn)的索引。如果沒(méi)有匹配項(xiàng)，返回0；
                C、split() - 方法向/從數(shù)組中添加/刪除項(xiàng)目，然后返回被刪除的項(xiàng)目；
                D、slice() - 方法可從已有的數(shù)組中返回選定元素
                
            3、作為控制臺(tái)運(yùn)行如下語(yǔ)句的輸出結(jié)果是：
            var a = {a:1,b:2},b=a;b.a=3;b.b=4;
            console.log(a.a,a.b,b.a,b.b);
                A、1,2,3,4
                B、3,4,3,4
                C、1,2,1,2
                D、都不對(duì)
            4、var test = (function(a){
                this.a = a;
                return function(b) {
                    return this.a + b;
                }
            }(function(a,b){return a;}(11,45)))
            var result = test(7);請(qǐng)問(wèn)result等于多少？
                A、18                   B、38
                C、52                   D、56
            5、var a = 1;setTimeout(function(){alert(a);a=a+1;},1001);a=3;此時(shí)alert的內(nèi)容為？
                A、1                    B、2
                C、3                    D、4
        二、填空題（共25分，每題5分）
        
            1、請(qǐng)簡(jiǎn)單寫出css的優(yōu)先級(jí)順序___________________________.
            2、js本地緩存的形式有________、________、________、________，其中________針對(duì)設(shè)備本地結(jié)構(gòu)化存儲(chǔ)。
            3、請(qǐng)寫出4種常見(jiàn)的http返回碼急簡(jiǎn)介_(kāi)_______、________、________、________。
            4、常見(jiàn)的css預(yù)處理器有________、________、________。
            5、請(qǐng)寫出使用過(guò)的壓縮js、css的三種方式________、________、________。
        
        三、問(wèn)答題（共50分，每題10分）
            
            1、請(qǐng)用代碼實(shí)現(xiàn)下圖的結(jié)構(gòu)，PS:此結(jié)構(gòu)漂浮并上下左右居中。
            2、請(qǐng)描述Ajax跨域的解決方案原理。
            3、什么是移動(dòng)端REM布局，原理是什么？
            4、請(qǐng)描述從用戶輸入地址到頁(yè)面完整展現(xiàn)整個(gè)過(guò)程發(fā)生了哪些事情。
            5、之前的項(xiàng)目中使用了什么前端方法對(duì)頁(yè)面性能進(jìn)行優(yōu)化，有什么心得。

隨記：這是我去咪咕數(shù)媒面試的時(shí)候的筆試題目，因?yàn)檫涔净旧隙际且苿?dòng)端的項(xiàng)目，所以這里的題目比較偏向于移動(dòng)端。博主很懶，答案自己測(cè)試吧~