多益網絡面經

部分總結與牛客網上的小夥伴的面經+自己面多益的

1、介紹項目

2、優雅降級和漸進增強

  • 漸進增強 :針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
  • 優雅降級:一開始就構建完整的功能,然後再針對低版本瀏覽器進行兼容。

3、Vue組件傳值

4、this理解

5、改變this指向,實現call

實現call和apply

6、HTTPS過程

在這裏插入圖片描述
https過程

7、less原理

本質上,LESS包含一套自定義的語法及一個解析器,用戶根據這些語法定義自己的樣式規則,這些規則最終會通過解析器,編譯生成對應的css文件。less的原理及其使用方法

8、CSS優化

1,首推的是合併css文件,如果頁面加載10個css文件,每個文件1k,那麼也要比只加載一個100k的css文件慢。

2,減少css嵌套,最好不要套三層以上。

3,不要在ID選擇器前面進行嵌套,ID本來就是唯一的而且人家權值那麼大,嵌套完全是浪費性能。

4,建立公共樣式類,把相同樣式提取出來作爲公共類使用,比如我們常用的清除浮動等。

5,減少通配符*或者類似[hidden=“true”]這類選擇器的使用,挨個查找所有…這性能能好嗎?當然重置樣式這些必須 的東西是不能少的。

6,巧妙運用css的繼承機制,如果父節點定義了,子節點就無需定義。

7,拆分出公共css文件,對於比較大的項目我們可以將大部分頁面的公共結構的樣式提取出來放到單獨css文件裏, 這樣一次下載後就放到緩存裏,當然這種做法會增加請求,具體做法應以實際情況而定。

8,不用css表達式,表達式只是讓你的代碼顯得更加炫酷,但是他對性能的浪費可能是超乎你的想象的。

9,少用css rest,可能你會覺得重置樣式是規範,但是其實其中有很多的操作是不必要不友好的,有需求有興趣的 朋友可以選擇normolize.css

10,cssSprite,合成所有icon圖片,用寬高加上bacgroud-position的背景圖方式顯現出我們要的icon圖,這是一種 十分實用的技巧,極大減少了http請求。

11,當然我們還需要一些善後工作,CSS壓縮(這裏提供一個在線壓縮 YUI Compressor ,當然你會用其他工具來壓縮是十 分好的),

12,GZIP壓縮,Gzip是一種流行的文件壓縮算法,詳細做法可以谷歌或者百度。

9、HTTP2.0

簡單來說,HTTP/2(超文本傳輸協議第2版,最初命名爲HTTP2.0),是HTTP協議的第二個主要版本。HTTP/2是HTTP協議自1999年HTTP1.1發佈後的首個更新,主要基於SPDY協議。
HTTP2.0的特點是:在不改動HTTP語義、方法、狀態碼、URI及首部字段的情況下,大幅度提高了web性能。

10.XSS攻擊怎麼解決

前端安全

11.雙向綁定

數據雙向綁定的原理與實現

12.input 自行雙向綁定

13.vue react 區別

vue與react的區別

14.vue 用 jsx

15. 組件通訊的方式

16.eventbus 和 vuex

17.js異步加載

18.js阻塞頁面

js阻塞與其解決方法

19.點擊按鈕增加 js

20.優化首屏加載

vue首屏加載優化

21.靜態文件cdn比服務器離客戶端更遠,該怎麼選(cdn能減少相同域名請求數量壓力)

22.promise停止

promise停止

23.axios停止請求

24.css 動畫和 js 動畫

代碼複雜度方面,簡單動畫,css 代碼實現會簡單一些,js 複雜一些。複雜動畫的話,css 代碼就會變得冗長,js實現起來更優。動畫運行時,對動畫的控制程度上,js 比較靈活,能控制動畫暫停,取消,終止等,css動畫不能添加事件,只能設置固定節點進行什麼樣的過渡動畫。兼容方面,css 有瀏覽器兼容問題,js 大多情況下是沒有的。性能方面,css動畫相對於優一些,css 動畫通過GUI解析,js 動畫需要經過j s 引擎代碼解析,然後再進行 GUI 解析渲染。

多人開發css不重複
git 只合並某一版本(cherrypick)

2、介紹一個項目,之後根據這些項目進行提問,關於登錄註冊模塊的token摳了我很久。

前端判斷是否登錄註冊的方法

3、節流和防抖,區別

防抖和節流

4、css怎麼保證類名不重複(vue裏的scoped,css module)

命名約定:BEM規範css不重複

5、promise ,事件循環機制(EventLoop)

6、this的指向

this相關

7、new的實現原理

8、平時看過什麼書

《學會提問》尼爾·布朗,斯圖爾特·基利——本書作者應用批判性思維領域的最新研究成果,列舉…
《思考的藝術:非凡大腦養成手冊》文森特·賴安·拉吉羅——從闡述思考的概念開始,教你打破…

9、原型鏈

10、vue使用中有哪些坑 (vue裏面的nextTick的原理)

你對http有哪些瞭解(吧啦吧啦),你知道 https是怎麼加密的嗎;
你瞭解http緩存嗎?(吧啦吧啦),如果一個應用有更新,這時候如何確保系統採用的是及時更新的內容而不是緩存中的數據;
響應式原理;
組件間通信;
你使用vue的過程中, 有沒有覺得不合適的地方(答了兩個,一是 vue的 data屬性對於引用型數據無法做到響應式更新,二是私有樣式類時使用的 scoped有侷限性),然後就問如何解決這兩個問題;
vuex的作用, 怎麼用;
如果用戶登錄瞭然後關閉瀏覽器, 接着通過url直接進到某個詳情頁, 這時候你是怎麼確定這個用戶登錄了還是沒登錄;(其實就是登錄鑑權問題,包含自動登錄和自動登出兩個要點)

*6.15武漢多益前端

  1. ES6新特性(拓展箭頭函數,解構賦值,模板字符串)
  2. 前端項目優化
  3. vue組件通信
  4. vue路由
  5. 閉包及其作用
  6. promise
  7. 封裝axios
  8. …記不太清
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章