2019前端面試題彙總(主要為Vue)

2021-09-27 05:22:40 字數 2098 閱讀 6440

}

新增obj.b

加乙個首屏 loading 圖,提公升使用者體驗;

合併 css 和 js 檔案:現在前端有很多任務程化打包工具,如:grunt、gulp、webpack等。為了減少 http 請求數量,可以通過這些工具再發布前將多個 css 或者 多個 js 合併成乙個檔案。

採用 lazyload:俗稱懶載入,可以控制網頁上的內容在一開始無需載入,不需要發請求,等到使用者操作真正需要的時候立即載入出內容。這樣就控制了網頁資源一次性請求數量。

減少重排(reflow)

基本原理:重排是 dom 的變化影響到了元素的幾何屬性(寬和高),瀏覽器會重新計算元素的幾何屬性,會使渲染樹中受到影響的部分失效,瀏覽器會驗證 dom 樹上的所有其它結點的 visibility 屬性,這也是 reflow 低效的原因。如果 reflow 的過於頻繁,cpu 使用率就會急劇上公升。

圖示使用 iconfont 替換

傳送到dns伺服器,並獲取網域名稱對應的web伺服器對應的ip位址;

與web伺服器建立tcp連線;

瀏覽器向web伺服器傳送http請求;

web伺服器響應請求,並返回指定url的資料(或錯誤資訊,或重定向的新的url位址);

生成dom樹,解析css和js,渲染頁面,直至顯示完成;

var box = document.getelementbyid('box');var $box = $(box);
var $box = $('#box');var box = $box[0];
(jquery.fn.mymethod=function () )// 或者:(function ($) 

})})(jquery)

$("#div").mymethod();

2019前端面試題彙總(主要為Vue)

mvvm分為model view viewmodel三者。model 代表資料模型,資料和業務邏輯都在model層中定義 view 代表ui檢視,負責資料的展示 viewmodel 負責監聽 model 中資料的改變並且控制檢視的更新,處理使用者互動操作 model 和 view 並無直接關聯,而是...

前端面試題2019

2.下列哪個方法可以 物件的讀和寫?object.defineproperty proxy object.frzee object.assign 3.請選出 執行後列印的輸出 4.選出可以阻止 form 的 submit 的方法?onsubmit function event onsubmit fu...

2019前端面試大廠面試題

後面題目是我從各大廠面試題總結的一些經驗 需要key的原因是 使用v for更新已經渲染的元素列表時,預設採用 就地復用 策略,列表中資料發生改變時,此時的key就開始工作,根據key值去判斷某個值是否被修改,如果修改了的話,則重新渲染這一項,否則復用之前的元素 根據這個原因,我們可以知道,key值...