HTTP，HTML，瀏覽器

1.說一下http和https

2、tcp三次握手，一句話概括

3、TCP和UDP的區(qū)別

4、WebSocket的實現(xiàn)和應用

6. 一個圖片url訪問后直接下載怎樣實現(xiàn)？
7. 說一下web Quality(無障礙)
8. 幾個很實用的BOM屬性對象方法?
9. 說一下HTML5 drag api
10. 說一下http2.0
11. 補充400和401、403狀態(tài)碼
12. fetch發(fā)送2次請求的原因
13. Cookie、sessionStorage、localStorage的區(qū)別
14. 說一下web worker
15. 對HTML語義化標簽的理解
16. iframe是什么？有什么缺點？
17. Doctype作用?嚴格模式與混雜模式如何區(qū)分？它們有何意義?
18. Cookie如何防范XSS攻擊
19、Cookie和session的區(qū)別
20、句話概括RESTFUL
21、講講viewport和移動端布局
22、click在ios上有300ms延遲，原因及如何解決？

23、addEventListener參數(shù)

24、cookie sessionStorage localStorage區(qū)別

25、cookie session區(qū)別

26、iframe通信，同源和不同源兩種情況，多少種方法。同源我說了，根據(jù)父頁面以及cookie，不同源我說了設置子域的方法。

27、介紹知道的http返回的狀態(tài)碼

28、http常用請求頭

29、強，協(xié)商緩存

30、HTTP狀態(tài)碼說說你知道的

31、講講304

32、強緩存、協(xié)商緩存什么時候用哪個

33、前端優(yōu)化

34、GET和POST的區(qū)別

35、301和302的區(qū)別

36、HTTP支持的方法

37、如何畫一個三角形

38、狀態(tài)碼304和200

39、說一下瀏覽器緩存

40、HTML5新增的元素
41、在地址欄里輸入一個URL,到這個頁面呈現(xiàn)出來，中間會發(fā)生什么？
42、cookie和session的區(qū)別，localstorage和sessionstorage的區(qū)別
43、常見的HTTP的頭部
44、HTTP2.0的特性
46、瀏覽器在生成頁面的時候，會生成那兩顆樹？

47、csrf和xss的網(wǎng)絡攻擊及防范

48、怎么看網(wǎng)站的性能如何

49、介紹HTTP協(xié)議(特征)

50、輸入URL到頁面加載顯示完成發(fā)生了什么?

51、說一下對Cookie和Session的認知，Cookie有哪些限制？

52、描述一下XSS和CRSF攻擊？防御方法？

53、知道304嗎，什么時候用304？

54、具體有哪些請求頭是跟緩存相關的

55、cookie和session的區(qū)別

56、cookie有哪些字段可以設置

57、cookie有哪些編碼方式？

58、前端優(yōu)化策略

59、既然你看過圖解http，那你回答下200和304的區(qū)別

60、除了cookie，還有什么存儲方式。說說cookie和localStorage的區(qū)別

61、瀏覽器輸入網(wǎng)址到頁面渲染全過程

62、HTML5和CSS3用的多嗎？你了解它們的新屬性嗎？有在項目中用過嗎？

63、HTTP狀態(tài)碼

64、http常見的請求方法

65、get和post的區(qū)別

66、說說302，301，304的狀態(tài)碼

67、web性能優(yōu)化

68、瀏覽器緩存機制

69、post和get區(qū)別

01CSS

1、說一下css盒模型
2、畫一條0.5px的線
2、link標簽和import標簽的區(qū)別
3、transition和animation的區(qū)別
4、Flex布局
5、BFC(塊級格式化上下文，用于清楚浮動，防止margin重疊等)
6、垂直居中的方法
7、關于js動畫和css3動畫的差異性
8、說一下塊元素和行元素
9、多行元素的文本省略號
10、visibility=hidden, opacity=0，display:none
11、雙邊距重疊問題(外邊距折疊)

12、position屬性 比較

13、浮動清除

14、css3新特性

15、CSS選擇器有哪些，優(yōu)先級呢

16、 清除浮動的方法，能講講嗎

17、怎么樣讓一個元素消失，講講

18、介紹一下盒模型

19、position相關屬性

20、css動畫如何實現(xiàn)

21、如何實現(xiàn)圖片在某個容器中居中的？

22、如何實現(xiàn)元素的垂直居中

23、CSS3中對溢出的處理

24、float的元素，display是什么

25、隱藏頁面中某個元素的方法

