2021年百度公司前端開(kāi)發(fā)實(shí)習生面試題
小編:管理員 1849閱讀 2021.06.15
寫(xiě)出javascript運行結果:alert(‘5’+5);
結果:’55’
寫(xiě)出javascript運行結果:for(var i=0; i<10; i++){} alert(i);
結果:10
Cookie、sessionStorage、localStorage的區別
參考:
共同點(diǎn):都是保存在瀏覽器端,且同源的。
區別:cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務(wù)器間來(lái)回傳遞。而sessionStorage和localStorage不會(huì )自動(dòng)把數據發(fā)給服務(wù)器,僅在本地保存。cookie數據還有路徑(path)的概念,可以限制cookie只屬于某個(gè)路徑下。存儲大小限制也不同,cookie數據不能超過(guò)4k,同時(shí)因為每次http請求都會(huì )攜帶cookie,所以cookie只適合保存很小的數據,如會(huì )話(huà)標識。sessionStorage和localStorage 雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大。數據有效期不同,sessionStorage:僅在當前瀏覽器窗口關(guān)閉前有效,自然也就不可能持久保持;localStorage:始終有效,窗口或瀏覽器關(guān)閉也一直保存,因此用作持久數據;cookie只在設置的cookie過(guò)期時(shí)間之前一直有效,即使窗口或瀏覽器關(guān)閉。作用域不同,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個(gè)頁(yè)面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知機制,可以將數據更新的通知發(fā)送給監聽(tīng)者。Web Storage 的 api 接口使用更方便。
javascript中call()方法和apply()方法的區別。
參考:call()和apply()方法作用相同,動(dòng)態(tài)改變運行上下文,跨作用域調用函數或方法。
區別:唯一區別在于兩個(gè)方法的第二個(gè)參數,call()方法的第二個(gè)參數是依次給將要調用的函數或方法傳遞參數;而apply()方法的第二個(gè)參數是數組或類(lèi)數組(arguments)。
例子:foo.call(this, para1,para2,para3)等價(jià)于foo.apply(this,[para1,para2,para3])
什么是 “use strict”? 使用它的好處和壞處是什么?
參考:”use strict”(嚴格模式) 是在ECMAScript5中提出來(lái)的,是為javascript定義了一種不同的解析與執行模型。在嚴格模式下,ECMAScript3中一些不確定的行為將得到處理,而且對某些不安全操作也會(huì )拋出錯誤。(參考《javascript高級程序設計》)嚴格模式分為全局嚴格模式和局部嚴格模式。
好處:(1)、消除Javascript語(yǔ)法的一些不合理、不嚴謹之處,減少一些怪異行為;
?? (2)、消除代碼運行的一些不安全之處,保證代碼運行的安全;
?? (3)、提高編譯器效率,增加運行速度;
?? (4)、為未來(lái)新版本的Javascript做好鋪墊。
壞處:在一個(gè)全局環(huán)境下使用嚴格模式,會(huì )使得非嚴格模式下的代碼merge后可能出現問(wèn)題。
?
寫(xiě)一段簡(jiǎn)單的正則表達式,匹配并取出字符串”https://www.baidu.com/s?cl=3”中的域名部分(注:域名部分非固定)
參考:
1 var str="https://www.baidu.com/s?cl=3";
2
3 var reg=/https:\/\/([A-Za-z\.]+)\/\S+/;
4
5 var result=reg.exec(str);
6
7 if(result){
8
9 alert(result[1]);
10
11 }
用原生javascript編寫(xiě)程序:創(chuàng )建一個(gè)ul無(wú)序列表元素添加到body中,ul下包含5個(gè)li元素,每個(gè)li元素包含一個(gè)text類(lèi)型元素,text元素內容可自定義。
參考:
[url=][/url]
1
2
3
4????
5????
6????
19
20
21????
22 91久久香蕉国产线看观看软件|思思热在线视频精品996|精品无码一区二区三区水蜜桃|久久综合无码中文字幕无码|午夜亚洲AⅤ无码高潮片在线
23
用HTML和css實(shí)現如下布局,只需寫(xiě)出排版結構及樣式,不要求把內容一起寫(xiě)上。
參考:
???
???
???
???
???????
- 精彩分類(lèi)
-
???????????????
?? ?????????????
???????????????????
捕食草 所屬分類(lèi):草本植物
???????????????????
是一種食蟲(chóng)植物。
???????????????
???????????
-
???????????????
???????????????
???????????????????
虎鯨 所屬分類(lèi):海洋
???????????????????
是一種大型齒鯨。
???????????????
???????????
???????????
???????????
???????????
???????????
???????
???
?
(ps:這一題確實(shí)寫(xiě)得很挫)
【附加題】假設有一個(gè)基礎對象叫“動(dòng)物”,擁有以下屬性:腿的數量、是否有尾巴,有另外一個(gè)對象叫“貓”,擁有“動(dòng)物”對象的屬性,并增加一個(gè)屬性為:動(dòng)物名稱(chēng),再增加一個(gè)方法,返回動(dòng)物名稱(chēng)+腿的數量+是否有尾巴的描述,請使用javascript原型鏈繼承來(lái)創(chuàng )建以上2個(gè)對象。
參考:
原型鏈:
1 function Animal(){}
2 Animal.prototype.leg=4;
3 Animal.prototype.tail=true;
4 var animal=new Animal();
5 function Cat(){}
6 Cat.prototype=animal;
7 Cat.prototype.name='cat';
8 Cat.prototype.getInfo=function(){
9???? return "Animal's name:"+this.name+",number of leg:"+this.leg+",has tail:"+Boolean(this.tail);
10 };
11 var cat=new Cat();
12 cat.getInfo();
復制代碼
?
構造器:
1 function Animal(leg,tail){
2???? this.leg=leg;
3???? this.tail=tail;
4 }
5
6 function Cat(name,leg,tail){
7???? Animal.call(this,leg,tail);
8???? this.name=name;
9???? this.getInfo=function(){
10???????? return "Animal's name:"+this.name+",number of leg:"+this.leg+",has tail:"+Boolean(this.tail);
11???? };
12 }
13
14 var cat=new Cat('cat',4,true);
15 cat.getInfo();
復制代碼
?
相關(guān)推薦
- 微軟 2021 暑期實(shí)習面試題 第1題:Selection sort 80 items, after 32 iterations, how many positions of items are determined?第2題: Which is used in sync process//thread in operation system?A. Mutex B.mailbox C.Semaphore D.local procedure ca…
- 百度 2021 硬件開(kāi)發(fā)面試題 第1題: 阻塞與非阻塞區別第2題: 畫(huà)出D觸發(fā)器結構,解釋建立時(shí)間和保持時(shí)間第3題: 名詞解釋?zhuān)篠IMD、VLIM第4題: CPU的5級流水是什么?流水線(xiàn)優(yōu)缺點(diǎn)?第5題: 1——16循環(huán)計數器,用Verilog或VHDL第6題: SRAM設計FIFO,不要求程序,給出結構圖及設計思路第7題…
- 經(jīng)典筆試題-JDBC及Hibernate篇 五、JDBC 及Hibernate:(共12 題:基礎10 道,中等難度2 道)110、數據庫,比如100 用戶(hù)同時(shí)來(lái)訪(fǎng),要采取什么技術(shù)解決?【基礎】 答:可采用連接池。111、什么是ORM?【基礎】 答:對象關(guān)系映射(Object—Relational Mapping,簡(jiǎn)稱(chēng)ORM)是一種為了解決面向對象…