1. 程式人生 > >web前端筆試面試題整理

web前端筆試面試題整理

1.position的屬性值: relative absolut fixed static  (sticky page center瀏覽器暫時不支援)

3.常見的設計模式:單利模式,簡單的工廠模式,觀察者模式 介面卡模式  代理模式 橋接模式 外觀模式 訪問者模式 中介者模式

4.nodejs 的核心模組:http url queryString file system path global

5.react元件的主要方法(react 的生命週期)

元件的生命週期可分為三個狀態:

Mounting:已插入真實 DOM

Updating:正在被重新渲染

Unmounting:已移出真實 DOM

生命週期的方法有:

componentWillMount 在渲染前呼叫,在客戶端也在服務端。

componentDidMount : 在第一次渲染後呼叫,只在客戶端。

componentWillReceiveProps 在元件接收到一個新的prop時被呼叫。

shouldComponentUpdate 返回一個布林值。在元件接收到新的props或者state時被呼叫。

componentWillUpdate在元件接收到新的props或者state但還沒有render時被呼叫。

componentDidUpdate 在元件完成更新後立即呼叫。

componentWillUnmount在元件從 DOM 中移除的時候立刻被呼叫。

var App = React.createClass({
  displayName: 'App',
  componentWillMount: function(){
    // 初始化期,元件載入前呼叫
  },
  componentWillUpdate: function(){
    // 存在期,元件狀態改變後重新渲染前呼叫
  },
  render: function () {
    // 初始化期或存在期呼叫
    return (
      <h1>itbilu.com</h1>
    )
  },
  componentWillUnmount: function (){
    // 銷燬&清理期呼叫
  }
});

6.http協議中設定前端快取的屬性列舉3個 

Cache-Control、Expires、Last-Modified、If-Modified-Since

7.簡敘事件委託:事件委託是 不需要給每個子元素都繫結監聽器只需要給父元素繫結一個監聽器,當觸發子元素時 事件會冒泡到父元素上,監聽器就會被激發。事件委託的好處是:減少記憶體的佔用,只需要一個父元素的處理程式即可。無需從刪除的元素中解綁處理程式。 

8.簡述javaScript中的this;

this的指向受其所在函式被呼叫的方式所決定。

1).當函式是使用new關鍵字被建立是,this 指向的是這個全新物件;

2).當函式作為一個物件方法被呼叫時,這時this指向的是這個物件  例如 obj.method();this 指向 obj;

3).當使用 apply,call,bind 時 this 指向的是所傳遞進來的引數;

4).在箭頭函式中this 指向的是函式被建立時的上下文。

5).不符合以上情況的 this 指向的是 全域性物件 window。

eg:

 var name="perter";
 var persion={
  name:"jack",
  getName:function(){
      return this.name();
 }
};
var name1=persion.getName; name1();//'perter'
var name2=persion.getName();//'jack'