摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。

本文是關注微信小程序的開發和面試問題，
由基礎到困難循序漸進，
適合面試和開發小程序。
并總結vue React html css js 經典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。

參考答案https://www.kancloud.cn/lemon-m/js-html-css

生命周期函數面試題
    1.什么是 vue 生命周期
    2.vue生命周期的作用是什么
    3.第一次頁面加載會觸發哪幾個鉤子
    4.簡述每個周期具體適合哪些場景
    5.created和mounted的區別
    6.vue獲取數據在哪個周期函數
    7.請詳細說下你對vue生命周期的理解？
vue路由面試題
    1.mvvm 框架是什么？
    2.vue-router 是什么?它有哪些組件
    3.active-class 是哪個組件的屬性？
    4.怎么定義 vue-router 的動態路由? 怎么獲取傳過來的值
    5.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.的作用是什么?
    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 引進組件的步驟
    36.Vue-cli打包命令是什么？打包后悔導致路徑問題，應該在哪里修改
    37.三大框架的對比
    38. 跨組件雙向數據綁定
    39.delete和Vue.delete刪除數組的區別
    40.SPA首屏加載慢如何解決
    41.Vue-router跳轉和location.href有什么區別
    42. vue slot
    43.你們vue項目是打包了一個js文件，一個css文件，還是有多個文件？
    44.vue遇到的坑，如何解決的？
    45.Vue里面router-link在電腦上有用，在安卓上沒反應怎么解決？
    46.Vue2中注冊在router-link上事件無效解決方法
    47.RouterLink在IE和Firefox中不起作用（路由不跳轉）的問題
    48.axios的特點有哪些
    49.請說下封裝 vue 組件的過程？
vuex常見面試題
    1.vuex是什么？怎么使用？哪種功能場景使用它？
    2.vuex有哪幾種屬性
    3.不使用Vuex會帶來什么問題
    4.Vue.js中ajax請求代碼應該寫在組件的methods中還是vuex的actions中？
    5.vuex一個例子方法
    6.Vuex中如何異步修改狀態
    7.Vuex中actions和mutations的區別

