前端開發筆試題（一）

時間 2019-12-04

原文原文鏈接

1、不定項選擇題（共25分，每題5分）
        
            一、下列語句中可以正確的在一個HTML頁面中導入在同一目錄下的"StyleSheet1.css"樣式表的是（）
                A、<style>@import StyleSheet1.css</style>;
                B、<style ref="styleSheet" type="text/css" href="StyleSheet1.css"></style>
                C、<link ref="StyleSheet1.css" type="text/css">
                D、<link ref="styleSheet" type="text/css" href="StyleSheet1.css">
            
            二、如下關於數組的方法說明錯誤的是（）
                A、concat() - 將兩個或是多個字符的文本組合起來，返回一個新的字符串
                B、indexOf() - 返回字符串中一個子串第一處出現的索引。若是沒有匹配項，返回0；
                C、split() - 方法向/從數組中添加/刪除項目，而後返回被刪除的項目；
                D、slice() - 方法可從已有的數組中返回選定元素
                
            三、做爲控制檯運行以下語句的輸出結果是：
            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、都不對
            四、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);請問result等於多少？
                A、18                   B、38
                C、52                   D、56
            五、var a = 1;setTimeout(function(){alert(a);a=a+1;},1001);a=3;此時alert的內容爲？
                A、1                    B、2
                C、3                    D、4
        2、填空題（共25分，每題5分）
        
            一、請簡單寫出css的優先級順序___________________________.
            二、js本地緩存的形式有________、________、________、________，其中________針對設備本地結構化存儲。
            三、請寫出4種常見的http返回碼急簡介________、________、________、________。
            四、常見的css預處理器有________、________、________。
            五、請寫出使用過的壓縮js、css的三種方式________、________、________。
        
        3、問答題（共50分，每題10分）
            
            一、請用代碼實現下圖的結構，PS:此結構漂浮並上下左右居中。
            二、請描述Ajax跨域的解決方案原理。
            三、什麼是移動端REM佈局，原理是什麼？
            四、請描述從用戶輸入地址到頁面完整展示整個過程發生了哪些事情。
            五、以前的項目中使用了什麼前端方法對頁面性能進行優化，有什麼心得。