2020-03-18前端面試題目

安卓手機端HTML5頁面input\textarea聚焦時堵幽,虛擬鍵盤彈出導(dǎo)致頁面下方留白或者頁面混亂的解決方案

在input\textarea聚焦時丧慈,將body的高度改變?yōu)轫撁婵娠@示的區(qū)域的高度证九。 $('body').height($('body')[0].clientHeight);


頁面防抖以及節(jié)流

防抖:延時處理,然后如果在這段延時內(nèi)又觸發(fā)了事件瓷患,則重新開始延時酗宋。

節(jié)流:window.addEventListener('scroll',throttle(realFunc,500,1000));

ionic3實現(xiàn)三種回頂部操作

1. 用id獲取模板中content中最高的那個元素,給元素設(shè)置id品姓,錨點跳轉(zhuǎn)

2. 調(diào)用content的scrollToTop()寝并,然而,當(dāng)content設(shè)置為fullscreen時腹备,header會覆蓋一部分(不會完全滑動上去)

3.滾動到指定坐標(biāo)位置衬潦,三個參數(shù)依次為坐標(biāo)x,y馏谨,滾動時間(毫秒單位)别渔。this.content.scrollTo(0, 0, 300)

使用過...修飾符嗎?

這叫展開語法惧互,屬于es6的新語法,可以在函數(shù)調(diào)用喇伯、數(shù)組構(gòu)造喊儡、構(gòu)造字面量對象時, 將數(shù)據(jù)展開賦值。

JS基本數(shù)據(jù)類型

JS基本有5種簡單數(shù)據(jù)類型:String稻据,Number艾猜,Boolean,Null捻悯,undefined,Symobl

一種復(fù)雜的數(shù)據(jù)類型Object匆赃。

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

1. 箭頭函數(shù)是匿名函數(shù),不能作為構(gòu)造函數(shù)今缚,不能使用new

2. 箭頭函數(shù)不能綁定arguments算柳,取而代之用rest參數(shù)...解決

3.箭頭函數(shù)沒有原型屬性

4. 箭頭函數(shù)的this永遠指向其上下文的this,沒有辦改變其指向姓言,普通函數(shù)的this指向調(diào)用它的對象

]5.箭頭函數(shù)不綁定this瞬项,會捕獲其所在的上下文的this值蔗蹋,作為自己的this值

6. 其他區(qū)別:

(1).箭頭函數(shù)不能Generator函數(shù)。

(2).箭頭函數(shù)不具有prototype原型對象囱淋。

(3).箭頭函數(shù)不具有super猪杭。

(4).箭頭函數(shù)不具有new.target。


透明度怎么設(shè)置妥衣?有什么區(qū)別皂吮?

