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

資訊專欄INFORMATION COLUMN

【前端面試】字節(jié)跳動(dòng)2019校招面經(jīng) - 前端開發(fā)崗（一）

BigTomato / 3457人閱讀

摘要：這是一次失敗的面經(jīng)但是吃一塹才能長(zhǎng)一智不是嗎字節(jié)跳動(dòng)校招面經(jīng)前端開發(fā)崗一介紹以及項(xiàng)目經(jīng)歷吧啦吧啦此處省略字面試官會(huì)從項(xiàng)目經(jīng)歷入手，考察項(xiàng)目中遇到的難題，以及解決方法，強(qiáng)調(diào)個(gè)人的努力以及在解決過(guò)程中扮演的角色是主導(dǎo)還是參與。

這是一次失敗的面經(jīng)……但是吃一塹才能長(zhǎng)一智不是嗎？
字節(jié)跳動(dòng)2019校招面經(jīng) - 前端開發(fā)崗（一） 1. 介紹以及項(xiàng)目經(jīng)歷 
吧啦吧啦……此處省略10000字

面試官會(huì)從項(xiàng)目經(jīng)歷入手，考察項(xiàng)目中遇到的難題，以及解決方法，強(qiáng)調(diào)個(gè)人的努力以及在解決過(guò)程中扮演的角色（是主導(dǎo)還是參與）。
每個(gè)人都有不一樣的精彩經(jīng)歷，好好琢磨簡(jiǎn)歷怎么寫吧 Q-Q

2. 瀏覽器基礎(chǔ) 從瀏覽器輸入網(wǎng)址到網(wǎng)頁(yè)呈現(xiàn)，中間發(fā)生了什么？

具體可以參照我的另外一篇文章《【前端芝士樹】從瀏覽器搜索框輸入網(wǎng)址到網(wǎng)頁(yè)呈現(xiàn)發(fā)生了什么？》

3. Javascript相關(guān) 字符串?dāng)?shù)組的倒序

題目如下

var input = "Hello my best friend";
function reverse(){
//todo Please code here.
};
console.log(reverse(input));//"friend best my Hello"

我的解法
先把字符串切分成數(shù)組，然后進(jìn)行倒序插入

let input = "Hello my best friend";
/**
 * reverse
 * @param str
 * */
function reverse(str) {
  let arr = str.split(" ");
  let result = [];
  let length = arr.length;
  for (let i = length - 1; i > -1; i--) {
    result.push(arr[i]);
  }
  return result.join(" ");
}
function reverse_2(str){
  return str.split(" ").reverse().join(" ");
}

console.log(reverse(input));//"friend best my Hello"
console.log(reverse_2(input));//"friend best my Hello"
Javascript中，this的指向是什么？ 
> 定義：this的指向是包含它的函數(shù)作為方法被調(diào)用時(shí)所屬的對(duì)象。
1. 包含它的函數(shù)
2. 作為方法被調(diào)用時(shí)
3. 所屬的對(duì)象。

比如

function hello(){
   console.log(this.name);
}
hello(); //undefined

this所在的方法是hello(), 而hello()的執(zhí)行語(yǔ)境為全局，也就是說(shuō)其所屬的對(duì)象為windows。
因?yàn)?b>windows是沒有name整個(gè)屬性的，所以結(jié)果為undefined。

再看下面的一段代碼：

function hello(){
   console.log("Hello " + this.name);
}
var person = {
    name: "Alice"
};
person.hello = hello;
person.hello(); //Hello Alice

在這段代碼中，可以看到我們實(shí)現(xiàn)了一個(gè)person的對(duì)象，然后將方法賦值為person的一個(gè)函數(shù)屬性。
當(dāng)person.hello()被調(diào)用時(shí)，this指針指向的對(duì)象為person，所以結(jié)果為Hello Alice

在實(shí)際應(yīng)用場(chǎng)景中，常常分為四種情況進(jìn)行討論：

全局環(huán)境
全局環(huán)境下，this就代表Window對(duì)象。

var name = "zhar";
function say(){
  console.log(this.name);//zhar
}
say();

對(duì)象環(huán)境
對(duì)象環(huán)境中的this指向?qū)ο蟊旧怼?/p> 

var obj = {
  name : "zhar",
  say : function(){
    console.log(this.name);//zhar
  }
}
obj.say();

構(gòu)造函數(shù)環(huán)境
構(gòu)造函數(shù)中的this會(huì)指向創(chuàng)建出來(lái)的實(shí)例對(duì)象

