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

本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，
由基礎(chǔ)到困難循序漸進(jìn)，
適合面試和開(kāi)發(fā)小程序。
并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。

參考答案 https://www.kancloud.cn/lemon...

生命周期函數(shù)面試題
    1.什么是 vue 生命周期
    2.vue生命周期的作用是什么
    3.第一次頁(yè)面加載會(huì)觸發(fā)哪幾個(gè)鉤子
    4.簡(jiǎn)述每個(gè)周期具體適合哪些場(chǎng)景
    5.created和mounted的區(qū)別
    6.vue獲取數(shù)據(jù)在哪個(gè)周期函數(shù)
    7.請(qǐng)?jiān)敿?xì)說(shuō)下你對(duì)vue生命周期的理解？
vue路由面試題
    1.mvvm 框架是什么？
    2.vue-router 是什么?它有哪些組件
    3.active-class 是哪個(gè)組件的屬性？
    4.怎么定義 vue-router 的動(dòng)態(tài)路由? 怎么獲取傳過(guò)來(lái)的值
    5.vue-router 有哪幾種導(dǎo)航鉤子?
    6.$route 和 $router 的區(qū)別
    7.vue-router響應(yīng)路由參數(shù)的變化
    8.vue-router傳參
    9.vue-router的兩種模式
    10.vue-router實(shí)現(xiàn)路由懶加載（ 動(dòng)態(tài)加載路由 ）
vue常見(jiàn)面試題
    1.vue優(yōu)點(diǎn)
    2.vue父組件向子組件傳遞數(shù)據(jù)？
    3.子組件像父組件傳遞事件
    4.v-show和v-if指令的共同點(diǎn)和不同點(diǎn)
    5.如何讓CSS只在當(dāng)前組件中起作用
    6.的作用是什么?
    7.如何獲取dom
    8.說(shuō)出幾種vue當(dāng)中的指令和它的用法？
    9. vue-loader是什么？使用它的用途有哪些？
    10.為什么使用key
    11.axios及安裝
    12.axios解決跨域
    13.v-modal的使用
    14.scss的安裝以及使用
    15. 請(qǐng)說(shuō)出vue.cli項(xiàng)目中src目錄每個(gè)文件夾和文件的用法？
    16.分別簡(jiǎn)述computed和watch的使用場(chǎng)景
    17.v-on可以監(jiān)聽(tīng)多個(gè)方法嗎
    18.$nextTick的使用
    19.vue組件中data為什么必須是一個(gè)函數(shù)
    20.vue事件對(duì)象的使用
    21 組件間的通信
    22.漸進(jìn)式框架的理解
    23.Vue中雙向數(shù)據(jù)綁定是如何實(shí)現(xiàn)的
    24.單頁(yè)面應(yīng)用和多頁(yè)面應(yīng)用區(qū)別及優(yōu)缺點(diǎn)
    25.vue中過(guò)濾器有什么作用及詳解
    26.v-if和v-for的優(yōu)先級(jí)
    27.assets和static的區(qū)別
    28.列舉常用的指令
    29.vue常用的修飾符
    30.數(shù)組更新檢測(cè)
    31.Vue.set視圖更新
    32.自定義指令詳解
    33.vue的兩個(gè)核心點(diǎn)
    34.vue和jQuery的區(qū)別
    35 引進(jìn)組件的步驟
    36.Vue-cli打包命令是什么？打包后悔導(dǎo)致路徑問(wèn)題，應(yīng)該在哪里修改
    37.三大框架的對(duì)比
    38. 跨組件雙向數(shù)據(jù)綁定
    39.delete和Vue.delete刪除數(shù)組的區(qū)別
    40.SPA首屏加載慢如何解決
    41.Vue-router跳轉(zhuǎn)和location.href有什么區(qū)別
    42. vue slot
    43.你們vue項(xiàng)目是打包了一個(gè)js文件，一個(gè)css文件，還是有多個(gè)文件？
    44.vue遇到的坑，如何解決的？
    45.Vue里面router-link在電腦上有用，在安卓上沒(méi)反應(yīng)怎么解決？
    46.Vue2中注冊(cè)在router-link上事件無(wú)效解決方法
    47.RouterLink在IE和Firefox中不起作用（路由不跳轉(zhuǎn)）的問(wèn)題
    48.axios的特點(diǎn)有哪些
    49.請(qǐng)說(shuō)下封裝 vue 組件的過(guò)程？
    50.vue 各種組件通信方法（父子 子父 兄弟 爺孫 毫無(wú)關(guān)系的組件）
    51.params和query的區(qū)別
    52. vue mock數(shù)據(jù)
    53 vue封裝通用組件
    54.vue初始化頁(yè)面閃動(dòng)問(wèn)題
    55.vue禁止彈窗后的屏幕滾動(dòng)
    56.vue更新數(shù)組時(shí)觸發(fā)視圖更新的方法
    57.vue常用的UI組件庫(kù)
    58. vue如何引進(jìn)本地背景圖片
    59. vue如何引進(jìn)sass
    60.vue修改打包后靜態(tài)資源路徑的修改
