2024最新前端面試八股文【基礎篇293題】

?、HTML、HTTP、web綜合問題

1 前端需要注意哪些SEO

2 <img> title alt 有什么區別

3 HTTP的?種請求?法?途

4 從瀏覽器地址欄輸?url到顯示??的步驟

5 如何進??站性能優化

6 HTTP狀態碼及其含義

7 語義化的理解

8 介紹?下你對瀏覽器內核的理解

9 html5有哪些新特性、移除了那些元素?

10 HTML5 的離線儲存怎么使?,?作原理能不能解釋?下?

11 瀏覽器是怎么對 HTML5 的離線儲存資源進?管理和加載的呢

12 請描述?下 cookies sessionStorage localStorage 的區別?

13 iframe有那些缺點?

14 WEB標準以及W3C標準是什么?

15 xhtml和html有什么區別?

16 Doctype作?? 嚴格模式與混雜模式如何區分?它們有何意義?

17 ?內元素有哪些?塊級元素有哪些? 空(void)元素有那些??內元

素和塊級元素有什么區別?

18 HTML全局屬性(global attribute)有哪些

19 Canvas和SVG有什么區別?

20 HTML5 為什么只需要寫 <!DOCTYPE HTML>

21 如何在??上實現?個圓形的可點擊區域?

22 ??驗證碼是?嘛的,是為了解決什么安全問題

23 viewport

24 渲染優化

25 meta viewport相關

26 你做的??在哪些流覽器測試過?這些瀏覽器的內核分別是什么?

27 div+css的布局較table布局有什么優點

28 a:img的alt與title有何異同?b:strong與em的異同?

29 你能描述?下漸進增強和優雅降級之間的不同嗎

30 為什么利?多個域名來存儲?站資源會更有效?

31 簡述?下src與href的區別

32 知道的??制作會?到的圖?格式有哪些?

33 在css/js代碼上線之后開發?員經常會優化性能,從?戶刷新??

開始,?次js請求?般情況下有哪些地?會有緩存處理?

33 ?個??上有?量的圖?(?型電商?站),加載很慢,你有哪

些?法優化這些圖?的加載,給?戶更好的體驗。

34 常?排序算法的時間復雜度,空間復雜度

35 web開發中會話跟蹤的?法有哪些

36 HTTP request報?結構是怎樣的

37 HTTP response報?結構是怎樣的

?、CSS部分

1 css sprite是什么,有什么優缺點

2 display: none; visibility: hidden; 的區別

3 link @import 的區別

4 什么是FOUC?如何避免

5 如何創建塊級格式化上下?(block formatting context),BFC有什么?

6 display、float、position的關系

7 清除浮動的?種?式,各?的優缺點

8 為什么要初始化CSS樣式?

9 css3有哪些新特性

10 display有哪些值?說明他們的作?

11 介紹?下標準的CSS的盒?模型?低版本IE的盒?模型有什么不同

的?

12 CSS優先級算法如何計算?

13 對BFC規范的理解?

14 談談浮動和清除浮動

15 position的值, relative和absolute定位原點是

16 display:inline-block 什么時候不會顯示間隙?(攜程)

17 PNG\GIF\JPG的區別及如何選

18 ?內元素float:left后是否變為塊級元素?

19 在??中的應該使?奇數還是偶數的字體?為什么呢?

20 ::before 和 :after中雙冒號和單冒號 有什么區別?解釋?下這2個

偽元素的作?

21 如果需要?動寫動畫,你認為最?時間間隔是多久,為什么?(阿

?)

22 CSS合并?法

23 CSS不同選擇器的權重(CSS層疊的規則)

24 列出你所知道可以改變??布局的屬性

25 CSS在性能優化??的實踐

