前端考題
1. 宣告變數的方法、型別有哪些
2. let a = “aaa”; b = a;
console.log(a);
console.log(b);
b = “bbb”;
console.log(a);
console.log(b);
let c = 1; d = c;
console.log(c);
console.log(d);
d = 2;
console.log(c);
console.log(d);
let e = [1, 2, 3]; f = e;
console.log(f);
console.log(e);
f = […e,4];
console.log(f);
console.log(e);
let g = {1: a, 2:b, 3: c}; h = g;
console.log(g);
console.log(h);
h = {…, 4:d};
console.log(g);
console.log(h);
3. 何為 let/const 跟 var 的差別為何？
4. 何為 scope/closure/hoisting/proto/DOM
5. object 等於
let name = {
firstName: "suprabha",
lastName: "supi"
}
let fullName = {
firstName: "suprabha",
lastName: "supi"
}
let copyName = fullName
console.log(name === fullName) // false
console.log(copyName == fullName) // true
6. function a() {
console.log(this)
}
7. for(var i = 1; i <= 5; i++) {
setTimeout(function() {
console.log(i)
}, 0)
}
8. 0.1 + 0.2
9. 請描述 cookies, sessionStorage 和 localStorage 的不同？
10. 描述下列之間的不同 <script>, <script async> & <script defer>
11. 為什麼把 CSS <link> 放在 <head></head> 之間，與將 JS <script> 放在 </body> 之前是個較好的主意？有什麼例外情形嗎？
12. 嘗試寫出一段包含label + input的code => 在框架裡面對轉成 json
13. HTML 樣板語言
14. PWA
15. reset/normalize
16. 如何調教列印頁面
17. 如何確定想用的功能一定可以使用，如何開啟專案？
18. 接到一包有歷史的code，開始維護的優先序為何？
19. js/css寫法基本架構為何？
20. 嘗試列舉出三種以上排版方法，以及置中方法
21. 嘗試切出一個L版
22. 何為預處理器
23. gulp/grunt/webpack為何物？package.Json
24. Box model
25. pt/px/em/rem 差別
26. library/[[framework|framework]] 差別
27. AMD vs. CommonJS?
28. null、undefined 和 undeclared 變數之間有什麼差異？你如何檢查？
29. 什麼是同步非同步
30. 什麼是jsonp
31. == 和 === 有什麼不同？
32. 解釋什麼是 single page app，並怎麼讓它對 SEO 更友善。
33. Promises 之於 callbacks 的優劣？
34. By value vs by reference
35. [[restful-api|RESTful api]]
36. load vs. DOMContentLoaded 網頁基本 lifecycle
37. Ajax, xhr 範例
38. export / Import
39. git-flow/gitlab-flow
TODOS
待更新
延伸閱讀
(前後端分離 - 序章)前後端分離 - 序章