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'