js面試題

1.簡述同步和異步的區(qū)別

2.怎么添加、移除、復(fù)制、創(chuàng)建、和查找節(jié)點(diǎn)

3.實(shí)現(xiàn)一個(gè)函數(shù)clone 可以對(duì)Javascript中的五種主要數(shù)據(jù)類型(Number、string、Object、Array、Boolean)進(jìn)行復(fù)制

4.數(shù)組去重方法12種方法

5.寫一個(gè)返回閉包的函數(shù)

(1)首先知道什么是閉包？

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

6.使用遞歸完成1到100的累加(遞歸就是“自己調(diào)用自己”)

7.Javascript有哪幾種數(shù)據(jù)類型

1，基本類型：字符串類型(string)，數(shù)字類型(number)，布爾類型(boolean)

2，復(fù)雜類型：數(shù)組類型(array)，對(duì)象類型(object)，函數(shù)類型(function)，正則類型(regexp)

3，空類型：undefine? 和 null

8.如何判斷數(shù)據(jù)類型typeof

9.console.log(1+'2')和console.log(1-'2')的打印結(jié)果

第一個(gè)結(jié)果是字符串12，第二個(gè)結(jié)果是數(shù)值型-1

10.Js的事件委托是什么，原理是什么(首先要知道-事件委托就是利用事件冒泡)

11.如何改變函數(shù)內(nèi)部的this指針的指向

12.列舉幾種解決跨域問題的方式，且說明原理

20.new操作符具體干了什么

21.Ajax原理

22.模塊化開發(fā)怎么做

23.異步加載Js的方式有哪些

24.xml和 json的區(qū)別

25.webpack如何實(shí)現(xiàn)打包的

26.常見web安全及防護(hù)原理

27.用過哪些設(shè)計(jì)模式

28.為什么要同源限制

29.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區(qū)別

30.javascript有哪些方法定義對(duì)象

31.說說你對(duì)promise的了解

32.談?wù)勀銓?duì)AMD、CMD的理解

33.web開發(fā)中會(huì)話跟蹤的方法有哪些

34.介紹js有哪些內(nèi)置對(duì)象？

35.說幾條寫JavaScript的基本規(guī)范？

36.javascript創(chuàng)建對(duì)象的幾種方式？

37.eval是做什么的？

38.null，undefined 的區(qū)別？

39.[“1”, “2”, “3”].map(parseInt) 答案是多少？

40.javascript 代碼中的”use strict”;是什么意思 ? 使用它區(qū)別是什么？

41.js延遲加載的方式有哪些？

42.defer和async

43.說說嚴(yán)格模式的限制

44.attribute和property的區(qū)別是什么？

45.ECMAScript6 怎么寫class么，為什么會(huì)出現(xiàn)class這種東西?

46.常見兼容性問題

47.函數(shù)防抖節(jié)流的原理

48.原始類型有哪幾種？null是對(duì)象嗎？

49.為什么console.log(0.2+0.1==0.3) //false

50.說一下JS中類型轉(zhuǎn)換的規(guī)則？

51.深拷貝和淺拷貝的區(qū)別？如何實(shí)現(xiàn)

52.如何判斷this？箭頭函數(shù)的this是什么

53.== 和 ===的區(qū)別

54.什么是閉包

55.JavaScript原型，原型鏈 ? 有什么特點(diǎn)？

56.typeof()和instanceof()的用法區(qū)別

57.什么是變量提升

58.all、apply以及bind函數(shù)內(nèi)部實(shí)現(xiàn)是怎么樣的

59.為什么會(huì)出現(xiàn)setTimeout倒計(jì)時(shí)誤差？如何減少

60.談?wù)勀銓?duì)JS執(zhí)行上下文棧和作用域鏈的理解

61.new的原理是什么？通過new的方式創(chuàng)建對(duì)象和通過字面量創(chuàng)建有什么區(qū)別？

62.prototype 和 proto 區(qū)別是什么？

63.使用ES5實(shí)現(xiàn)一個(gè)繼承？

64.取數(shù)組的最大值(ES5、ES6)

65.ES6新的特性有哪些？

66.promise 有幾種狀態(tài), Promise 有什么優(yōu)缺點(diǎn) ?

67.Promise構(gòu)造函數(shù)是同步還是異步執(zhí)行，then呢 ?promise如何實(shí)現(xiàn)then處理 ?

68.Promise和setTimeout的區(qū)別 ?

69.如何實(shí)現(xiàn) Promise.all ?

70.如何實(shí)現(xiàn) Promise.finally ?

71.如何判斷img加載完成

72.如何阻止冒泡？

73.如何阻止默認(rèn)事件？

74.ajax請(qǐng)求時(shí)，如何解釋json數(shù)據(jù)

75.json和jsonp的區(qū)別?

76.如何用原生js給一個(gè)按鈕綁定兩個(gè)onclick事件？

77.拖拽會(huì)用到哪些事件

78.document.write和innerHTML的區(qū)別