1. Rgba:background-color: rgba(0,0,0,0.1)`

2. opacity 屬性能夠設(shè)置的值從 0.0 到 1.0。值越小,越透明税手。

3. 總結(jié):?rgba()方法與opacity方法雖然都可以實現(xiàn)透明度效果涮较,但rgba()只作用于元素的顏色或其背景色(設(shè)置了rgb()透明度元素的子元素不會繼承其透明效果);而opacity具有繼承性冈止,既作用于元素本身狂票,也會使元素內(nèi)的所有子元素具有透明度。

關(guān)于事件冒泡熙暴、事件捕獲和事件委托

?

淺拷貝和深拷貝

??var?newObj = {} //如果不是引用類型闺属,直接返回

[if !supportLists]·?[endif]??if?(typeof?obj !淺拷貝

復(fù)制// 第一層為深拷貝

Object.assign()Array.prototype.slice()

擴展運算符...

[if !supportLists]·?[endif]深拷貝

復(fù)制JSON.parse(JSON.stringify())

遞歸函數(shù)

復(fù)制function?cloneObject(obj) {

== 'object') {

????return?obj

??}

??//如果是引用類型,遍歷屬性

??else?{

????for?(var?attr in?obj) {

??????//如果某個屬性還是引用類型周霉,遞歸調(diào)用

??????newObj[attr] = cloneObject(obj[attr])

????}

??}

??return?newObj

}

?

數(shù)組去重的方法

1.ES6 的 Set

復(fù)制let?arr = [1,1,2,3,4,5,5,6]let?arr2 = [...new?Set(arr)]

2.reduce()

復(fù)制let?arr = [1,1,2,3,4,5,5,6]

let?arr2 = arr.reduce(function(ar,cur) {

??if(!ar.includes(cur)) {

????ar.push(cur)

??}

??return?ar

},[])

3.filter()

復(fù)制// 這種方法會有一個問題:[1,'1']會被當(dāng)做相同元素掂器,最終輸入[1]let?arr = [1,1,2,3,4,5,5,6]let?arr2 = arr.filter(function(item,index) {

??// indexOf() 方法可返回某個指定的 字符串值 在字符串中首次出現(xiàn)的位置

??return?arr.indexOf(item) === index

})

?

DOM 事件有哪些階段?談?wù)剬κ录淼睦斫?/b>

分為三大階段:捕獲階段--目標(biāo)階段--冒泡階段

事件代理簡單說就是:事件不直接綁定到某元素上俱箱,而是綁定到該元素的父元素上国瓮,進行觸發(fā)事件操作時(例如'click'),再通過條件判斷狞谱,執(zhí)行事件觸發(fā)后的語句(例如'alert(e.target.innerHTML)')

好處:(1)使代碼更簡潔乃摹;(2)節(jié)省內(nèi)存開銷

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市跟衅,隨后出現(xiàn)的幾起案子孵睬,更是在濱河造成了極大的恐慌,老刑警劉巖伶跷,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掰读,死亡現(xiàn)場離奇詭異,居然都是意外死亡叭莫,警方通過查閱死者的電腦和手機蹈集,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來雇初,“玉大人拢肆,你說我怎么就攤上這事。” “怎么了善榛?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵辩蛋,是天一觀的道長。 經(jīng)常有香客問我移盆,道長悼院,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任咒循,我火速辦了婚禮据途,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘叙甸。我一直安慰自己颖医,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布裆蒸。 她就那樣靜靜地躺著熔萧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪僚祷。 梳的紋絲不亂的頭發(fā)上佛致,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天,我揣著相機與錄音辙谜,去河邊找鬼俺榆。 笑死,一個胖子當(dāng)著我的面吹牛装哆,可吹牛的內(nèi)容都是我干的罐脊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蜕琴,長吁一口氣:“原來是場噩夢啊……” “哼萍桌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起奸绷,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤梗夸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后号醉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡辛块,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年畔派,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片润绵。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡线椰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出尘盼,到底是詐尸還是另有隱情憨愉,我是刑警寧澤烦绳,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站配紫,受9級特大地震影響径密,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜躺孝,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一享扔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧植袍,春花似錦惧眠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至厅篓,卻和暖如春秀存,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背贷笛。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工应又, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人乏苦。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓株扛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親汇荐。 傳聞我的和親對象是個殘疾皇子洞就,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,927評論 2 355

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

  • 前端面試問題集錦 JavaScript 部分 1、JQuery $(document).ready() 和 win...
    涯無凌閱讀 945評論 0 2
  • 函數(shù)和對象 1掀淘、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念旬蟋。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,564評論 0 5
  • PNG 有PNG8和truecolor PNG PNG8類似GIF顏色上限為256革娄,文件小倾贰,支持alpha透明度,...
    hudaren閱讀 1,521評論 0 0
  • 文|筆南 有這樣一個男孩拦惋,他很差勁匆浙。他瘦得像猴子,高卻不挺拔厕妖;他學(xué)歷成績都不好首尼,不僅掛科重修,連簡簡單單的英語四級...
    筆南閱讀 278評論 0 0
  • 窗外青蛙正叫得歡,摻雜著蟋蟀的鳴鳥聲软能,在深夜十二點聽來迎捺,更襯出夜的寧靜! 難得有客拜訪查排,與先生一起坐談...
    夭夭泠泠閱讀 349評論 0 0