function Person() {
    this.name = "zhar";
}
var p = new Person();
console.log(p.name);

事件對(duì)象
在 DOM 事件中使用 this，this 指向了觸發(fā)事件的 DOM 元素本身

li.onclick = function(){
    console.log(this.innerHTML);
}

如何修改this的指向？

使用局部變量來(lái)代替this指針

var name = "zhar";
var obj = {
  name : "zhar",
  say : function(){
    var _this = this;    //使用一個(gè)變量指向 this
    setTimeout(function(){ //把執(zhí)行語(yǔ)境變成了全局環(huán)境
      console.log(_this.name);
    },0);
  }
}
obj.say();

使用call 或 apply 方法

call 普通傳參

function say(arg1,arg2){
  console.log(this.name,arg1,arg2);
};
var obj = {
  name : "tom",
  say : function(){
    console.log(this.name);
  }
}
say.call(obj,"one","two");//tom one two

apply 以數(shù)組的形式傳參

function say(arg1,arg2){
  console.log(this.name,arg1,arg2);
};
var obj = {
  name : "tom",
  say : function(){
    console.log(this.name);
  }
}
say.apply(obj,["one","two"]);//tom one two

4. CSS相關(guān) 實(shí)現(xiàn)一個(gè)寬度為父容器一半的位置居中的正方形

HTML代碼如下




    
    Title




    






首先分解題目的幾個(gè)關(guān)鍵點(diǎn)



寬度為父容器一半的正方形


位置居中
一些邊寫邊問的過(guò)程中涉及的知識(shí)點(diǎn)

div的默認(rèn)display是block（塊級(jí)元素）

塊級(jí)元素 和 行內(nèi)元素 的區(qū)別

塊級(jí)元素 獨(dú)占一行， 其寬度自動(dòng)填滿父元素寬度，可以設(shè)置高度
[div/h1~h6-p/ol-ul-li/form-button-textarea-select/table]

行內(nèi)元素 可以與其他行內(nèi)元素排列在同一行中，寬高無(wú)效
[a/img/span-strong-b-i-em/label]

父元素的display設(shè)置為flex后，子元素的display是？

emmm，難道不是默認(rèn)值static？

幾種解題的方法

我按各個(gè)點(diǎn)，在代碼中列舉了幾種方法，歡迎提供其他的思路
HTML




    
    Title