26、三欄布局的實現(xiàn)方式，盡可能多寫，浮動布局時，三個div的生成順序有沒有影響

27、什么是BFC

28、calc屬性

29、有一個width300，height300，怎么實現(xiàn)在屏幕上垂直水平居中

30、display：table和本身的table有什么區(qū)別

31、position屬性的值有哪些及其區(qū)別

32、z-index的定位方法

33、CSS盒模型

34、如果想要改變一個DOM元素的字體顏色，不在它本身上進行操作？

35、對CSS的新屬性有了解過的嗎？

36、用的最多的css屬性是啥？

37、line-height和height的區(qū)別

38、設置一個元素的背景顏色，背景顏色會填充哪些區(qū)域？

39、知道屬性選擇器和偽類選擇器的優(yōu)先級嗎

40、inline-block、inline和block的區(qū)別；為什么img是inline還可以設置寬高

41、用css實現(xiàn)一個硬幣旋轉的效果

42、了解重繪和重排嗎，知道怎么去減少重繪和重排嗎，讓文檔脫離文檔流有哪些方法

43、CSS畫正方體，三角形

44、overflow的原理
45、清除浮動的方法
46、box-sizing的語法和基本用處

47、使元素消失的方法有哪些？

48、兩個嵌套的div，position都是absolute，子div設置top屬性，那么這個top是相對于父元素的哪個位置定位的。

49、說說盒子模型

50、display

51、怎么隱藏一個元素

52、display:none和visibilty:hidden的區(qū)別

53、相對布局和絕對布局，position:relative和obsolute。

54、flex布局

55、block、inline、inline-block的區(qū)別。

56、css的常用選擇器

57、css布局

58、css定位

59、relative定位規(guī)則

60、垂直居中

61、css預處理器有什么

Javasvript

@JavaScript基礎

1.get請求傳參長度的誤區(qū)

2.補充get和post請求在緩存方面的區(qū)別

3.說一下閉包

4.說一下類的創(chuàng)建和繼承

5. 如何解決異步回調地獄
6. 說說前端中的事件流
7. 如何讓事件先冒泡后捕獲
8. 說一下事件委托
9. 說一下圖片的懶加載和預加載
10. mouseover和mouseenter的區(qū)別
11. js的new操作符做了哪些事情
12. 改變函數(shù)內部this指針的指向函數(shù)(bind，apply，call的區(qū)別)
13. js的各種位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的區(qū)別？

14. js拖拽功能的實現(xiàn)
15. 異步加載js的方法
16. Ajax解決瀏覽器緩存問題
17. js的節(jié)流和防抖
18. JS中的垃圾回收機制
19. eval是做什么的
20. 如何理解前端模塊化
21. 說一下Commonjs、AMD和CMD
22. 對象深度克隆的簡單實現(xiàn)
23. 實現(xiàn)一個once函數(shù)，傳入函數(shù)參數(shù)只執(zhí)行一次
24. 將原生的ajax封裝成promise
25. js監(jiān)聽對象屬性的改變
26. 如何實現(xiàn)一個私有變量，用getName方法可以訪問，不能直接訪問
27. ==和===、以及Object.is的區(qū)別
28. setTimeout、setInterval和requestAnimationFrame之間的區(qū)別
29. 實現(xiàn)一個兩列等高布局，講講思路

@JavaScript進階

1、自己實現(xiàn)一個bind函數(shù)

2、用setTimeout來實現(xiàn)setInterval

3、js怎么控制一次加載一張圖片，加載完后再加載下一張

4、代碼的執(zhí)行順序

5、如何實現(xiàn)sleep的效果(es5或者es6)
6、簡單的實現(xiàn)一個promise
7、Function.proto(getPrototypeOf)是什么？
8、實現(xiàn)js中所有對象的深度克隆(包裝對象，Date對象，正則對象)
9、簡單實現(xiàn)Node的Events模塊
10、箭頭函數(shù)中this指向舉例

11、js判斷類型

12、數(shù)組常用方法

13、數(shù)組去重

14、閉包有什么用

15、事件代理在捕獲階段的實際應用

16、去除字符串首尾空格

17、性能優(yōu)化

18來講講JS的閉包吧

19能來講講JS的語言特性嗎

20如何判斷一個數(shù)組(講到typeof差點掉坑里)

21你說到typeof，能不能加一個限制條件達到判斷條件

22 JS實現(xiàn)跨域

23 Js基本數(shù)據(jù)類型

