前端面經(jīng)筆記 2021.8.28

---

下面哪些執(zhí)行結(jié)果為true()

A.'foo' == new function(){ return String('foo'); };
B.'foo' == new function(){ return new String('foo'); };
C.[] == 0
D.![]
E.!0

正確答案: B C E
你的答案: B C D E

關(guān)于D:錯(cuò)誤，對(duì)象總等于真。

關(guān)于A、B:

function Human(name) {this.name = name;return {};
}let one = new Human('c1er');
console.log(one); //輸出空對(duì)象 Object { }

以上述代碼為例：
使用new運(yùn)算符調(diào)用函數(shù)時(shí)，會(huì)返回一個(gè)對(duì)象。
如果構(gòu)造函數(shù)沒有return語(yǔ)句時(shí)，則默認(rèn)返回原型為Human.prototype的、設(shè)置了屬性name的對(duì)象。
然而就像Class的constructor一樣，return語(yǔ)句返回一個(gè)對(duì)象時(shí)，該對(duì)象將被作為new操作符的結(jié)果返回。
因此：
A：String()作為普通函數(shù)使用時(shí)，將值轉(zhuǎn)為字符串，不是對(duì)象，默認(rèn)返回是一個(gè)空對(duì)象，原型為匿名函數(shù)的prototype。

String(new function(){ return String('foo'); })
"[object Object]"

B：String()作為構(gòu)造函數(shù)來(lái)用時(shí)，返回了一個(gè)字符串包裝對(duì)象。

String(new function(){ return new String('foo'); })
"foo"

---

以下結(jié)果里，返回 false 的是？

A.[] == true
B.!![]
C.NaN == NaN
D.null == undefined

正確答案: A C
你的答案: C

A中，兩邊都進(jìn)行了隱式轉(zhuǎn)換。true 會(huì)轉(zhuǎn)為1 ,[ ] 會(huì)轉(zhuǎn)為 0 ，最后是比較的是 0 == 1，所以結(jié)果是false。
注意：[]轉(zhuǎn)換成字符串為“”
[]轉(zhuǎn)換成boolean為true；
[]轉(zhuǎn)換成數(shù)字為0；
這樣B中的[]即隱式轉(zhuǎn)換為true

---

以下輸出結(jié)果為object的是( )

A.typeof null
B.typeof undefined
C.typeof []
D.typeof 5

正確答案: A C
你的答案: A

---

指令中哪種作用域可以繼承父scope

A. scope:true
B. scope:{}
C. scope:parent
D. 默認(rèn)就繼承了父作用域

正確答案: A

Angular scope的繼承
以下指令匯創(chuàng)建新的scope，并且在原型上繼承父scope
ng-repeat， ng-switch，ng-view，ng-controller
帶有scope: true的指令，帶有transclude:true的指令

值得注意的是以下指令不會(huì)繼承父scope
scope: {}的指令，這會(huì)創(chuàng)建一個(gè)隔離作用域
scope: false ,這會(huì)共享作用域

---

分析下面javascript代碼：

<script>function out(x){var temp = 2;function inside(y){document.write( x + y + (temp--));}inside(5);}out(3);</script>

輸出結(jié)果為：

A. 8
B. 9
C. 10
D. 11

正確答案: C

temp先計(jì)算再自減

--運(yùn)算符前置和后置的區(qū)別:
如果該運(yùn)算符作為后置操作符，則返回它遞減之前的值。
如果該運(yùn)算符作為前置操作符，則返回它遞減之后的值。

后置：

var i = 5;
var a = i--;
console.log(i);//輸出4
console.log(a);//輸出5

前置：

var j = 5;
var b = --j;
console.log(j);//輸出4
console.log(b);//輸出4

---

以下描述錯(cuò)誤的是

A. cookie以及l(fā)oaclStorage都會(huì)伴隨著http請(qǐng)求發(fā)送到服務(wù)器
B. get提交的url會(huì)有長(zhǎng)度的限制，而post提交的數(shù)據(jù)則可以比較大
C. 在javascript中可以操作cookie
D. javascript在瀏覽器的執(zhí)行是單線程的
E. html5中的新增存儲(chǔ)方式包括localStorage/sessionStorage