79.jQuery的事件委托方法bind 、live、delegate、on之間有什么區(qū)別？

80.瀏覽器是如何渲染頁面的？

81.$(document).ready()方法和window.onload有什么區(qū)別？

82. jquery中$.get()提交和$.post()提交有區(qū)別嗎？

83.對(duì)前端路由的理解？前后端路由的區(qū)別？

84.手寫一個(gè)類的繼承

85.XMLHttpRequest：XMLHttpRequest.readyState;狀態(tài)碼的意思

86.正則表達(dá)式常見面試題

1.給一個(gè)連字符串例如：get-element-by-id轉(zhuǎn)化成駝峰形式。

2.匹配二進(jìn)制數(shù)字

3.非零的十進(jìn)制數(shù)字 (有至少一位數(shù)字, 但是不能以0開頭)

4.匹配一年中的12個(gè)月

5.匹配qq號(hào)最長為13為

6.匹配常見的固定電話號(hào)碼

7.匹配ip地址

8.匹配用尖括號(hào)括起來的以a開頭的字符串

9.分割數(shù)字每三個(gè)以一個(gè)逗號(hào)劃分

10.判斷字符串是否包含數(shù)字

11.判斷電話號(hào)碼

12.判斷是否符合指定格式

13.判斷是否符合USD格式

14.JS實(shí)現(xiàn)千位分隔符

15.獲取 url 參數(shù)

16.驗(yàn)證郵箱

17.驗(yàn)證身份證號(hào)碼

18.匹配漢字

19.去除首尾的'/'

20.判斷日期格式是否符合 '2017-05-11'的形式，簡單判斷，只判斷格式

21.判斷日期格式是否符合 '2017-05-11'的形式，嚴(yán)格判斷(比較復(fù)雜)

22.IPv4地址正則

23.十六進(jìn)制顏色正則

24.車牌號(hào)正則

25.過濾HTML標(biāo)簽

26.密碼強(qiáng)度正則，最少6位，包括至少1個(gè)大寫字母，1個(gè)小寫字母，1個(gè)數(shù)字，1個(gè)特殊字符

27.URL正則

28.匹配浮點(diǎn)數(shù)

瀏覽器/html/css面試題

1.什么是盒模型

2.行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？行內(nèi)元素和塊級(jí)元素有什么區(qū)別？

3.簡述src和href的區(qū)別

4.什么是css Hack

5.什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)

6.px和em的區(qū)別

7.HTML5 為什么只寫

8.Http的狀態(tài)碼有哪些

9.一次完整的HTTP事務(wù)是怎么一個(gè)過程

10.HTTPS是如何實(shí)現(xiàn)加密

11.瀏覽器是如何渲染頁面的

12.瀏覽器的內(nèi)核有哪些？分別有什么代表的瀏覽器

13.頁面導(dǎo)入時(shí)，使用link和@import有什么區(qū)別

14.如何優(yōu)化圖像，圖像格式的區(qū)別

15.列舉你了解Html5. Css3 新特性

16.可以通過哪些方法優(yōu)化css3 animation渲染

17.列舉幾個(gè)前端性能方面的優(yōu)化

18.如何實(shí)現(xiàn)同一個(gè)瀏覽器多個(gè)標(biāo)簽頁之間的通信

19.瀏覽器的存儲(chǔ)技術(shù)有哪些

20.css定位方式

21.盡可能多的寫出瀏覽器兼容性問題

22.垂直上下居中的方法

23.響應(yīng)式布局原理

25.清除浮動(dòng)的方法

26.http協(xié)議和tcp協(xié)議

27.刷新頁面，js請(qǐng)求一般會(huì)有哪些地方有緩存處理

28.如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化

29.你對(duì)網(wǎng)頁標(biāo)準(zhǔn)和W3C重要性的理解

30.Http和https的區(qū)別

31.data-屬性的作用

32.如何讓Chrome瀏覽器顯示小于12px的文字

33.哪些操作會(huì)引起頁面回流(Reflow)

34.CSS預(yù)處理器的比較less sass

35.如何實(shí)現(xiàn)頁面每次打開時(shí)清除本頁緩存

36.什么是Virtual DOM,為何要用Virtual DOM

37.偽元素和偽類的區(qū)別

38.http的幾種請(qǐng)求方法和區(qū)別

39.前端需要注意哪些SEO

40.的title和alt有什么區(qū)別

41.從瀏覽器地址欄輸入url到顯示頁面的步驟

42.如何進(jìn)行網(wǎng)站性能優(yōu)化

43.語義化的理解

44.HTML5的離線儲(chǔ)存怎么使用，工作原理能不能解釋一下？

45.瀏覽器是怎么對(duì)HTML5的離線儲(chǔ)存資源進(jìn)行管理和加載的呢

46.iframe有那些缺點(diǎn)？

47.WEB標(biāo)準(zhǔn)以及W3C標(biāo)準(zhǔn)是什么?

48.Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?

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

50.Canvas和SVG有什么區(qū)別？

