面試總結 2021 8.31

1、盒子模型介紹
2匪傍、行內(nèi)元素您市,塊元素,空元素有哪些役衡?
3茵休、實現(xiàn)垂直水平居中
4、移動端兼容性問題手蝎,代表性
5榕莺、在flex布局中實現(xiàn)文字超過4行出現(xiàn)省略號-超長文本自動換行
6、自適應布局的局限性
7棵介、如何判定一個元素是真正的object類型
8钉鸯、axios給所以請求的header加額外參數(shù)
9、display:none和visibility:hidden區(qū)別
10邮辽、EventBus的使用
11唠雕、forEach和map的區(qū)別
12、call()吨述、apply()岩睁、bind()如何使用

1、盒子模型介紹

每一個盒模型都包含 content padding border margin
1.標準盒子模型中content中包含content
2.IE盒子模型中content中包含content揣云、padding捕儒、border


image.png
2、行內(nèi)元素邓夕,塊元素肋层,空元素有哪些?

行內(nèi)元素:span a b i
塊元素:div ul li ol h1-h5 p table
空元素:br翎迁,hr栋猖,img,input汪榔,link蒲拉,meta

3肃拜、實現(xiàn)垂直水平居中

1、通過margin:auto;
2雌团、flex布局
3燃领、定位

4、移動端兼容性問題锦援,代表性

ios的日期'-'改為'/'

5猛蔽、在flex布局中實現(xiàn)文字超過4行出現(xiàn)省略號-超長文本自動換行
6、自適應布局的局限性
7灵寺、如何判定一個元素是真正的object類型
8曼库、axios給所以請求的header加額外參數(shù)
image.png
9、display:none和visibility:hidden區(qū)別

他們兩個都是關于頁面隱藏的略板,但是用visibility:hidden隱藏之后還會占用未隱藏的時候的空間
1毁枯、visibility具有繼承性,給父元素設置visibility:hidden;子元素也會繼承這個屬性叮称。但是如果重新給子元素設置visibility: visible,則子元素又會顯示出來种玛。這個和display: none有著質(zhì)的區(qū)別
2、visibility: hidden不會影響計數(shù)器的計數(shù)
3瓤檐、CSS3的transition支持visibility屬性赂韵,但是并不支持display,由于transition可以延遲執(zhí)行挠蛉,因此可以配合visibility使用純css實現(xiàn)hover延時顯示效果祭示。提高用戶體驗。

10碌秸、EventBus的使用

創(chuàng)建

import Vue from 'vue'
export const EventBus = new Vue()

發(fā)送事件

<!-- A.vue -->
<template>
    <button @click="sendMsg()">-</button>
</template>

<script> 
import { EventBus } from "../event-bus.js";
export default {
  methods: {
    sendMsg() {
      EventBus.$emit("aMsg", '來自A頁面的消息');
    }
  }
}; 
</script>

接受事件

<!-- IncrementCount.vue -->
<template>
  <p>{{msg}}</p>
</template>

<script> 
import { 
  EventBus 
} from "../event-bus.js";
export default {
  data(){
    return {
      msg: ''
    }
  },
  mounted() {
    EventBus.$on("aMsg", (msg) => {
      // A發(fā)送來的消息
      this.msg = msg;
    });
  }
};
</script>
11、forEach和map的區(qū)別

1悄窃、forEach()返回值是undefined讥电,不可以鏈式調(diào)用。

2轧抗、map()返回一個新數(shù)組恩敌,原數(shù)組不會改變。

3横媚、沒有辦法終止或者跳出forEach()循環(huán)纠炮,除非拋出異常,所以想執(zhí)行一個數(shù)組是否滿足什么條件灯蝴,返回布爾值恢口,可以用一般的for循環(huán)實現(xiàn),或者用Array.every()或者Array.some();

12穷躁、call()耕肩、apply()、bind()如何使用

call()、apply()猿诸、bind() 都是用來重定義 this 這個對象的婚被!
call 的參數(shù)是直接放進去的,用梳虽,隔開址芯,放到后面

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市窜觉,隨后出現(xiàn)的幾起案子谷炸,更是在濱河造成了極大的恐慌,老刑警劉巖竖螃,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淑廊,死亡現(xiàn)場離奇詭異,居然都是意外死亡特咆,警方通過查閱死者的電腦和手機季惩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來腻格,“玉大人画拾,你說我怎么就攤上這事〔酥埃” “怎么了青抛?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長酬核。 經(jīng)常有香客問我蜜另,道長,這世上最難降的妖魔是什么嫡意? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任举瑰,我火速辦了婚禮,結果婚禮上蔬螟,老公的妹妹穿的比我還像新娘此迅。我一直安慰自己,他們只是感情好旧巾,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布耸序。 她就那樣靜靜地躺著,像睡著了一般鲁猩。 火紅的嫁衣襯著肌膚如雪坎怪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天廓握,我揣著相機與錄音芋忿,去河邊找鬼炸客。 笑死,一個胖子當著我的面吹牛戈钢,可吹牛的內(nèi)容都是我干的痹仙。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼殉了,長吁一口氣:“原來是場噩夢啊……” “哼开仰!你這毒婦竟也來了?” 一聲冷哼從身側響起薪铜,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤众弓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后隔箍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谓娃,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年蜒滩,在試婚紗的時候發(fā)現(xiàn)自己被綠了滨达。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡俯艰,死狀恐怖捡遍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情竹握,我是刑警寧澤画株,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站啦辐,受9級特大地震影響谓传,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜芹关,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一续挟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧充边,春花似錦庸推、人聲如沸常侦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽聋亡。三九已至肘习,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間坡倔,已是汗流浹背漂佩。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工脖含, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人投蝉。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓养葵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親瘩缆。 傳聞我的和親對象是個殘疾皇子关拒,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1.實現(xiàn)不使用 border 畫出 1px 高的線,在不同瀏覽器的標準模式與兼容模式下都能保持一致的效果庸娱。 2.介...
    蒙面超人zrh閱讀 322評論 0 1
  • $HTML着绊, HTTP,web綜合問題 1熟尉、前端需要注意哪些SEO 3归露、HTTP的幾種請求方法用途 4、從瀏覽器地...
    peng凱閱讀 772評論 0 1
  • 本文轉發(fā)自github, 原文地址 前端開發(fā)知識點: 作為一名前端工程師斤儿,無論工作年頭長短都應該掌握的知識點: 此...
    XDUZ閱讀 615評論 0 8
  • 一剧包、CSS問題 web前端全棧資料粉絲福利(面試題、視頻雇毫、資料筆記玄捕、進階路線) 1.flex布局 display:...
    PHP9年架構師閱讀 1,602評論 1 15
  • 有些東西哪怕不屬于自己,遇見也好棚放。 畢業(yè)證到手已經(jīng)4天了枚粘,不知不覺大學生活已離我而去,各奔東西飘蚯。一直想畢業(yè)后寫點博...
    __荊棘鳥閱讀 1,220評論 0 8