24 js的命名方式

25 js深度拷貝一個元素的具體實現(xiàn)

26之前說了ES6set可以數(shù)組去重，是否還有數(shù)組去重的方法

27 JS的全排列

28 ?ES6中用過哪些

29 ?跨域的原理

30、不同數(shù)據(jù)類型的值的比較，是怎么轉換的，有什么規(guī)則

31、null == undefined為什么

32、this的指向 哪幾種

33、暫停死區(qū)

34、AngularJS雙向綁定原理

35、寫一個深度拷貝

36、簡歷中提到了requestAnimationFrame，請問是怎么使用的

37、有一個游戲叫做Flappy Bird，就是一只小鳥在飛，前面是無盡的沙漠，上下不斷有鋼管生成，你要躲避鋼管。然后小明在玩這個游戲時候老是卡頓甚至崩潰，說出原因(3-5個)以及解決辦法(3-5個)

38、編寫代碼，滿足以下條件：

(1)Hero("37er");執(zhí)行結果為

Hi! This is 37er

(2)Hero("37er").kill(1).recover(30);執(zhí)行結果為

Hi! This is 37er

Kill 1 bug

Recover 30 bloods

(3)Hero("37er").sleep(10).kill(2)執(zhí)行結果為

Hi! This is 37er

//等待10s后

Kill 2 bugs ?//注意為bugs

(雙斜線后的為提示信息，不需要打印)

39、 jit;jc

40、es6新特性用過哪些

41、什么是按需加載

42、說一下什么是virtual dom

43、webpack用***什么的

44、ant-design優(yōu)點和缺點

45、JS中繼承實現(xiàn)的幾種方式，
46、寫一個函數(shù)，第一秒打印1，第二秒打印2
47、vue的生命周期

48、簡單介紹一下symbol

49、什么是事件監(jiān)聽
50、介紹一下promise，及其底層如何實現(xiàn)

51、說說C++,Java，JavaScript這三種語言的區(qū)別

52、js原型鏈，原型鏈的頂端是什么？Object的原型是什么？Object的原型的原型是什么？在數(shù)組原型鏈上實現(xiàn)刪除數(shù)組重復數(shù)據(jù)的方法

53、什么是js的閉包？有什么作用，用閉包寫個單例模式

54、promise+Generator+Async的使用

55、事件委托以及冒泡原理。

56、寫個函數(shù)，可以轉化下劃線命名到駝峰命名

57、深淺拷貝的區(qū)別和實現(xiàn)
58、JS中string的startwith和indexof兩種方法的區(qū)別
59、js字符串轉數(shù)字的方法
60、let const var的區(qū)別 ，什么是塊級作用域，如何用ES5的方法實現(xiàn)塊級作用域(立即執(zhí)行函數(shù))，ES6呢
61、ES6箭頭函數(shù)的特性
62、setTimeout和Promise的執(zhí)行順序
63、有了解過事件模型嗎，DOM0級和DOM2級有什么區(qū)別，DOM的分級是什么
64、平時是怎么調試JS的
65、JS的基本數(shù)據(jù)類型有哪些，基本數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別，NaN是什么的縮寫，JS的作用域類型，undefined==null返回的結果是什么，undefined與null的區(qū)別在哪，寫一個函數(shù)判斷變量類型
66、setTimeout(fn,100);100毫秒是如何權衡的
67、JS的垃圾回收機制
68、寫一個newBind函數(shù)，完成bind的功能。
69、怎么獲得對象上的屬性：比如說通過Object.key()
70、簡單講一講ES6的一些新特性
71、call和apply是用來做什么？
72、了解事件代理嗎，這樣做有什么好處

73、如何使不同頁面之間進行通信

74、 如何寫一個繼承？

75、給出以下代碼，輸出的結果是什么？原因？

for(var i=0;i<5;i++) {

** ?setTimeout(function(){**

** ? ? console.log(i);**

** ?},1000);**

}

console.log(i)

76、給兩個構造函數(shù)A和B，如何實現(xiàn)A繼承B？

77、問能不能正常打印索引

78、如果已經(jīng)有三個promise，A、B和C，想串行執(zhí)行，該怎么寫？

79、知道private和public嗎

80、基礎的js

81、async和await具體該怎么用？

82、知道哪些ES6，ES7的語法

83、promise和await/async的關系

84、問了一段js代碼，輸出結果是什么

85、js的數(shù)據(jù)類型