ES6新增方法面試題
    1.let const var比較
    2.反引號（`）標識
    3.函數默認參數
    4.箭頭函數
    5.屬性簡寫
    6.方法簡寫
    7.Object.keys()方法，獲取對象的所有屬性名或方法名
    8.Object.assign ()原對象的屬性和方法都合并到了目標對象
    9.for...of 循環
    10.import和export
    11.Promise對象
    12.解構賦值
    13.set數據結構（可用于快速去重）
    14.Spread Operator 展開運算符(...)
    15.字符串新增方法
ES6數組面試題
    1.forEach()
    2.map()
    3.filter()
    4.reduce()
    5.some()
    6.every()
    7.all()方法
ES6編程題
    1.使用解構，實現兩個變量的值的交換
    2.利用數組推導，計算出數組 [1,2,3,4] 每一個元素的平方并組成新的數組。
    3.使用ES6改下面的模板
    4.把以下代碼使用兩種方法，來依次輸出0到9？

react生命周期面試題
    1.react 生命周期函數
    2.react生命周期中，最適合與服務端進行數據交互的是哪個函數
    3.運行階段生命周期調用順序
    4.shouldComponentUpdate 是做什么的，（react 性能優化是哪個周期函數？）
    5.指出(組件)生命周期方法的不同
react 基礎面試題
    1.React 中 keys 的作用是什么？
    2.React 中 refs 的作用是什么？
    3.React 中有三種構建組件的方式
    4.調用 setState 之后發生了什么？
    5.react diff 原理（常考，大廠必考）
    6.為什么建議傳遞給 setState 的參數是一個 callback 而不是一個對象
    7.除了在構造函數中綁定 this，還有其它方式嗎
    8.setState第二個參數的作用
    9.(在構造函數中)調用 super(props) 的目的是什么
    10.簡述 flux 思想
    11.在 React 當中 Element 和 Component 有何區別？
    12.描述事件在 React 中的處理方式。
    13.createElement 和 cloneElement 有什么區別？
    14.如何告訴 React 它應該編譯生產環境版本？
    15.Controlled Component 與 Uncontrolled Component 之間的區別是什么？
react組件面試題
    1.展示組件(Presentational component)和容器組件(Container component)之間有何不同
    2.類組件(Class component)和函數式組件(Functional component)之間有何不同
    3.(組件的)狀態(state)和屬性(props)之間有何不同
    4.何為受控組件(controlled component)
    5.何為高階組件(higher order component)
    6.應該在 React 組件的何處發起 Ajax 請求
    7.react中組件傳值
    8.什么時候在功能組件( Class Component )上使用類組件( Functional Component )？
    9.受控組件( controlled component )與不受控制的組件( uncontrolled component )有什么區別？
    10.react 組件的劃分業務組件技術組件？
redux面試題
    1.redux中間件
    2.redux有什么缺點
    3.了解 redux 么，說一下 redux 把
react性能比較面試題
    1.vue和react的區別
    2.react性能優化的方案
    3.React 項目用過什么腳手架
    4.介紹一下webpack webpack
    5.如果你創建了類似于下面的 Twitter 元素，那么它相關的類定義是啥樣子的？
    6.為什么我們需要使用 React 提供的 Children API 而不是 JavaScript 的 map？

1.簡述同步和異步的區別
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;狀態碼的意思

1.什么是盒模型
2.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？行內元素和塊級元素有什么區別？
3.簡述src和href的區別
4.什么是css Hack
5.什么叫優雅降級和漸進增強
6.px和em的區別
7.HTML5 為什么只寫
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.的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.小程序解析富文本編輯器
    

1.vue教學視頻
    01.Vue 電商 實戰
　　02.Vue 實戰
　　03.vue.js 音樂播放器實戰
　　04.vue 新聞客戶端實戰
　　05. vue 實戰 團購網
　　06.vue 實戰 移動端音樂App
　　07. vue+Node.js+MongoDB全棧打造商城系統
　　08.Vue+Node+MongoDB高級全棧
　　09.vue.js 外賣實戰
　　10.其他培訓機構vue教學視頻
2.微信小程序開發視頻
    01. 2018最新小程序開發教程
    02.Java仿抖音項目實戰
    03.mpvue小程序開發實戰
    04.微信小游戲入門開發與實戰
    05.最新豆瓣電影+貪吃蛇項目
    06.服務器部署+SSL證書安裝教程
    07.后臺講解多帶帶
    08.小程序APi教程
    09.零基礎開始搭建微信小程序CMS后臺教程
    10.企業類小程序開發實戰視頻教程
    11.微信小程序組價化開發視頻教程
    12.ThinkPHP5.0+小程序商城構建全棧應用
    13.Vue.js后臺接口微信小程序入門與項目實戰教程
    14.Node.js快速開發微信公眾號視頻教程


3.Linux教學視頻

4.349套自適應模板
5.黑馬python全課程講解

6.你不知道的js電子書

7.PHP課程全講解

8.珠峰培訓視頻

9.小甲魚零基礎入門python

10.機器學習

11.React視頻學習資源

js算法（基礎）
    數組去重
    冒泡排序
    快速排序
    遞歸
算法進階（趣味）
    數組輸出A[i]*i
    二進制求1有多少個
    快速求最大值最小值
    reduce累加器
    快速反轉
    數組旋轉
    二分查找
    高階函數接收
    冒泡排序（高級）
    保留前三后四位字符（手機號*格式）

輪播圖插件swiper
二級城市插件
三級城市插件
SuperSlide（文字滑動效果）
手風琴效果（純js）
視頻播放插件
彈層插件
百度編輯器（大型）
ACE編輯器（輕巧）
上傳圖片（裁剪功能）
頁面加載效果插件（初次加載）
全選、反全選各種效果
京東樓層效果
懶加載