web前端常見面試題（js原生,vue,es6,小程序）合集

VUE

1.什麼是 vue 生命週期

2.vue生命週期的做用是什麼

3.第一次頁面加載會觸發哪幾個鉤子

4.簡述每一個週期具體適合哪些場景

5.created和mounted的區別

 6.vue獲取數據在哪一個周期函數

7.請詳細說下你對vue生命週期的理解？

vue路由面試題

mvvm 框架是什麼？
vue-router 是什麼?它有哪些組件

active-class 是哪一個組件的屬性？
怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值
vue-router 有哪幾種導航鉤子?
6.$route 和 $router 的區別

7.vue-router響應路由參數的變化

8.vue-router傳參

9.vue-router的兩種模式

10.vue-router實現路由懶加載（ 動態加載路由 ）

vue常見面試題

1.vue優勢
2.vue父組件向子組件傳遞數據？
3.子組件像父組件傳遞事件

4.v-show和v-if指令的共同點和不一樣點

5.如何讓CSS只在當前組件中起做用

6.<keep-alive></keep-alive>的做用是什麼?

7.如何獲取dom

8.說出幾種vue當中的指令和它的用法？

9. vue-loader是什麼？使用它的用途有哪些？

10.爲何使用key

11.axios及安裝

12.axios解決跨域

13.v-modal的使用

14.scss的安裝以及使用

15. 請說出vue.cli項目中src目錄每一個文件夾和文件的用法？

16.分別簡述computed和watch的使用場景

17.v-on能夠監聽多個方法嗎

18.$nextTick的使用

19.vue組件中data爲何必須是一個函數

20.vue事件對象的使用

21 組件間的通訊

22.漸進式框架的理解

23.Vue中雙向數據綁定是如何實現的

24.單頁面應用和多頁面應用區別及優缺點

25.vue中過濾器有什麼做用及詳解

26.v-if和v-for的優先級

27.assets和static的區別

28.列舉經常使用的指令

29.vue經常使用的修飾符

30.數組更新檢測

31.Vue.set視圖更新

32.自定義指令詳解

33.vue的兩個核心點

34.vue和jQuery的區別

35 引進組件的步驟

Vue-cli打包命令是什麼？打包後悔致使路徑問題，應該在哪裏修改
三大框架的對比
跨組件雙向數據綁定
delete和Vue.delete刪除數組的區別
SPA首屏加載慢如何解決
Vue-router跳轉和location.href有什麼區別
vue slot
大家vue項目是打包了一個js文件，一個css文件，仍是有多個文件？ 44.vue遇到的坑，如何解決的？
Vue裏面router-link在電腦上有用，在安卓上沒反應怎麼解決？ 46.Vue2中註冊在router-link上事件無效解決方法
RouterLink在IE和Firefox中不起做用（路由不跳轉）的問題
axios的特色有哪些
請說下封裝 vue 組件的過程？
 vuex常見面試題

vuex是什麼？怎麼使用？哪一種功能場景使用它？
vuex有哪幾種屬性
不使用Vuex會帶來什麼問題
Vue.js中ajax請求代碼應該寫在組件的methods中仍是vuex的actions中？
vuex一個例子方法
Vuex中如何異步修改狀態
Vuex中actions和mutations的區別
ES6新增方法面試題

