挖財 / 有贊電話面試題目分享

ziwenxie 發(fā)布于2019-08-02 16:14 / 479人閱讀

摘要：動畫相關(guān)參考案例可能會變，主要考察動畫相關(guān)的知識點瀏覽器內(nèi)核相關(guān)瀏覽器瀏覽器內(nèi)核差異渲染機(jī)制不同參考搜索引擎找了一波，分享內(nèi)容不多，特別是針對差異的文章。。。

動畫相關(guān)

//html

  


//css

 .btn  {
      width: 100px;
      height: 20px;
      background: coral;
      border: 1px solid #5e6d82;
    }
    .change {
      width: 0;
      height: 20px;
      background: #2D93CA;
      transition: all 2s;
    }
    .btn:hover .change {
      width: 100px;
    }

參考：https://codepen.io/JulianLava...

案例可能會變，主要考察 transition / animation 動畫相關(guān)的知識點

瀏覽器內(nèi)核相關(guān)

trident / IE瀏覽器

gecko / firefox瀏覽器

webkit 內(nèi)核 / safari & Chorome

差異：渲染機(jī)制不同

參考：https://juejin.im/entry/5a05a...

搜索引擎找了一波，分享內(nèi)容不多，特別是針對差異的文章。。。

JS語言特性

1、解釋型語言 - 不需要編譯，直接解釋運行

2、弱類型 - 對變量沒有嚴(yán)格數(shù)據(jù)類型要求

3、跨平臺 - 只要有js解釋器支持，能在任何地方運行

4、基于對象 - 不僅能創(chuàng)建對象，也能基于對象創(chuàng)建對象（原型鏈）

http 協(xié)議 / 緩存機(jī)制

強(qiáng)緩存 / 優(yōu)先級最高，如果存在且未過期則直接返回緩存內(nèi)容

Expires / http1.0 缺陷：受限于本地時間，如果修改本地時間則會失效

Cache-Control / http1.1 作為對1.0的一個補(bǔ)強(qiáng)

協(xié)商緩存 / 緩存過期則會進(jìn)行協(xié)商緩存

Last-Modified 和 If-Modified-Since / http1.0

Last-Modified 表示本地文件最后修改日期，If-Modified-Since 會將 Last-Modified 的值發(fā)送給服務(wù)器，詢問服務(wù)器在該日期后資源是否有更新，有更新的話就會將新的資源發(fā)送回來。

但是如果在本地打開緩存文件，就會造成 Last-Modified 被修改，所以在 HTTP / 1.1 出現(xiàn)了 ETag

ETag 和 If-None-Match / http1.1

ETag 類似于文件指紋，If-None-Match 會將當(dāng)前 ETag 發(fā)送給服務(wù)器，詢問該資源 ETag 是否變動，有變動的話就將新的資源發(fā)送回來

參考： https://mp.weixin.qq.com/s/y-...

虛擬dom 算法

參閱： https://segmentfault.com/a/11...

瀏覽器渲染機(jī)制

渲染機(jī)制主要和瀏覽器內(nèi)核有關(guān)，不同瀏覽器渲染流程不同

參考：https://juejin.im/entry/59e1d...

什么是骨架屏

參考：https://segmentfault.com/a/11...

lazyload 實現(xiàn)原理

核心概念：滾動監(jiān)聽 / 元素位置 / 可視區(qū)域

深入學(xué)習(xí)：看 GitHub 懶加載的庫源碼 -lazy load

箭頭函數(shù)和普通函數(shù)的區(qū)別

由于this在詞法層面完成綁定，this指針無法被修改

沒有原型對象
var foo = () => {};
console.log(foo.prototype) //undefined

無法使用new操作符
var Foo = () => {};
var foo = new Foo();  //Foo is not a constructor

箭頭函數(shù)不綁定arguments,取而代之用rest參數(shù)…解決
function foo(...args) {
  return args;
}
foo(1, 2, 3);  // [1,2,3]

js遍歷對象

1、 for in 循環(huán) / 循環(huán)遍歷自身的和繼承的可枚舉屬性

2、Object.keys(obj) / 返回一個數(shù)組，包括對象自身的（不含繼承）所有可枚舉屬性

3、getOwnPropertyNames() / 用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，不包含Symbol屬性

4、 Object.getOwnPropertySymbols() / 用于返回對象所有屬性，包含可枚舉屬性和不可枚舉屬性，只包含Symbol屬性

computed 相關(guān)

1、計算屬性擁有緩存優(yōu)勢 / 緩存內(nèi)部實現(xiàn)原理

2、默認(rèn)只有g(shù)etter，可以手動設(shè)置setter，沒有設(shè)置情況下賦值會報錯

CORS 相關(guān)

簡單請求：

1、使用 get 、 head 、 post

2、content-type 必須為text/plain、multipart/form-data、application/x-www-form-urlencoded之一

3、沒有人為設(shè)置規(guī)范外header字段

不滿足以上要求均為復(fù)雜請求，發(fā)送請求之前會先進(jìn)行預(yù)檢請求

cors 攜帶 cookie 相關(guān)

cors中請求默認(rèn)不攜帶cookie，除非滿足以下條件：

1、請求配置了 withCredentials = true;

2、后端配置了 Access-Control-Allow-Credentials: true

3、Access-Control-Allow-Origin 設(shè)置不為 *

參考：https://developer.mozilla.org...

后記

難度偏中，前端技術(shù)扎實，想拿到offer應(yīng)該不難

如果覺得本文對你有所幫助，就star一下吧～大傳送之術(shù)！我的博客Github

云服務(wù)器 GPU云服務(wù)器面試題目 python面試題目中級php面試題目 php校招面試題目

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54930.html

發(fā)表評論

登陸后可評論

0條評論

ziwenxie

男|高級講師

我要關(guān)注我要私信

TA的文章

【浙大翁愷C語言】從0入門筆記【國家精品課程】（上）

閱讀 800·2021-10-09 09:44
亮瞎你狗眼的寫代碼體驗狂拽酷炫效果 activate-power-mode

閱讀 704·2019-08-30 13:55
小程序內(nèi)置組件swiper，circular（銜接）使用小技巧

閱讀 3162·2019-08-29 15:07
PokemonGo：LBS游戲開發(fā)

閱讀 3228·2019-08-29 13:09
BFC原理詳解

閱讀 2420·2019-08-29 11:10
動態(tài)規(guī)劃練習(xí)題-石子合并

閱讀 1297·2019-08-26 14:05
Monorepo——大型前端項目的代碼管理方式

閱讀 3604·2019-08-26 13:57
javascript原型鏈及繼承的理解

閱讀 2212·2019-08-23 16:42

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

挖財 / 有贊電話面試題目分享

相關(guān)文章