86、js加載過程阻塞，解決方法。

87、js對象類型，基本對象類型以及引用對象類型的區(qū)別

88、JavaScript中的輪播實現(xiàn)原理？假如一個頁面上有兩個輪播，你會怎么實現(xiàn)？

89、怎么實現(xiàn)一個計算一年中有多少周？

90、面向對象的繼承方式

91、 JS的數(shù)據(jù)類型

92、引用類型常見的對象

93、es6的常用

94、class

95、口述數(shù)組去重

96、繼承

97、call和apply的區(qū)別

98、es6的常用特性

99、箭頭函數(shù)和function有什么區(qū)別

100、new操作符原理

101、bind,apply,call

102、bind和apply的區(qū)別

103、數(shù)組的去重

104、閉包

105、promise實現(xiàn)

106、assign的深拷貝

107、說promise，沒有promise怎么辦

108、事件委托

109、怎么用原生的js實現(xiàn)jquery的一個特定方法

110、箭頭函數(shù)和function的區(qū)別

111、arguments

112、箭頭函數(shù)獲取arguments

113、Promise

114、模塊化開發(fā)(require)

115、事件代理

116、Eventloop

前端核心

1、服務端編程

1、JSONP的缺點

2、跨域(jsonp，ajax)

3、如何實現(xiàn)跨域

4 dom是什么，你的理解？

5 ?關于dom的api有什么

2、AJAX

1、ajax返回的狀態(tài)

2、實現(xiàn)一個Ajax

3、如何實現(xiàn)ajax請求，假如我有多個請求，我需要讓這些ajax請求按照某種順序一次執(zhí)行，有什么辦法呢？如何處理ajax跨域
4、寫出原生Ajax
5如何實現(xiàn)一個ajax請求？如果我想發(fā)出兩個有順序的ajax需要怎么做？
6 ?Fetch和Ajax比有什么優(yōu)缺點？
7 ?原生JS的ajax

5、移動web開發(fā)

移動應用和web應用的關系

2、知道PWA嗎

3、做過移動端嗎

4、知道touch事件嗎

5、移動端的DEMO什么的有沒有做過點的

前端進階

1、前端工作流

1、前端測試

2、作為一個項目負責人怎么協(xié)調多人協(xié)作

3、接口文檔的制定(給自己挖了一個坑)

4、需求不明確，接口文檔是不是越詳細越好

5、webpack和gulp區(qū)別(模塊化與流的區(qū)別)

2、流行框架

1、redux用處

2、redux里常用方法

3、angularJs和react區(qū)別

4、vue雙向綁定原理

5、說說vue react angularjs jquery的區(qū)別

3、Nodejs

1、node的事件方法講講看

2、node的特性，適合處理什么場景

3、你有用到Express,講講Express

4、promise的狀態(tài)有那些

5、數(shù)組移除第一個元素的方法有哪些？

移動端開發(fā)

1、React

1 ?react生命周期

2組件什么時候用state

3 ?受控組件和非受控組件

4 ?react和angular的區(qū)別

5 ?介紹一下react

6 ?React單項數(shù)據(jù)流

7、react生命周期函數(shù)和react組件的生命周期

8、react和Vue的原理，區(qū)別，亮點，作用，

9、reactJs的組件交流

10、有了解過react的虛擬DOM嗎，虛擬DOM是怎么對比的呢

11、react和Vue的原理，區(qū)別，亮點，作用，

12 ?項目里用到了react，為什么要選擇react，react有哪些好處

13 ?怎么獲取真正的dom

14、選擇react的原因

15、react的生命周期函數(shù)

16、setState之后的流程

17、react高階組件知道嗎？

18、React的jsx，函數(shù)式編程

19、React的生命周期

20、 說說自己理解的react

21、react的組件是通過什么去判斷是否刷新的

職業(yè)發(fā)展

1、介紹一下前端的學習經(jīng)歷

2、為什么選擇前端

3、作為一個專業(yè)的前端，你覺得應該掌握哪些知識

4、什么時候接觸前端

5、大學學過哪些編程的課

6、選擇前端的原因

7、對未來三年職業(yè)的規(guī)劃

8、你一般是通過什么方式學習前端的？

9、怎么學的前端？

10、看到你簡歷上有創(chuàng)客空間前端培訓，是怎么樣的形式？

11、你還有什么我沒問到的優(yōu)勢嗎

12、看過什么書

13、簡單的介紹一下你自己，你知道哪些技術

14、為什么要選擇web前端

