前端_面試

Soarkey 發布于2019-08-23 15:15 / 2154人閱讀

摘要：布局性能優化頁面性能優化函數節流一個函數執行一次后只有大于設定的執行周期才會執行第二次函數防抖一個需要頻繁觸發的函數只有在規定時間內只讓最后一次生效前面的不生效資源壓縮與合并壓縮壓縮壓縮文件合并與壓縮非核心代碼異步加載利用瀏覽器緩存預解析

當執行JS代碼時,會生成執行環境,代碼不是在全局執行環境中,就是在函數執行環境中.
JS解釋器在解釋一段代碼時,第一階段:對于var 會先找出來進行變量提升,給它們在內存提前開辟好空間,函數的話會將整個函數存入內存中,變量只聲明并且賦值為undefined,第二階段,代碼執行.

call和apply都可以解決this指向,作用域是相同的,傳參的方式不同.call可以接收一個參數列表,apply只接收一個參數數組.bind方法會返回一個函數,且通過bind實現柯里化.

1.css樣式表放在頁面頭部Header內且Link鏈式接入,javaScript放在底部body結束標簽前避免堵塞.
2.代碼壓縮:html/css/js/圖片進行壓縮,圖片預加載,懶加載,圖片加載使用TinyPNG.
3.減少DOM元素數量且減少使用:after等偽類的使用,有效避免頁面重繪/重排.
4.不常變動的靜態資源采用CDN分發,img標簽設置高寬,減少頁面重排/重繪,使用WebP格式圖片,對原圖進行98%壓縮.
5.域名拆分:增加了瀏覽器請求的并發數,讓瀏覽器能同時發起更多的請求,解決默認攜帶的Cookie問題,減少數據傳輸字節.
通常分為三類:前端類:業務代碼本身html,css,js,圖片等. 靜態類:CDN資源類動態類:后端API接口類.
6.合理使用dns-prefetch, prefetch,preload,defer,async;

JavaScript

執行上下文,尤其是詞法作用域和閉包.提升機制,函數與塊級作用域,以及函數表達式和聲明

綁定,特別是bind,apply,this關鍵字,對象原型,構造函數和mixins,組合函數和高階函數.

時間委托和冒泡,typeof instanceof和object.prototype,toString

使用回調,promiss和await和async處理異步調用.使用函數聲明和表達式

DOM

如何遍歷和操作DOM，包括使用document.querySelector和舊瀏覽器中的document.getElementsByTagName選擇或查找節點。上下遍歷（Node.parentNode，Node.firstChild,Node.lastChild和Node.childNodes）,左右遍歷（Node.previousSibling和Node.nextSibling）在DOM樹中添加，刪除，復制和創建節點，以及切換，刪除或添加CSS類名等操作。

CSS

布局

HTML

性能優化

頁面性能優化

(1)函數節流:一個函數執行一次后,只有大于設定的執行周期才會執行第二次.
(2)函數防抖:一個需要頻繁觸發的函數,只有在規定時間內,只讓最后一次生效,前面的不生效.
(3)資源壓縮與合并(html壓縮,css壓縮,js壓縮,文件合并與壓縮)
(4)非核心代碼異步加載
(5)利用瀏覽器緩存.
(6)預解析DNS.

云服務器 GPU云服務器前端面試前端工程師面試前端ddos 攻擊面試前端開發工程師面試

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

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

前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

h9911 2019-08-02 16:11 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

snifes 2019-08-23 16:48 評論0 收藏0
前端面試題及答案 - JS篇

摘要：中使用操作符具體做了哪些事情創建了一個空對象空對象的屬性指向構造函數的屬性執行構造函數，將的指向前端面試題及答案瀏覽器篇前端面試題及答案篇前端面試題及答案篇前端面試題及答案性能優化篇這篇文章并不是最全的前端面試題（沒有最全，只有更全），只是針對自己面試過程中遇到的一些難題、容易忽略的題做一個簡單的筆記，方便后面有面試需要的小伙伴們借鑒，后續內容會不定時更新，有錯誤之處希望大家不吝指出...

Shimmer 2019-08-26 18:27 評論0 收藏0
前端面試之路二(javaScript基礎整理)

摘要：在標簽中添加屬性，本質上是跟在標簽里面寫屬性時一樣的，所以屬性值最終都會編譯為字符串類型。這個節點包括很多，比如，以及一些方法等方法。一個對象有很多，該集合名字為，里面有其他以及，里面有很多。一、變量類型和計算 JS中使用typeof能得到哪些類型變量類型值類型：變量本身就是含有賦予給它的數值的，它的變量本身及保存的數據都存儲在棧的內存塊當中引用類型：引用類型當然是分配到...

AbnerMing 2019-08-23 10:43 評論0 收藏0