26 CSS3動畫(簡單動畫的實現,如旋轉等

27 base64的原理及優缺點

28 ?種常?的CSS布局

29 stylus/sass/less區

30 postcss的作?

31 css樣式(選擇器)的優先級

32 ?定義字體的使?場景

33 如何美化CheckBox

34 偽類和偽元素的區別

35 base64 的使?

36 ?適應布局

37 請?CSS寫?個簡單的幻燈?效果??

38 什么是外邊距重疊?重疊的結果是什么?

39 rgba()和opacity的透明效果有什么不同?

40 css中可以讓?字在垂直和?平?向上重疊的兩個屬性是什么?

41 如何垂直居中?個浮動元素?

42 px和em的區別

43 Sass、LESS是什么??家為什么要使?他們?

44 知道css有個content屬性嗎?有什么作??有什么應??

45 ?平居中的?法

46 垂直居中的?法

47 如何使?CSS實現硬件加速?

48 重繪和回流(重排)是什么,如何避免?

49 說?說css3的animation

50 左邊寬度固定,右邊?適應

51 兩種以上?式實現已知或者未知寬度的垂直?平居中

52 如何實現?于12px的字體效果

三、JavaScript

1 閉包

2 說說你對作?域鏈的理解

3 JavaScript原型,原型鏈 ? 有什么特點?

4 請解釋什么是事件代理

5 Javascript如何實現繼承?

6 談談This對象的理解

7 事件模型

8 new操作符具體干了什么呢?

9 Ajax原理

10 如何解決跨域問題?

11 模塊化開發怎么做?

12 異步加載JS的?式有哪些?

13 那些操作會造成內存泄漏?

14 XML和JSON的區別?

15 談談你對webpack的看法

16 說說你對AMD和Commonjs的理解

17 常?web安全及防護原理

18 ?過哪些設計模式?

19 為什么要有同源限制?

21 javascript有哪些?法定義對象

22 常見兼容性問題?

23 說說你對promise的了解

24 你覺得jQuery源碼有哪些寫的好的地方

25 vue、react、angular

26 Node的應用場景

27 談談你對AMD、CMD的理解

28 那些操作會造成內存泄漏

29 web開發中會話跟蹤的?法有哪些

30 介紹js的基本數據類型

31 介紹js有哪些內置對象

32 說幾條寫JavaScript的基本規范

33 JavaScript有?種類型的值

34 javascript創建對象的?種?式

35 eval是做什么的

36 null,undefined 的區別

37 ["1","2","3"].map(parselnt)答案是多少

38 javascript 代碼中的"use strict";是什么意思

39 JSON 的了解

40 js延遲加載的?式有哪些

41 同步和異步的區別

42 漸進增強和優雅降級

43 defer和async

44 說說嚴格模式的限制

45 attribute和property的區別是什么

46 談談你對ES6的理解

47 ECMAScript6 怎么寫class么

48 什么是?向對象編程及?向過程編程,它們的異同和優缺點

49 ?向對象編程思想

50 對web標準、可?性、可訪問性的理解

51如何通過JS判斷一個數組

52 談-談let與var的區別

53 map與forEach的區別

54 談一談你理解的函數式編程

55 談?談箭頭函數與普通函數的區別?

56 談?談函數中this的指向

57 異步編程的實現?式

58 對原?Javascript了解程度

59 Js動畫與CSS動畫區別及相應實現

60 JS 數組和對象的遍歷?式,以及?種?式的?較

61 gulp是什么

62 說?下Vue的雙向綁定數據的原理

63 事件的各個階段

64 let var const

65 快速的讓?個數組亂序

66 如何渲染?萬條數據并不卡住界?

67 希望獲取到??中所有的checkbox怎么做?

68 怎樣添加、移除、移動、復制、創建和查找節點

69 正則表達式

70 Javascript中callee和caller的作??

71 window.onload和$(document).ready

72 addEventListener()和attachEvent()的區別

73 獲取??所有的checkbox

74 數組去重?法總結

75 (設計題)想實現?個對??某個節點的拖曳?如何做?(使?

原?JS)

76 Javascript全局函數和全局變量

77 使?js實現?個持續的動畫效果

78 封裝?個函數,參數是定時器的時間,.then執?回調函數

79 怎么判斷兩個對象相等?

80 項?做過哪些性能優化?

81 瀏覽器緩存

82 WebSocket

83 盡可能多的說出你對 Electron 的理解

84 深淺拷?

85 防抖/節流

86 談談變量提升?

87 什么是單線程,和異步的關系

88 是否?過 jQuery 的 Deferred

89 前端?試之hybrid

90 前端?試之組件化

91 前端?試之MVVM淺析

92 實現效果,點擊容器內的圖標,圖標邊框變成border 1px solid

red,點擊空?處重置

93 請簡單實現雙向數據綁定

94 實現Storage,使得該對象為單例,并對 mvvm localStorage 進?封裝設置值setItem(key,value)和getItem(key)

95 說說event loop

96 說說事件流

97 為什么 canvas 的圖?為什么過有跨域問題

98 我現在有?個 canvas ,上?隨機布著?些?塊,請實現?法,計

算canvas上有多少個?塊

99 請?寫實現?個promise

100 說說從輸?URL到看到??發?的全過程,越詳細越好

101 描述?下 this

102 說?下瀏覽器的緩存機制

103 現在要你完成?個Dialog組件,說說你設計的思路?它應該有什

么功能?

104 caller callee 的區別

105 ajax、axios、fetch區別

四、jQuery

1 你覺得jQuery或zepto源碼有哪些寫的好的地?

2 jQuery 的實現原理

3 jQuery.fn init ?法返回的 this 指的是什么對象

4 jQuery.extend 與 jQuery.fn.extend 的區別

5 jQuery 的屬性拷?(extend)的實現原理是什么,如何實現深拷貝

6 jQuery 的隊列是如何實現的

7 jQuery 中的 bind(), live(), delegate(), on()的區別

8 是否知道?定義事件

9 jQuery 通過哪個?法和 Sizzle 選擇器結合的

10 jQuery 中如何將數組轉化為 JSON 字符串,然后再轉化回來

11 jQuery ?個對象可以同時綁定多個事件,這是如何實現的

12 針對 jQuery 的優化?法

13 jQuery 的 slideUp 動畫,當?標快速連續觸發, 動畫會滯后反復執

?,該如何處理呢

14 jQuery UI 如何?定義組件

15 jQuery 與 jQuery UI、jQuery Mobile 區別

16 jQuery 和 Zepto 的區別? 各?的使?場景

17 jQuery對象的特點

五、Bootstrap

1 什么是Bootstrap?以及為什么要使?Bootstrap?

2 使?Bootstrap時,要聲明的?檔類型是什么?以及為什么要這樣聲

明?

3 什么是Bootstrap?格系統

4 Bootstrap ?格系統(Grid System)的?作原理

5 對于各類尺?的設備,Bootstrap設置的class前綴分別是什么

6 Bootstrap ?格系統列與列之間的間隙寬度是多少

7 如果需要在?個標題的旁邊創建副標題,可以怎樣操作

8 ?Bootstrap,如何設置?字的對?方式?

9 Bootstrap如何設置響應式表格?

10 使?Bootstrap創建垂直表單的基本步驟?

11 使?Bootstrap創建?平表單的基本步驟?

12 使?Bootstrap如何創建表單控件的幫助?本?

13 使?Bootstrap激活或禁?按鈕要如何操作?

14 Bootstrap有哪些關于的class?

15 Bootstrap中有關元素浮動及清除浮動的class?

16 除了屏幕閱讀器外,其他設備上隱藏元素的class?

17 Bootstrap如何制作下拉菜單?

18 Bootstrap如何制作按鈕組?以及?平按鈕組和垂直按鈕組的優先

級?

19 Bootstrap如何設置按鈕的下拉菜單?

20 Bootstrap中的輸?框組如何制作?

21 Bootstrap中的導航都有哪些?

22 Bootstrap中設置分頁的class?

23 Bootstrap中顯示標簽的class?

24 Bootstrap中如何制作徽章?

25 Bootstrap中超?屏幕的作?是什么?

六、微信?程序

1 微信?程序有?個?件

2 微信?程序怎樣跟事件傳值

3 ?程序的 wxss 和 css 有哪些不?樣的地??

4 ?程序關聯微信公眾號如何確定?戶的唯?性

5 微信?程序與vue區別

七、webpack相關

1 打包體積 優化思路

2 打包效率

3 Loader

4 說?下webpack的?些plugin,怎么使?webpack對項?進?優化

?、編程題

1 寫?個通?的事件偵聽器函數

2 如何判斷?個對象是否為數組

3 冒泡排序

4 快速排序

5 編寫?個?法 求?個字符串的字節?度

6 bind的?法,以及如何實現bind的函數和需要注意的點

7 實現?個函數clone

8 下?這個ul,如何點擊每?列的時候alert其index

9 定義?個log?法,讓它可以代理console.log的?法

10 輸出今天的?期

11 ?js實現隨機選取10–100之間的10個數字,存??個數組,并排序

12 寫?段JS程序提取URL中的各個GET參數

13寫-個function,清除字符串前后的空格

14 實現每隔?秒鐘輸出1,2,3...數字

15 實現?個函數,判斷輸?是不是回?字符串

16、數組扁平化處理

九、其他

1 負載均衡

2 CDN

3 內存泄漏

4 babel原理

5 js?定義事件

6 前后端路由差別

?、綜合

1 談談你對重構的理解

2 什么樣的前端代碼是好的

3 對前端?程師這個職位是怎么樣理解的?它的前景會怎么樣

4 你覺得前端?程的價值體現在哪

5 平時如何管理你的項目

6 組件封裝

??、?些常?問題

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/16232.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/16232.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/16232.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【操作系統】發展與分類(手工操作、批處理、分時操作、實時操作)

2.操作系統發展與分類 思維導圖 手工操作階段&#xff08;此階段無操作系統&#xff09; 需要人工干預 缺點&#xff1a; 1.用戶獨占全機&#xff0c;資源利用率低&#xff1b; 2.CPU等待手工操作&#xff0c;CPU利用不充分。 批處理階段&#xff08;操作系統開始出現&#x…

鏈表-線性表的鏈式表示

鏈表-線性表的鏈式表示 #mermaid-svg-ozpXrKnNCyYdqHvN {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-ozpXrKnNCyYdqHvN .error-icon{fill:#552222;}#mermaid-svg-ozpXrKnNCyYdqHvN .error-text{fill:#552222;stro…

express 設定路徑別名

在使用ts情況下 pnpm i -D tsconfig-paths配置tsconfig.json {// 引入 tsconfig-paths/register// 注意 ts-node 的層級與 compilerOptions 相同"ts-node": {"require": ["tsconfig-paths/register"]},"compilerOptions": {// ...//…

width: auto 和 width: 100% 的區別

width: auto Vs. width: 100% 關于 width 屬性 CSS 中的 width 屬性用于設置元素的寬度。默認情況下&#xff0c;width 設置的是內容區&#xff08;content area&#xff09;的寬度。如果元素有樣式 box-sizing: border-box&#xff0c;則 width 設置的是邊框區&#xff08;bo…

正運動控制器:視覺糾偏和找孔

一、用戶主界面CCD參數設置 通過主界面CCD參數設置&#xff0c;學習如何操作計算相機中心與電批中心的偏移量&#xff0c;以及相機標定的功能。 1、相機中心與電批中心的偏移量計算 1.1、在用戶主界面點擊CCD參數按鈕&#xff0c;進入CCD設置界面。 主界面 CCD參數設置界面 1…

制作電子畫冊速成攻略,快來試試

?當今社會&#xff0c;數字媒體日益普及&#xff0c;電子畫冊作為一種嶄新的展示方式&#xff0c;受到了越來越多人的青睞。它不僅形式新穎&#xff0c;互動性強&#xff0c;而且制作起來也并不復雜。想知道如何快速掌握制作電子畫冊的技巧嗎&#xff1f;我來教你吧。 接下來&…

二叉樹的廣義表反序列化

前言 個人小記 一、代碼 #include<stdio.h> #include <stdlib.h> #include <string.h> #include <time.h> #define MAX_NODE 10 #define MAX_LEN 100 #define key(n)(n)?(n->key):(-1) typedef struct Node {int key;struct Node* lchild,*rchil…

Leetcode 3159. Find Occurrences of an Element in an Array

Leetcode 3159. Find Occurrences of an Element in an Array 1. 解題思路2. 代碼實現 題目鏈接&#xff1a;3159. Find Occurrences of an Element in an Array 1. 解題思路 這一題的話我們只需要首先統計一下array當中目標元素x出現在第幾次的位置&#xff0c;構造一個has…

推薦13款常用的Vscode插件,提高前端日常開發效率

1. Live Server Live Server 插件是一個用于前端開發的擴展&#xff0c;它的主要作用是提供一個本地開發服務器&#xff0c;以便實時預覽和調試網頁應用程序。其最大特點在于熱重載&#xff0c;即開發者可實時預覽代碼效果。 因為Live Server 允許開發者在瀏覽器中實時預覽您正…

軟件測試面試題(五)

一&#xff1a;如何選擇用戶測試的工作產品&#xff1f;、 答&#xff1a;在用戶有需求得到簽字確認以后&#xff0c;我們選擇用戶測試的工作產品。我們幾乎所有的項目都進行了測試&#xff0c;我們是在項目立項公告中得知需要對工作產品進行測試。 二&#xff1a;測試環境描述…

C++中集合的使用

在 C 中&#xff0c;集合通常指的是標準模板庫&#xff08;STL&#xff09;中的 std::set 或 std::unordered_set。這兩個都是用來存儲不重復元素的容器&#xff0c;但在實現和使用方式上有一些區別。 1. std::set&#xff1a; 基于紅黑樹實現&#xff0c;元素按照嚴格的順序…

Llama 3沒能逼出GPT-5!OpenAI怒“卷”To B戰場,新企業級 AI 功能重磅推出!

Meta 是本周當之無愧的AI巨星&#xff01;剛剛推出的 Llama 3 憑借著強大的性能和開源生態的優勢在 LLM 排行榜上迅速躍升。 按理說&#xff0c;Llama 3在開源的狀態下做到了 GPT-3.7 的水平&#xff0c;必然會顯得用戶&#xff08;尤其是企業用戶&#xff0c;他們更具備獨立部…

指令中常用的7種尋址方式z

指令中的尋址方式就是對指令中的地址字段進行解釋&#xff0c;以獲得操作數的方法或獲得程序轉移地址的方法。常用的尋址方式有&#xff1a; 立即尋址&#xff1a;操作數就包含在指令中。直接尋址&#xff1a;操作數存放在內存單元中&#xff0c;指令中直接給出操作數所在存儲…

C#調用HttpClient.SendAsync報錯:System.Net.Http.HttpRequestException: 發送請求時出錯。

C#調用HttpClient.SendAsync報錯&#xff1a;System.Net.Http.HttpRequestException: 發送請求時出錯。 var response await client.SendAsync(request, HttpCompletionOption.ResponseHeadersRead, cancellationToken);問題出在SSL/TLS&#xff0c;Windows Server 2012不支持…

先進制造aps專題八 基于ai大模型的ai超級應用,ai生管

目前正在研發的面向消費者的ai超級應用有ai文員&#xff0c;ai教師&#xff0c;ai家教&#xff0c;ai護士&#xff0c;ai翻譯 而ai生管無疑是面向制造業的ai超級應用 從商業角度來說&#xff0c;ai生管&#xff0c;必然是aps公司必然要研發的ai超級應用

Grafana 路徑遍歷所有路徑 CVE-2021-43798漏洞預警

簡介? ?Grafana是一個跨平臺、開源的數據可視化網絡應用程序平臺。用戶配置連接的數據源之后&#xff0c;Grafana可以在網絡瀏覽器里顯示數據圖表和警告。 漏洞危害等級 高危 CVE 編號? CVE-2021-43798 FOFA查詢 ?app"Grafana" ?zoomeyes查詢 ?app:"gr…

Vue3解決“找不到模塊“@/components/xxx.vue”或其相應的類型聲明”

文章目錄 前言背景問題描述解決方案總結 前言 在使用 Vue 3 開發項目時&#xff0c;遇到“找不到模塊 ‘/components/xxx.vue’ 或其相應的類型聲明”的錯誤是一個常見問題。這通常與 TypeScript 和模塊解析相關的配置不當有關。本文將詳細介紹如何解決此問題&#xff0c;確保…

2024-6-遙遠的救世主

2024-6-遙遠的救世主 2024-4-18 豆豆 fatux&#xff1a; 2021.5.26 看完電視劇《天道》之后購買本書&#xff0c;斷斷續續一直沒有讀完。 非常好奇&#xff0c;一個什么樣的作者能寫出如此奇書。老丁&#xff0c;一個智者&#xff0c;智者是多么孤獨&#xff0c;因為找不到同…

信息安全等級保護測評: 登陸日志

文章目錄 引言I 登錄日志表結構設計II 日志處理2.1 封裝日志入庫2.2 收集登陸信息2.3 查詢接口引言 等保測評是信息安全等級保護測評的簡稱,是對信息和信息載體按照重要性等級分級別進行檢測、評估的過程。 背景:近期AIS監控平臺(網頁版)等保測評,發現沒有登陸日志,現要…