15、比較厲害的技術

16、你為什么學前端，以及你學前端怎么堅持下來的

17、你認為一名前端工程師應該具備什么特點？一般是和產(chǎn)品，ui溝通做頁面還是直接把圖拿過來做？

18、如果直接按照圖來做，有沒有遇到過頁面上實現(xiàn)不了的功能？遇到這樣的問題怎么進行處理？

19、你一般是怎么學習前端的

20、看書的話，你是怎么判斷書上的知識一定是對的？

21、也問了怎么學習前端的？看哪些書？

22、高程上面你覺得有什么地方是比較難理解的？

23、學過哪些框架？

24、我看見你寫了一個js庫，說一下有什么？

25、看過什么書？有沒有一頁一頁看

26、你理解的框架

六、項目

1、介紹一個做過的項目

遇到的難題，怎么解決(webpack相關)

3、簡單的自我介紹

4、項目相關的問題詢問，在項目中又有到過哪些難題，怎么解決的

5、項目的同源處理，跨越相關，jsonp的具體實現(xiàn)，穿插HTML中嵌入js的位置的影響

6、看一下github

7、遇到過什么安全問題 怎么解決的

8、讓你帶領一個小團隊完成一個項目，我會怎么做？

9、前端的項目如何進行優(yōu)化，移動端呢

10、項目中使用了iframe，說說iframe的優(yōu)缺點

11、項目中有沒有遇到什么安全漏洞，安全問題。

12、介紹一下最近做的一個項目

13、用到了哪些前端相關技術

14、簡歷上的項目亮點

15、最自豪的項目？遇到的難點？做了多久

16、最自豪的事情？

17、前端工程化

Computer計算機基礎

1、計算機網(wǎng)絡

1.TCP建立連接的三次握手過程

2.TCP四次揮手過程

3 ?tcp三次握手過程

4 ?說一下用戶從輸入url到顯示頁面這個過程發(fā)生了什么

5、HTTP的頭部包含哪些內容。常見的請求方法(我為什么要說后面的options，head，connect)

6、請求方法head特性
7、HTTP狀態(tài)碼，301和302有什么具體區(qū)別，200和304 的區(qū)別，
8、OSI七層模型
9、TCP和UDP的區(qū)別，為什么三次握手四次揮手
10、HTTP緩存機制
11、websocket和ajax的區(qū)別是什么，websocket的應用場景有哪些
12、TCP/IP的網(wǎng)絡模型
13、知道什么跨域方式嗎，jsonp具體流程是什么，如何實現(xiàn)原生Jsonp封裝，優(yōu)化，對于CORS，服務器怎么判斷它該不該跨域呢
14、怎么生成token，怎么傳遞，

2、操作系統(tǒng)

1 ?操作系統(tǒng)進程和線程的區(qū)別
2 什么是進程 線程
3 ?線程的那些資源共享，那些資源不共享
4、linux指令用的多嗎，怎么進行進程間通信

5、kill指令了解過嗎

6、操作系統(tǒng)里面進程和線程的區(qū)別

7、Linux查詢進程指令，查詢端口，殺進程，
8、進程間的通信方式有哪些

3、數(shù)據(jù)庫

1 ?Redis 和 mysql

算法與數(shù)據(jù)結構

1、樹

1 ?二叉樹層序遍歷

2、B樹的特性，B樹和B+樹的區(qū)別

2、遞歸

1 ?尾遞歸

2 ?如何寫一個大數(shù)階乘？遞歸的方***出現(xiàn)什么問題？

3 ?把多維數(shù)組變成一維數(shù)組的方法

3、排序

1 ?知道的排序算法 說一下冒泡快排的原理

2、說一下你了解的數(shù)據(jù)結構區(qū)別

3、Heap排序方法的原理？復雜度？

4、幾種常見的排序算法，手寫
5、數(shù)組的去重，盡可能寫出多個方法
6、如果有一個大的數(shù)組，都是整型，怎么找出最大的前10個數(shù)
7、知道數(shù)據(jù)結構里面的常見的數(shù)據(jù)結構
8、找出數(shù)組中第k大的數(shù)組出現(xiàn)多少次，比如數(shù)組【1，2，4，4，3，5】第二大的數(shù)字是4，出現(xiàn)兩次，所以返回2
9、合并兩個有序數(shù)組

總結

以上是生活随笔為你收集整理的layui前端页面table表格怎么格式化转换时间_前端开发面经知识点总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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