2018面試題總結（一）

邱勇發布于2019-08-22 16:19 / 2631人閱讀

摘要：面試題總結現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。中常見行內元素和塊級元素有哪些行內元素塊級元素行內塊元素常見的有的和有什么區別和的值為時，都會使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內容。

2018面試題總結

現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。

html中常見行內元素和塊級元素有哪些?

行內元素：a,b,strong,span,img,label,button,input,select,textarea
塊級元素：header,footer,form,ul,ol,table,article,div,canvas,video,audio,figure
行內塊元素常見的有： img, input, td

input的readonly 和disable有什么區別?

readonly 和disable的值為true時，都會使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內容。
不同點：

（1）disabled會使文本框變灰，而readonly只是使文本框不能輸入，外觀沒有變化
（2)表單以POST或GET的方式提交時，disabled的值不會被傳遞出去，而readonly會將該值傳遞出去

HTML5新增了哪些標簽? input新增了哪些類型?

h5新增標簽： header、footer、nav、article、section、aside、video、audio、 dateils、mark、progress、time、datelist、canvas等

input新增類型：email、url、number、range、Date pickers (date, month, week, time, datetime, datetime-local)、search、color

css中的偽類有哪些?

偽類： :link，:visited，:hover，:active ，:focus :first-child，:lang
偽元素，比如：:first-letter，:first-line，:before，:after。

左右等高布局，左側寬度固定，右側自適應

方法一：





高度自適應布局






   我是left
   我是right

方法二：





高度自適應布局






 
    left
   

 
     right

寫出程序的運行結果

（1）

  alert(typeof(null));  //object
  alert(typeof(undefined));  //undefined
  alert(typeof(NaN));  //number
  alert(typeof(NaN==undefined)); //boolean
  var str="123abc";
  alert(typeof(str++));  // number
  alert(str);   //NaN

（2）

 var x=1,y=z=0;
 function add(n){
  return n=n+1;
 }
 y=add(x); 
 function add(n){
     return n=n+3;
 }
 z=add(x); 

 alert(y); //4
 alert(z); //4

（3）

var myObject={
    num:2,
    add:function(){
     this.num=3;
     (function(){
           alert(this.num); //undefined
           this.num=4;
     })();

     alert(this.num); //3
    }
}

myObject.add();

（4）

var i=0;
for (var i = 0;  i++<3;) {
    setTimeout(function(){
     return function(){
         alert(i);  //4, 4, 4 
     }
    }(),0);
}

js的繼承方式有哪幾種？
（1）原型鏈（prototype chaining）
（2）call()/apply()
（3）混合方式(prototype和call()/apply()結合)
（4）對象冒充

寫出一個給數組元素排重函數
方法一：

var arr = [0,2,3,4,4,0,2];
var obj = {};
var tmp = [];
for(var i = 0 ;i< arr.length;i++){
 if( !obj[arr[i]] ){
    obj[arr[i]] = 1;
    tmp.push(arr[i]);
 }
}
console.log(tmp); //[0,2,3,4]

方法二：

var arr = [0,2,3,4,4,0,2],
var arr2 = [];
for(var i = 0;i< arr.length;i++){
  if(arr2.indexOf(arr[i]) < 0){
      arr2.push(arr[i]);
  }
}
console.log(arr2); //[0,2,3,4]

寫出一個函數序列化URL上問號后的參數：

如：URL："http://3g.baidu.com?search=list&user=john&page=news"
解出：{"search":"list","user":"john","page":"news"}

   function urlArgs(URL){

       var args = URL.split("?");

       // 判斷 如果?號后面沒有參數，則返回""
       if(args[0] == URL){
           return "";
       }

       var arr = args[1].split("&");
       var obj = {};
       for(var i = 0;i< arr.length;i++){
           var arg = arr[i].split("=");
           obj[arg[0]] = arg[1];
       }
       return obj;
   }
   var URL ="http://3g.baidu.com?search=list&user=john&page=news";
   var _URL = urlArgs(URL); 
   // console.log(_URL); //{"search":"list","user":"john","page":"news"}

云服務器 GPU云服務器 2018總結棧面試題筆試面試題面試題內容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94247.html

前端最強面經匯總

摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續更新中……，可以關注下github 項目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
2018面試題總結（一）

摘要：面試題總結現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。中常見行內元素和塊級元素有哪些行內元素塊級元素行內塊元素常見的有的和有什么區別和的值為時，都會使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內容。 2018面試題總結現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。 html中常見行內元素和塊級元素有哪些?行內元素：a,b,strong,span,im...

Michael_Lin 2019-08-02 10:11 評論0 收藏0
2018面試題總結（一）

摘要：面試題總結現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。中常見行內元素和塊級元素有哪些行內元素塊級元素行內塊元素常見的有的和有什么區別和的值為時，都會使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內容。 2018面試題總結現將我整理的一些前端筆試題分享一下，希望對大家有所幫助。 html中常見行內元素和塊級元素有哪些?行內元素：a,b,strong,span,im...

Noodles 2019-08-30 15:53 評論0 收藏0
墻裂推薦：搜云庫技術團隊，面試必備的技術干貨

摘要：今天整理了一下近大半年以來的一些文章，和我的預期一樣，很多文章我都忘記自己曾經寫過了，這個記錄的過程讓我也有了新的理解。希望大家，收藏，點贊，加轉發。今天整理了一下近大半年以來的一些文章，和我的預期一樣，很多文章我都忘記自己曾經寫過了，這個記錄的過程讓我也有了新的理解。希望大家，收藏，點贊，加轉發。面試必備面試必備：深入Spring MVC DispatchServlet 源碼...

SegmentFault 2019-06-24 18:12 評論0 收藏0