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

---

下面哪些執(zhí)行結果為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

關于D:錯誤，對象總等于真。

關于A、B:

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

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

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

B：String()作為構造函數(shù)來用時，返回了一個字符串包裝對象。

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

---

以下結果里，返回 false 的是？

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

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

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

---

以下輸出結果為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. 默認就繼承了父作用域

正確答案: A

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

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

---

分析下面javascript代碼：

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

輸出結果為：

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

正確答案: C

temp先計算再自減

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

后置：

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

---

以下描述錯誤的是

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

正確答案: A

---

關于CSS，以下說法正確的有：

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

正確答案: A D

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

• 1）2D轉換方法
• 2）3D轉換屬性

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

---

css設置鏈接樣式下列說法正確的是（）

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

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

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

1. link:連接平常的狀態(tài)
2. visited:連接被訪問過之后
3. hover:鼠標放到連接上的時候
4. active:連接被按下的時候

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

因為當鼠標經(jīng)過未訪問的鏈接，會同時擁有a:link、a:hover兩種屬性，a:link離它最近，所以它優(yōu)先滿足a:link，而放棄a:hover的重復定義。當鼠標經(jīng)過已經(jīng)訪問過的鏈接，會同時擁有a:visited、a:hover兩種屬性，a:visited離它最近，所以它優(yōu)先滿足a:visited，而放棄a:hover的重復定義。究其原因，是css的就近原則“惹的禍”。

總結

以上是生活随笔為你收集整理的前端面经笔记 2021.8.28的全部內容，希望文章能夠幫你解決所遇到的問題。

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