生命週期函數面試題
1.什麼是 vue 生命週期
2.vue生命週期的作用是什麼
3.第一次頁面加載會觸發哪幾個鉤子
4.簡述每個週期具體適合哪些場景
5.created和mounted的區別
6.vue獲取數據在哪個周期函數
7.請詳細說下你對vue生命週期的理解？
vue路由面試題
- mvvm 框架是什麼？
2vue-router 是什麼?它有哪些組件
- active-class 是哪個組件的屬性？
- 怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值
- vue-router 有哪幾種導航鉤子?
6.$route 和 $router 的區別
7.vue-router響應路由參數的變化
8.vue-router傳參
9.vue-router的兩種模式
10.vue-router實現路由懶加載（ 動態加載路由 ）
vue常見面試題
- vue優點
- 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 組件間的通信
- 漸進式框架的理解
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.取數組的最大值（ES5、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打開小程序流程
55.小程序解析富文本編輯器