51.如何在頁面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域？

52.網(wǎng)頁驗(yàn)證碼是干嘛的，是為了解決什么安全問題

53.請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？

54. CSS選擇器有哪些？哪些屬性可以繼承？

55.CSS優(yōu)先級(jí)算法如何計(jì)算？

56.CSS3有哪些新特性？

57.請(qǐng)解釋一下CSS3的flexbox(彈性盒布局模型),以及適用場景？

58.用純CSS創(chuàng)建一個(gè)三角形的原理是什么？

59.常見的兼容性問題？

60.為什么要初始化CSS樣式

61.absolute的containing block計(jì)算方式跟正常流有什么不同？

62.CSS里的visibility屬性有個(gè)collapse屬性值？在不同瀏覽器下以后什么區(qū)別？

63.display:none與visibility：hidden的區(qū)別？

64.position跟display、overflow、float這些特性相互疊加后會(huì)怎么樣？

65.對(duì)BFC規(guī)范(塊級(jí)格式化上下文：block formatting context)的理解？

66.為什么會(huì)出現(xiàn)浮動(dòng)和什么時(shí)候需要清除浮動(dòng)？清除浮動(dòng)的方式？

67.上下margin重合的問題

68. 設(shè)置元素浮動(dòng)后，該元素的display值是多少？

69.移動(dòng)端的布局用過媒體查詢嗎？

70.CSS優(yōu)化、提高性能的方法有哪些？

71.瀏覽器是怎樣解析CSS選擇器的？

72.在網(wǎng)頁中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體？為什么呢？

73.margin和padding分別適合什么場景使用？

74.元素豎向的百分比設(shè)定是相對(duì)于容器的高度嗎？

75.全屏滾動(dòng)的原理是什么？用到了CSS的哪些屬性？

76.什么是響應(yīng)式設(shè)計(jì)？響應(yīng)式設(shè)計(jì)的基本原理是什么？如何兼容低版本的IE？

77. 視差滾動(dòng)效果？

78.::before 和 :after中雙冒號(hào)和單冒號(hào)有什么區(qū)別？解釋一下這2個(gè)偽元素的作用

79.讓頁面里的字體變清晰，變細(xì)用CSS怎么做？

80. position:fixed;在android下無效怎么處理？

81.如果需要手動(dòng)寫動(dòng)畫，你認(rèn)為最小時(shí)間間隔是多久，為什么？

82.li與li之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？

83.display:inline-block 什么時(shí)候會(huì)顯示間隙？

84. 有一個(gè)高度自適應(yīng)的div，里面有兩個(gè)div，一個(gè)高度100px，希望另一個(gè)填滿剩下的高度

85.png、jpg、gif 這些圖片格式解釋一下，分別什么時(shí)候用。有沒有了解過webp？

86.style標(biāo)簽寫在body后與body前有什么區(qū)別？

87.CSS屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理?

88.闡述一下CSS Sprites

89. 一行或多行文本超出隱藏

js常用插件

輪播圖插件

二級(jí)城市插件

三級(jí)城市插件

文字滑動(dòng)效果

手風(fēng)琴效果

視頻播放插件

彈層插件

百度編輯器

ACE編輯器(輕巧)

上傳圖片(裁剪)

頁面加載效果

全選反選各種效果

京東樓層效果

懶加載

移動(dòng)端熱點(diǎn)問題

1. 1px border問題

2.2X圖 3X圖適配

3.圖片在安卓上，有些設(shè)備模糊問題

4.固定定位布局 鍵盤擋住輸入框內(nèi)容

5.click的300ms延遲問題和點(diǎn)擊穿透問題

6.phone及ipad下輸入框默認(rèn)內(nèi)陰影

7.防止手機(jī)中頁面放大和縮小

8.flex布局

9.px、em、rem、%、vw、vh、vm這些單位的區(qū)別

10. 移動(dòng)端適配- dpr淺析

11.移動(dòng)端擴(kuò)展點(diǎn)擊區(qū)域

12 上下拉動(dòng)滾動(dòng)條時(shí)卡頓、慢

13 長時(shí)間按住頁面出現(xiàn)閃退

14. ios和android下觸摸元素時(shí)出現(xiàn)半透明灰色遮罩

15. active兼容處理 即 偽類：active失效

16.webkit mask兼容處理

17. pc端與移動(dòng)端字體大小的問題

18. transiton閃屏

19.圓角bug

20.如何解決禁用表單后移動(dòng)端樣式不統(tǒng)一問題？

ES6編程題

1.使用解構(gòu)，實(shí)現(xiàn)兩個(gè)變量的值的交換

2.利用數(shù)組推導(dǎo)，計(jì)算出數(shù)組 [1,2,3,4] 每一個(gè)元素的平方并組成新的數(shù)組。

3.使用ES6改下面的模板

4.把以下代碼使用兩種方法，來依次輸出0到9？

總結(jié)

以上是生活随笔為你收集整理的js 对一个字段去重_js面试的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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