vuex常見(jiàn)面試題
    1.vuex是什么？怎么使用？哪種功能場(chǎng)景使用它？
    2.vuex有哪幾種屬性
    3.不使用Vuex會(huì)帶來(lái)什么問(wèn)題
    4.Vue.js中ajax請(qǐng)求代碼應(yīng)該寫(xiě)在組件的methods中還是vuex的actions中？
    5.vuex一個(gè)例子方法
    6.Vuex中如何異步修改狀態(tài)
    7.Vuex中actions和mutations的區(qū)別
vue項(xiàng)目實(shí)戰(zhàn)
    1.頂部懸停效果
    2.電話(huà)本列表效果（ 右邊字母分類(lèi) 上下滑動(dòng) 旁邊字母顯示高亮）
    3.vue做代理
    4.Vue路由切換時(shí)的左滑和右滑效果示例

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

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

1.簡(jiǎn)述同步和異步的區(qū)別
2.怎么添加、移除、復(fù)制、創(chuàng)建、和查找節(jié)點(diǎn)
3.實(shí)現(xiàn)一個(gè)函數(shù)clone 可以對(duì)Javascript中的五種主要數(shù)據(jù)類(lèi)型（Number、string、Object、Array、Boolean）進(jìn)行復(fù)制
4.如何消除一個(gè)數(shù)組里面重復(fù)的元素
5.寫(xiě)一個(gè)返回閉包的函數(shù)
6.使用遞歸完成1到100的累加
7.Javascript有哪幾種數(shù)據(jù)類(lèi)型
8.如何判斷數(shù)據(jù)類(lèi)型
9.console.log(1+"2")和console.log(1-"2")的打印結(jié)果
10.Js的事件委托是什么，原理是什么
11.如何改變函數(shù)內(nèi)部的this指針的指向
12.列舉幾種解決跨域問(wèn)題的方式，且說(shuō)明原理
13.談?wù)劺厥諜C(jī)制的方式及內(nèi)存管理
14.寫(xiě)一個(gè)function ，清除字符串前后的空格
15.js實(shí)現(xiàn)繼承的方法有哪些
16.判斷一個(gè)變量是否是數(shù)組，有哪些辦法
17.let ，const ，var 有什么區(qū)別
18.箭頭函數(shù)與普通函數(shù)有什么區(qū)別
19.隨機(jī)取1-10之間的整數(shù)
20.new操作符具體干了什么
21.Ajax原理
22.模塊化開(kāi)發(fā)怎么做
23.異步加載Js的方式有哪些
24.xml和 json的區(qū)別
25.webpack如何實(shí)現(xiàn)打包的
26.常見(jiàn)web安全及防護(hù)原理
27.用過(guò)哪些設(shè)計(jì)模式
28.為什么要同源限制
29.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區(qū)別
30.javascript有哪些方法定義對(duì)象
31.說(shuō)說(shuō)你對(duì)promise的了解
32.談?wù)勀銓?duì)AMD、CMD的理解
33.web開(kāi)發(fā)中會(huì)話(huà)跟蹤的方法有哪些
34.介紹js有哪些內(nèi)置對(duì)象？
35.說(shuō)幾條寫(xiě)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.說(shuō)說(shuō)嚴(yán)格模式的限制
44.attribute和property的區(qū)別是什么？
45.ECMAScript6 怎么寫(xiě)class么，為什么會(huì)出現(xiàn)class這種東西?
46.常見(jiàn)兼容性問(wèn)題
47.函數(shù)防抖節(jié)流的原理
48.原始類(lèi)型有哪幾種？null是對(duì)象嗎？
49.為什么console.log(0.2+0.1==0.3) //false
50.說(shuō)一下JS中類(lèi)型轉(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的原理是什么？通過(guò)new的方式創(chuàng)建對(duì)象和通過(guò)字面量創(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.瀏覽器是如何渲染頁(yè)面的？
81.$(document).ready()方法和window.onload有什么區(qū)別？
82. jquery中$.get()提交和$.post()提交有區(qū)別嗎？
83.對(duì)前端路由的理解？前后端路由的區(qū)別？
84.手寫(xiě)一個(gè)類(lèi)的繼承
85.XMLHttpRequest：XMLHttpRequest.readyState;狀態(tài)碼的意思
86.正則表達(dá)式常見(jiàn)面試題
? 1.給一個(gè)連字符串例如：get-element-by-id轉(zhuǎn)化成駝峰形式。
? 2.匹配二進(jìn)制數(shù)字
? 3.非零的十進(jìn)制數(shù)字 (有至少一位數(shù)字, 但是不能以0開(kāi)頭)
? 4.匹配一年中的12個(gè)月
? 5.匹配qq號(hào)最長(zhǎng)為13為
? 6.匹配常見(jiàn)的固定電話(huà)號(hào)碼
? 7.匹配ip地址
? 8.匹配用尖括號(hào)括起來(lái)的以a開(kāi)頭的字符串
? 9.分割數(shù)字每三個(gè)以一個(gè)逗號(hào)劃分
? 10.判斷字符串是否包含數(shù)字
? 11.判斷電話(huà)號(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"的形式，簡(jiǎn)單判斷，只判斷格式
? 21.判斷日期格式是否符合 "2017-05-11"的形式，嚴(yán)格判斷（比較復(fù)雜）
? 22.IPv4地址正則
? 23.十六進(jìn)制顏色正則
? 24.車(chē)牌號(hào)正則
? 25.過(guò)濾HTML標(biāo)簽
? 26.密碼強(qiáng)度正則，最少6位，包括至少1個(gè)大寫(xiě)字母，1個(gè)小寫(xiě)字母，1個(gè)數(shù)字，1個(gè)特殊字符
? 27.URL正則
? 28.匹配浮點(diǎn)數(shù)

1.什么是盒模型
2.行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？行內(nèi)元素和塊級(jí)元素有什么區(qū)別？
3.簡(jiǎn)述src和href的區(qū)別
4.什么是css Hack
5.什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)
6.px和em的區(qū)別
7.HTML5 為什么只寫(xiě)
8.Http的狀態(tài)碼有哪些
9.一次完整的HTTP事務(wù)是怎么一個(gè)過(guò)程
10.HTTPS是如何實(shí)現(xiàn)加密
11.瀏覽器是如何渲染頁(yè)面的
12.瀏覽器的內(nèi)核有哪些？分別有什么代表的瀏覽器
13.頁(yè)面導(dǎo)入時(shí)，使用link和@import有什么區(qū)別
14.如何優(yōu)化圖像，圖像格式的區(qū)別
15.列舉你了解Html5. Css3 新特性
16.可以通過(guò)哪些方法優(yōu)化css3 animation渲染
17.列舉幾個(gè)前端性能方面的優(yōu)化
18.如何實(shí)現(xiàn)同一個(gè)瀏覽器多個(gè)標(biāo)簽頁(yè)之間的通信
19.瀏覽器的存儲(chǔ)技術(shù)有哪些
20.css定位方式
21.盡可能多的寫(xiě)出瀏覽器兼容性問(wèn)題
22.垂直上下居中的方法
23.響應(yīng)式布局原理
25.清除浮動(dòng)的方法
26.http協(xié)議和tcp協(xié)議
27.刷新頁(yè)面，js請(qǐng)求一般會(huì)有哪些地方有緩存處理
28.如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化
29.你對(duì)網(wǎng)頁(yè)標(biāo)準(zhǔn)和W3C重要性的理解
30.Http和https的區(qū)別
31.data-屬性的作用
32.如何讓Chrome瀏覽器顯示小于12px的文字
33.哪些操作會(huì)引起頁(yè)面回流（Reflow）
34.CSS預(yù)處理器的比較less sass
35.如何實(shí)現(xiàn)頁(yè)面每次打開(kāi)時(shí)清除本頁(yè)緩存
36.什么是Virtual DOM,為何要用Virtual DOM
37.偽元素和偽類(lèi)的區(qū)別
38.http的幾種請(qǐng)求方法和區(qū)別
39.前端需要注意哪些SEO
40.的title和alt有什么區(qū)別
41.從瀏覽器地址欄輸入url到顯示頁(yè)面的步驟
42.如何進(jìn)行網(wǎng)站性能優(yōu)化
43.語(yǔ)義化的理解
44.HTML5的離線(xiàn)儲(chǔ)存怎么使用，工作原理能不能解釋一下？
45.瀏覽器是怎么對(duì)HTML5的離線(xiàn)儲(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.如何在頁(yè)面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域？
52.網(wǎng)頁(yè)驗(yàn)證碼是干嘛的，是為了解決什么安全問(wèn)題
53.請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？
54. CSS選擇器有哪些？哪些屬性可以繼承？
55.CSS優(yōu)先級(jí)算法如何計(jì)算？
56.CSS3有哪些新特性？
57.請(qǐng)解釋一下CSS3的flexbox（彈性盒布局模型）,以及適用場(chǎng)景？
58.用純CSS創(chuàng)建一個(gè)三角形的原理是什么？
59.常見(jiàn)的兼容性問(wèn)題？
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重合的問(wèn)題
68. 設(shè)置元素浮動(dòng)后，該元素的display值是多少？
69.移動(dòng)端的布局用過(guò)媒體查詢(xún)嗎？
70.CSS優(yōu)化、提高性能的方法有哪些？
71.瀏覽器是怎樣解析CSS選擇器的？
72.在網(wǎng)頁(yè)中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體？為什么呢？
73.margin和padding分別適合什么場(chǎng)景使用？
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.讓頁(yè)面里的字體變清晰，變細(xì)用CSS怎么做？
80. position:fixed;在android下無(wú)效怎么處理？
81.如果需要手動(dòng)寫(xiě)動(dòng)畫(huà)，你認(rèn)為最小時(shí)間間隔是多久，為什么？
82.li與li之間有看不見(jiàn)的空白間隔是什么原因引起的？有什么解決辦法？
83.display:inline-block 什么時(shí)候會(huì)顯示間隙？
84. 有一個(gè)高度自適應(yīng)的div，里面有兩個(gè)div，一個(gè)高度100px，希望另一個(gè)填滿(mǎn)剩下的高度
85.png、jpg、gif 這些圖片格式解釋一下，分別什么時(shí)候用。有沒(méi)有了解過(guò)webp？
86.style標(biāo)簽寫(xiě)在body后與body前有什么區(qū)別？
87.CSS屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理?
88.闡述一下CSS Sprites
89. 一行或多行文本超出隱藏

初識(shí)小程序
    1.注冊(cè)小程序
    2.微信開(kāi)發(fā)者工具
    3.小程序與普通網(wǎng)頁(yè)開(kāi)發(fā)的區(qū)別
    4.小程序尺寸單位rpx
    5.樣式導(dǎo)入（WeUI for）
    6.選擇器
    7.小程序image高度自適應(yīng)及裁剪問(wèn)題
    8.微信小程序長(zhǎng)按識(shí)別二維碼
    9.給頁(yè)面加背景色
    10.微信小程序獲取用戶(hù)信息
    11.代碼審核和發(fā)布
    12.小程序微信認(rèn)證
    13.小程序申請(qǐng)微信支付
    14.小程序的目錄解構(gòu)及四種文件類(lèi)型
    15.小程序文件的作用域
    16.小程序常用組件
        1.view
        2.scroll-view
        3.swiper組件
        4.movable-view
        5.cover-view
        6.cover-image
小程序基礎(chǔ)
    17.授權(quán)得到用戶(hù)信息
    18.數(shù)據(jù)綁定
    19.列表渲染
    20.條件渲染
    21.公共模板建立
    22.事件及事件綁定
    23.引用
    24.頁(yè)面跳轉(zhuǎn)
        1.wx.switchTab
        2.wx.reLaunch
        3.wx.redirectTo
        4.wx.navigateTo
        5.wx.navigateBack
    25.設(shè)置tabBar
    26.頁(yè)面生命周期
    27.轉(zhuǎn)發(fā)分享
小程序高級(jí)
    28.request請(qǐng)求后臺(tái)接口
    29.http-promise 封裝
    30.webview
    31.獲取用戶(hù)收貨地址
    32.獲取地里位置
    33.自定義組件
    34.微信小程序支付問(wèn)題
小程序項(xiàng)目實(shí)戰(zhàn)
    35.微信小程序本地?cái)?shù)據(jù)緩存
    36.下拉刷新和下拉加載
    37.列表頁(yè)向詳情頁(yè)跳轉(zhuǎn)（動(dòng)態(tài)修改title）
    38.客服電話(huà)
    39.星級(jí)評(píng)分組件
    40.小程序插槽的使用slot
    41.模糊查詢(xún)
    42.wxs過(guò)濾
    43.小程序動(dòng)畫(huà)
    44.列表根據(jù)索引值渲染
    45.小程序動(dòng)態(tài)修改class
    46.小程序常用框架
    47.參數(shù)傳值的方法
    48.提高小程序的應(yīng)用速度
    49.微信小程序的優(yōu)劣勢(shì)
    50.小程序的雙向綁定和vue的區(qū)別
    51.微信小程序給按鈕添加動(dòng)畫(huà)
    52.微信小程序的tab按鈕的轉(zhuǎn)換
    53.微信小程序引進(jìn)echarts
    54.APP打開(kāi)小程序流程
    55.小程序解析富文本編輯器
小程序常見(jiàn)bug
? ? 1.域名必須是HTTPS
? ? 2. input組件placeholder字體顏色
? ? 3. wx.navigateTo無(wú)法跳轉(zhuǎn)到帶tabbar的頁(yè)面
? ? 4. tabbar在切換時(shí)頁(yè)面數(shù)據(jù)無(wú)法刷新
? ? 5.如何去掉自定義button灰色的圓角邊框
? ? 6.input textarea是APP的原生組件，z-index層級(jí)最高
? ? 7.一段文字如何換行
? ? 8.設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效
? ? 9.小程序中canvas的圖片不支持base64格式
? ? 10.回到頁(yè)面頂部
? ? 11.wx.setStorageSync和wx.getStorageSync報(bào)錯(cuò)問(wèn)題
? ? 12.如何獲取微信群名稱(chēng)？
? ? 13.new Date跨平臺(tái)兼容性問(wèn)題
? ? 14.wx.getSystemInfoSync獲取windowHeight不準(zhǔn)確
? ? 15.圖片本地資源名稱(chēng)，盡量使用小寫(xiě)命名

1.1px border問(wèn)題
2.2X圖 3X圖適配
3.圖片在安卓上，有些設(shè)備模糊問(wèn)題
4.固定定位布局 鍵盤(pán)擋住輸入框內(nèi)容
5.click的300ms延遲問(wèn)題和點(diǎn)擊穿透問(wèn)題
6.phone及ipad下輸入框默認(rèn)內(nèi)陰影
7.防止手機(jī)中頁(yè)面放大和縮小
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. 長(zhǎng)時(shí)間按住頁(yè)面出現(xiàn)閃退
14. ios和android下觸摸元素時(shí)出現(xiàn)半透明灰色遮罩
15. active兼容處理 即 偽類(lèi)：active失效
16.webkit mask兼容處理
17. pc端與移動(dòng)端字體大小的問(wèn)題
18. transiton閃屏
19.圓角bug
20.如何解決禁用表單后移動(dòng)端樣式不統(tǒng)一問(wèn)題？

1.dedecms（文章展示類(lèi)）
2.discuz（論壇類(lèi)網(wǎng)站）
3.ecshop電商類(lèi)網(wǎng)站
4.PHPEMS考試類(lèi)網(wǎng)站

1.vue教學(xué)視頻

2.微信小程序開(kāi)發(fā)視頻

3.Linux教學(xué)視頻

4.349套自適應(yīng)模板
5.黑馬python全課程講解

6.你不知道的js電子書(shū)

7.PHP課程全講解

8.珠峰培訓(xùn)視頻

9.小甲魚(yú)零基礎(chǔ)入門(mén)python

10.機(jī)器學(xué)習(xí)

11.React視頻學(xué)習(xí)資源

js算法（基礎(chǔ)）
    數(shù)組去重
    冒泡排序
    快速排序
    遞歸
算法進(jìn)階（趣味）
    數(shù)組輸出A[i]*i
    二進(jìn)制求1有多少個(gè)
    快速求最大值最小值
    reduce累加器
    快速反轉(zhuǎn)
    數(shù)組旋轉(zhuǎn)
    二分查找
    高階函數(shù)接收
    冒泡排序（高級(jí)）
    保留前三后四位字符（手機(jī)號(hào)*格式）

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