CSS

 .father {
        position: relative;
        width: 500px;
        height: 300px;
        margin: auto auto 2rem;
        background: lightskyblue;
    }

    .item {
        background: indianred;
    }

    /* 實(shí)現(xiàn)寬度為父元素一半的正方形 */
    .square_1 {
        width: 250px;
        height: 250px;
    }

    .square_2 {
        width: 50%;
        padding-top: 50%;
        height: 0;
    }

    /* 實(shí)現(xiàn)位置居中 */
    .center_1 {
        display: flex;
        align-items: center; /* 決定交叉軸上的對(duì)齊方式（垂直方向）*/
        justify-content: center; /* 決定主軸上的對(duì)齊方式（水平方向）*/
    }

    .center_2 .item {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .center_3 .item{
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
5. 算法相關(guān) 拋硬幣問題 
假設(shè)你是小A，和小B玩一個(gè)拋硬幣的游戲，硬幣為正面時(shí)獲勝，如果一方失敗了則交由另一方，現(xiàn)在由你先開始，求獲勝的概率？

經(jīng)典概率問題

假設(shè)小A第一次就拋到了正面，那小A獲勝而游戲結(jié)束，概率為二分之一

假設(shè)小A第一次拋到的是反面，想要小A獲勝只能小B拋反面，小A再拋回正面，至此概率為八分之一

后續(xù)同理，依次乘以四分之一，所有的概率進(jìn)行相加，求極限可得結(jié)果為三分之二

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

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

相關(guān)文章

  • "雙非"應(yīng)屆生校招如何獲得大廠青睞?（內(nèi)附前端大廠面經(jīng)+技術(shù)崗超全求職攻略）

    摘要：拿到秋招的同學(xué)，如確定入職需與用人單位簽署三方協(xié)議，以保證雙方的利益不受損失。當(dāng)然每個(gè)崗位所要求的側(cè)重點(diǎn)不同，但卻百變不離其宗。方法論要想達(dá)成某個(gè)目標(biāo)都有其特定的方法論，學(xué)習(xí)技術(shù)也不例外，掌握適當(dāng)?shù)膶W(xué)習(xí)方法才能事半功倍。 寫在前面的話 筆者從17年的2月份開始準(zhǔn)備春招，其中遇到不少坑，也意識(shí)到自己走過(guò)的彎路。故寫了這篇文章總結(jié)一番，本文適合主動(dòng)學(xué)習(xí)的，對(duì)自己要學(xué)的課程不明確的，對(duì)面試有...

    jeffrey_up 評(píng)論0 收藏0

  • "雙非"應(yīng)屆生校招如何獲得大廠青睞?（內(nèi)附前端大廠面經(jīng)+技術(shù)崗超全求職攻略）

    摘要：拿到秋招的同學(xué)，如確定入職需與用人單位簽署三方協(xié)議，以保證雙方的利益不受損失。當(dāng)然每個(gè)崗位所要求的側(cè)重點(diǎn)不同，但卻百變不離其宗。方法論要想達(dá)成某個(gè)目標(biāo)都有其特定的方法論，學(xué)習(xí)技術(shù)也不例外，掌握適當(dāng)?shù)膶W(xué)習(xí)方法才能事半功倍。 寫在前面的話 筆者從17年的2月份開始準(zhǔn)備春招，其中遇到不少坑，也意識(shí)到自己走過(guò)的彎路。故寫了這篇文章總結(jié)一番，本文適合主動(dòng)學(xué)習(xí)的，對(duì)自己要學(xué)的課程不明確的，對(duì)面試有...

    lindroid 評(píng)論0 收藏0

  • 2019春招前端實(shí)習(xí)面經(jīng)總結(jié)

    摘要：春招前端實(shí)習(xí)面試記錄從就開始漸漸的進(jìn)行復(fù)習(xí)，月末開始面試，到現(xiàn)在四月中旬基本宣告結(jié)束。上海愛樂奇一面盒模型除之外的面向?qū)ο笳Z(yǔ)言繼承因?yàn)槭且曨l面試，只記得這么多，只感覺考察的面很廣，前端后端移動(dòng)端都問了，某方面也有深度。 春招前端實(shí)習(xí)面試記錄(2019.3 ~ 2019.5) 從2019.1就開始漸漸的進(jìn)行復(fù)習(xí)，2月末開始面試，到現(xiàn)在四月中旬基本宣告結(jié)束。在3月和4月經(jīng)歷了無(wú)數(shù)次失敗，沮...

    atinosun 評(píng)論0 收藏0

  • 2018.11.19秋招末第二波前端實(shí)習(xí)/校招小結(jié)

    摘要：背景個(gè)人背景就讀于東北某普通二本院校計(jì)算機(jī)軟件工程專業(yè)，現(xiàn)大四，北京實(shí)習(xí)前端方向，自學(xué)，技術(shù)棧時(shí)間背景大概是在月日準(zhǔn)備好簡(jiǎn)歷開始投遞秋招差不多已經(jīng)結(jié)束招聘崗位不多，投遞對(duì)象為大一些的互聯(lián)網(wǎng)公司事件背景第一個(gè)入職的是好未來(lái)的前端實(shí)習(xí)崗，待遇工 背景 個(gè)人背景 就讀于東北某普通二本院校計(jì)算機(jī)軟件工程專業(yè)，現(xiàn)大四，北京實(shí)習(xí) 前端方向，自學(xué)，vue技術(shù)棧 時(shí)間背景 大概是在11月9日準(zhǔn)備...

    suxier 評(píng)論0 收藏0

  • 2018.11.19秋招末第二波前端實(shí)習(xí)/校招小結(jié)

    摘要：背景個(gè)人背景就讀于東北某普通二本院校計(jì)算機(jī)軟件工程專業(yè)，現(xiàn)大四，北京實(shí)習(xí)前端方向，自學(xué)，技術(shù)棧時(shí)間背景大概是在月日準(zhǔn)備好簡(jiǎn)歷開始投遞秋招差不多已經(jīng)結(jié)束招聘崗位不多，投遞對(duì)象為大一些的互聯(lián)網(wǎng)公司事件背景第一個(gè)入職的是好未來(lái)的前端實(shí)習(xí)崗，待遇工 背景 個(gè)人背景 就讀于東北某普通二本院校計(jì)算機(jī)軟件工程專業(yè)，現(xiàn)大四，北京實(shí)習(xí) 前端方向，自學(xué)，vue技術(shù)棧 時(shí)間背景 大概是在11月9日準(zhǔn)備...

    canger 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<