let const var比較
反引號（`）標識
函數默認參數
箭頭函數
屬性簡寫
方法簡寫
Object.keys()方法，獲取對象的全部屬性名或方法名
Object.assign ()原對象的屬性和方法都合併到了目標對象
for...of 循環
import和export
Promise對象
解構賦值
set數據結構（可用於快速去重）
Spread Operator 展開運算符(...)
字符串新增方法
ES6數組面試題

forEach() 2.map() 3.filter() 4.reduce() 5.some() 6.every() 7.all()方法 ES6編程題
使用解構，實現兩個變量的值的交換
利用數組推導，計算出數組 [1,2,3,4] 每個元素的平方並組成新的數組。 3.使用ES6改下面的模板
把如下代碼使用兩種方法，來依次輸出0到9？
 

JS面試題

簡述同步和異步的區別
2.怎麼添加、移除、複製、建立、和查找節點

3.實現一個函數clone 能夠對Javascript中的五種主要數據類型（Number、string、Object、Array、Boolean）進行復制

4.如何消除一個數組裏面重復的元素

5.寫一個返回閉包的函數

6.使用遞歸完成1到100的累加

7.Javascript有哪幾種數據類型

8.如何判斷數據類型

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

10.Js的事件委託是什麼，原理是什麼

 11.如何改變函數內部的this指針的指向

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

13.談談垃圾回收機制的方式及內存管理

14.寫一個function ，清除字符串先後的空格

15.js實現繼承的方法有哪些

16.判斷一個變量是不是數組，有哪些辦法

17.let ，const ，var 有什麼區別

18.箭頭函數與普通函數有什麼區別

19.隨機取1-10之間的整數

20.new操做符具體幹了什麼

21.Ajax原理

22.模塊化開發怎麼作

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

24.xml和 json的區別

25.webpack如何實現打包的

26.常見web安全及防禦原理

27.用過哪些設計模式

28.爲何會有同源限制

 29.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區別

30.javascript有哪些方法定義對象

31.說說你對promise的瞭解

32.談談你對AMD、CMD的理解

33.web開發中會話跟蹤的方法有哪些

34.介紹js有哪些內置對象？

35.說幾條寫JavaScript的基本規範？

36.javascript建立對象的幾種方式？

37.eval是作什麼的？

38.null，undefined 的區別？

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

40.javascript 代碼中的」use strict」;是什麼意思 ? 使用它區別是什麼？ 41.js延遲加載的方式有哪些？

42.defer和async

43.說說嚴格模式的限制

44.attribute和property的區別是什麼？

45.ECMAScript6 怎麼寫class麼，爲何會出現class這種東西?

46.常見兼容性問題

47.函數防抖節流的原理

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

49.爲何console.log(0.2+0.1==0.3) //false

50.說一下JS中類型轉換的規則？

51.深拷貝和淺拷貝的區別？如何實現

52.如何判斷this？箭頭函數的this是什麼

53.== 和 ===的區別

54.什麼是閉包

55.JavaScript原型，原型鏈 ? 有什麼特色？

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

57.什麼是變量提高

58.all、apply以及bind函數內部實現是怎麼樣的

59.爲何會出現setTimeout倒計時偏差？如何減小

 60.談談你對JS執行上下文棧和做用域鏈的理解

61.new的原理是什麼？經過new的方式建立對象和經過字面量建立有什麼區別？

 62.prototype 和 proto 區別是什麼？

63.使用ES5實現一個繼承？

64.取數組的最大值（ES五、ES6）

65.ES6新的特性有哪些？

66.promise 有幾種狀態, Promise 有什麼優缺點 ?

 67.Promise構造函數是同步仍是異步執行，then呢 ?promise如何實現then處理 ?

68.Promise和setTimeout的區別 ?

 69.如何實現 Promise.all ?

 70.如何實現 Promise.finally ?

71.如何判斷img加載完成

72.如何阻止冒泡？

73.如何阻止默認事件？

74.ajax請求時，如何解釋json數據

75.json和jsonp的區別?

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

77.拖拽會用到哪些事件

 78.document.write和innerHTML的區別

79.jQuery的事件委託方法bind 、live、delegate、on之間有什麼區別？

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

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

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

 83.對前端路由的理解？先後端路由的區別？

84.手寫一個類的繼承

85.XMLHttpRequest：XMLHttpRequest.readyState;狀態碼的意思

 

 

瀏覽器/html/css面試題
1.什麼是盒模型

2.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？行內元素和塊級元素有什麼區別？

3.簡述src和href的區別

4.什麼是css Hack

5.什麼叫優雅降級和漸進加強

6.px和em的區別

7.HTML5 爲何只寫<!DOCTYPE HTML>

8.Http的狀態碼有哪些

9.一次完整的HTTP事務是怎麼一個過程

10.HTTPS是如何實現加密

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

12.瀏覽器的內核有哪些？分別有什麼表明的瀏覽器

13.頁面導入時，使用link和@import有什麼區別

14.如何優化圖像，圖像格式的區別

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

16.能夠經過哪些方法優化css3 animation渲染

17.列舉幾個前端性能方面的優化

18.如何實現同一個瀏覽器多個標籤頁之間的通訊

19.瀏覽器的存儲技術有哪些

20.css定位方式

21.儘量多的寫出瀏覽器兼容性問題

22.垂直上下居中的方法

23.響應式佈局原理

25.清除浮動的方法

26.http協議和tcp協議

27.刷新頁面，js請求通常會有哪些地方有緩存處理

28.如何對網站的文件和資源進行優化

29.你對網頁標準和W3C重要性的理解

30.Http和https的區別

31.data-屬性的做用

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

33.哪些操做會引發頁面迴流（Reflow）

34.CSS預處理器的比較less sass

35.如何實現頁面每次打開時清除本頁緩存

36.什麼是Virtual DOM,爲什麼要用Virtual DOM

37.僞元素和僞類的區別

38.http的幾種請求方法和區別

39.前端須要注意哪些SEO

40.<img>的title和alt有什麼區別

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

42.如何進行網站性能優化

43.語義化的理解

44.HTML5的離線儲存怎麼使用，工做原理能不能解釋一下？

45.瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢

46.iframe有那些缺點？

47.WEB標準以及W3C標準是什麼?

48.Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?

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

50.Canvas和SVG有什麼區別？

51.如何在頁面上實現一個圓形的可點擊區域？

52.網頁驗證碼是幹嗎的，是爲了解決什麼安全問題

53.請描述一下 cookies，sessionStorage 和 localStorage 的區別？

 

 

微信小程序開發
 

初識小程序

    1.註冊小程序

    2.微信開發者工具

    3.小程序與普通網頁開發的區別

    4.小程序尺寸單位rpx

    5.樣式導入（WeUI for）

    6.選擇器

    7.小程序image高度自適應及裁剪問題

    8.微信小程序長按識別二維碼

    9.給頁面加背景色

    10.微信小程序獲取用戶信息

    11.代碼審覈和發佈

    12.小程序微信認證

    13.小程序申請微信支付

    14.小程序的目錄解構及四種文件類型

    15.小程序文件的做用域

    16.小程序經常使用組件

        1.view

        2.scroll-view

        3.swiper組件

        4.movable-view

        5.cover-view

        6.cover-image

小程序基礎

    17.受權獲得用戶信息

    18.數據綁定

    19.列表渲染

    20.條件渲染

    21.公共模板創建

    22.事件及事件綁定

    23.引用

    24.頁面跳轉

        1.wx.switchTab

        2.wx.reLaunch

        3.wx.redirectTo

        4.wx.navigateTo

        5.wx.navigateBack

    25.設置tabBar

    26.頁面生命週期

    27.轉發分享

小程序高級

    28.request請求後臺接口

    29.http-promise 封裝

    30.webview

    31.獲取用戶收貨地址

    32.獲取地裏位置

    33.自定義組件

    34.微信小程序支付問題

小程序項目實戰

    35.微信小程序本地數據緩存

    36.下拉刷新和下拉加載

    37.列表頁向詳情頁跳轉（動態修改title）

    38.客服電話

    39.星級評分組件

    40.小程序插槽的使用slot

    41.模糊查詢

    42.wxs過濾

    43.小程序動畫

    44.列表根據索引值渲染

    45.小程序動態修改class

    46.小程序經常使用框架

    47.參數傳值的方法

    48.提升小程序的應用速度

    49.微信小程序的優劣勢

    50.小程序的雙向綁定和vue的區別

    51.微信小程序給按鈕添加動畫

    52.微信小程序的tab按鈕的轉換

    53.微信小程序引進echarts

    54.APP打開小程序流程