正確答案: A

---

關(guān)于CSS，以下說(shuō)法正確的有：

A. currentcolor取值為當(dāng)前元素CSS樣式color屬性的值
B. calc( )函數(shù)允許使用加法和減法，不允許使用乘法和除法
C. attr( )函數(shù)只能在content屬性中使用
D. color: currentcolor 和 color: inherit 是等價(jià)的

正確答案: A D

• calc()使用通用的數(shù)學(xué)運(yùn)算規(guī)則，但是也提供更智能的功能：
  使用+、-、* 和 /四則運(yùn)算；
  可以使用百分比、px、em、rem等單位；
  可以混合使用各種單位進(jìn)行計(jì)算；
  表達(dá)式中有“+”和“-”時(shí)，其前后必須要有空格，如widht: calc(12%+5em)這種沒有空格的寫法是錯(cuò)誤的；
  表達(dá)式中有*和/時(shí)，其前后可以沒有空格，但建議留有空格。
• 在CSS3中擴(kuò)展了顏色值包含 currentColor 關(guān)鍵字，并用于所有接受顏色的屬性上。
  currentColor是 color 屬性的值，具體意思是指：currentColor關(guān)鍵字的使用值是 color 屬性值的計(jì)算值。如果currentColor關(guān)鍵字。
  被應(yīng)用在 color 屬性自身，則相當(dāng)于是 color: inherit。

---

CSS3新增特性有（）

A. font-size
B. @media
C. @keyframes
D. flexbox

正確答案: B C D
你的答案: B C

css3新增特性

1. CSS3選擇器
2. CSS3邊框(Borders)
3. CSS3背景
4. CSS3漸變
5. CSS3文本效果
6. CSS3字體(@font-face規(guī)則)
7. CSS3轉(zhuǎn)換和變形

• 1）2D轉(zhuǎn)換方法
• 2）3D轉(zhuǎn)換屬性

8. CSS3過(guò)度（transition屬性）
9. CSS3動(dòng)畫（@keyframes規(guī)則 animation屬性）
10. CSS3多列
11. CSS3盒模型
12. CSS3伸縮布局盒模型(彈性盒子)（flexbox）
13. CSS3多媒體查詢（@media）

---

css設(shè)置鏈接樣式下列說(shuō)法正確的是（）

A.a:hover可以在a:visited 之前生效
B.a:hover可以在a:link之前生效
C.a:active 必須位于 a:hover 之后
D.a:active - 鏈接被點(diǎn)擊后的樣式

正確答案: C 你的答案: A

解析：a:link,a:visited,a:hover,a:active 分別是什么意思?

1. link:連接平常的狀態(tài)
2. visited:連接被訪問(wèn)過(guò)之后
3. hover:鼠標(biāo)放到連接上的時(shí)候
4. active:連接被按下的時(shí)候

正確順序：“愛恨原則”（LoVe/HAte），即四種偽類的首字母:LVHA。再重復(fù)一遍正確的順序：a:link、a:visited、a:hover、a:active .

因?yàn)楫?dāng)鼠標(biāo)經(jīng)過(guò)未訪問(wèn)的鏈接，會(huì)同時(shí)擁有a:link、a:hover兩種屬性，a:link離它最近，所以它優(yōu)先滿足a:link，而放棄a:hover的重復(fù)定義。當(dāng)鼠標(biāo)經(jīng)過(guò)已經(jīng)訪問(wèn)過(guò)的鏈接，會(huì)同時(shí)擁有a:visited、a:hover兩種屬性，a:visited離它最近，所以它優(yōu)先滿足a:visited，而放棄a:hover的重復(fù)定義。究其原因，是css的就近原則“惹的禍”。

總結(jié)

以上是生活随笔為你收集整理的前端面经笔记 2021.8.28的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。