一个正经的前端学习 开源 仓库（500）
低調(diào)務(wù)實(shí)優(yōu)秀中國好青年 (簡介) && 附加答案
中文 | English
github.com/webVueBlog/…
一個(gè) ?? 正經(jīng)的前端學(xué)習(xí) 開源 倉庫，啟發(fā)來自 淘寶大佬 @冴羽 ，初心做一個(gè)真正能幫助到大家的倉庫。（非?？谡Z化的，手寫總結(jié)）
👤：我是哪吒：如果你所學(xué)的東西 處于喜歡 才會有強(qiáng)大的動力支撐。
🐤 交流討論 && 如何學(xué)習(xí) && 轉(zhuǎn)載聲明 && 幫忙修正以及補(bǔ)充
第一：你可以直接在本倉庫閱讀即可，階段性學(xué)習(xí)。（可以轉(zhuǎn)載里面的所有知識點(diǎn)用到任何地方，但請?zhí)砑觽}庫的地址）有問題歡迎提交issues. 歡迎大家前來討論，如果覺得對你的學(xué)習(xí)有一定的幫助，歡迎點(diǎn)個(gè)Star （此倉庫每天都會準(zhǔn)時(shí)更新）- vx聯(lián)系: xiaoda0423
📕 階段二十二（500）
展開查看481.46. 全排列
482.15. 三數(shù)之和
483.1. 兩數(shù)之和
484.劍指 Offer 10- II. 青蛙跳臺階問題
485.劍指 Offer 48. 最長不含重復(fù)字符的子字符串
486.劍指 Offer 04. 二維數(shù)組中的查找
487.34. 在排序數(shù)組中查找元素的第一個(gè)和最后一個(gè)位置
488.說說你對arguments的理解，它是數(shù)組嗎？
489.怎樣修改chrome記住密碼后自動填充表單的黃色背景？
490.css的屬性content有什么作用呢？
491.寫一個(gè)獲取數(shù)組的最大值、最小值的方法
492.請描述css的權(quán)重計(jì)算規(guī)則
493.rgba()和opacity這兩個(gè)的透明效果有什么區(qū)別呢？
494.meta
495.寫一個(gè)驗(yàn)證身份證號的方法
496.什么是無障礙web
497.寫一個(gè)方法把0和1互轉(zhuǎn)
498.讓網(wǎng)頁的字體變得清晰，變細(xì)用CSS怎么做？
499.解釋下CRLF是什么？
500.網(wǎng)頁上的驗(yàn)證碼是為了解決什么問題？
😋 階段二十一（480）
展開查看471.Promise
472.413. 等差數(shù)列劃分
473.377. 組合總和 Ⅳ
474.312. 戳氣球
475.322. 零錢兌換
476.64. 最小路徑和
477.1343. 大小為 K 且平均值大于等于閾值的子數(shù)組數(shù)目
478.Promise術(shù)語
479.Promise承諾狀態(tài)
480.Promisethen
? 階段二十（470）
展開查看461.526. 優(yōu)美的排列
462.216. 組合總和 III
463.133. 克隆圖
464.101. 對稱二叉樹
465.理解迭代
466.129. 求根節(jié)點(diǎn)到葉節(jié)點(diǎn)數(shù)字之和
467.迭代器模式
467.可迭代協(xié)議
468.迭代器協(xié)議
469.自定義迭代器
470.提前終止迭代器
😗 階段十九（460）
展開查看451.Object和Array復(fù)習(xí)
452.定型數(shù)組，Map，Set，迭代與擴(kuò)展復(fù)習(xí)
453.基本引用類型復(fù)習(xí)
454.402. 移掉 K 位數(shù)字
455.328. 奇偶鏈表
456.數(shù)據(jù)類型復(fù)習(xí)
457.735. 行星碰撞
458.239. 滑動窗口最大值
459.三次握手
460.四次揮手
🐉 階段十八（450）
展開查看441.react jsx
442.React 組件
443.47. 全排列 II
444.692. 前K個(gè)高頻單詞
445.220. 存在重復(fù)元素 III
446.let和const
447.jsx是怎么變成dom的
448.數(shù)組的擴(kuò)展
449.宏任務(wù)與微任務(wù)
450.301與302
🐔 階段十七（440）
展開查看426.說說瀏覽器解析CSS選擇器的過程
427.手動實(shí)現(xiàn)一個(gè)new方法
428.屬性data-的理解
429.用過CSS預(yù)處理器
430.如何快速讓一個(gè)數(shù)組亂序
431.form標(biāo)簽的enctype屬性
432.::before和:after中單冒號和雙冒號的區(qū)別是什么 這兩個(gè)偽元素有什么作用
433.script script async script defer
434.在頁面中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體
435.寫一個(gè)判斷設(shè)備來源的方法
436.GBK和UTF-8
437.Git的branch及工作流的理解是什么
438.Symbol使用場景
439.延長作用域鏈
440.z-index的理解
🐟 階段十六（425）
展開查看402.React安裝
403.npm
404.文件夾結(jié)構(gòu)
405.指數(shù)運(yùn)算符 (ES2016)
406.Async/await (ES2017)
407.table的作用和優(yōu)缺點(diǎn)
408.table的作用和優(yōu)缺點(diǎn)
409.在頁面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域
410.typeof是操作符還是函數(shù)
411.use strict
412.CSS sprites的原理和優(yōu)缺點(diǎn)分別是什么
413.對SVN和GIT的理解和區(qū)別
414.什么是FOUC？你是如何避免FOUC的？
415.margin邊界疊加是什么及解決方案
416.html中的置換元素和非置換元素的理解
417.javascript的作用域
418."attribute"和"property"有什么不同
419.HTML元素的顯示優(yōu)先級
420.要讓Chrome支持小于12px的文字怎么做
421.重繪和重排
422.寫一個(gè)方法驗(yàn)證是否為中文
423.line-height是如何理解的
424.line-input元素中readonly和disabled屬性的理解
425.js放在html的body和head有什么區(qū)別
🦐 階段十五（401）
展開查看385.Vue 動態(tài)添加路由及生成菜單
386.數(shù)組排序方法
387.數(shù)組操作方法
388.數(shù)組搜索和位置方法
389.數(shù)組迭代方法
390.數(shù)組歸并方法
391.定型數(shù)組
392.ArrayBuffer
393.DataView
394.ArrayBuffer 視圖
395.迭代與擴(kuò)展操作
396.Map
397.WeakMap
398.Set
399.WeakSet
400.Map順序與迭代
401.選擇 Object 還是 Map
🦂 階段十四（384）
展開查看371.集合引用類型
372.Object
373.Array
374.數(shù)組空位
375.數(shù)組索引
376.檢測數(shù)組
377.迭代器方法
378.復(fù)制和填充方法
379.Vue Router
380.Vue Router入門
381.帶參數(shù)的動態(tài)路由匹配
382.轉(zhuǎn)換方法
383.棧方法
384.隊(duì)列方法
😘 階段十三（370）
展開查看341.作用域鏈增強(qiáng)
342.變量聲明
343.垃圾回收
344.標(biāo)記清理
345.引用計(jì)數(shù)
346.性能
347.內(nèi)存管理
348.基本引用類型
349.Date
350.Date繼承的方法
351.Date日期格式化方法
352.Date組件方法
353.RegExp
354.RegExp實(shí)例屬性
355.RegExp實(shí)例方法
356.RegExp構(gòu)造函數(shù)屬性
357.RegExp模式局限
358.原始值包裝類型
359.Boolean
360.Number
361.String
362.字符串操作方法
363.字符串包含方法
364.trim
365.repeat
366.padStart()和 padEnd()方法
367.字符串迭代與解構(gòu)
368.字符串模式匹配方法
369.localeCompare()方法
370. HTML 方法
🥰 階段十二（340）
展開查看325.最佳實(shí)踐
326.typeof 操作符
327.Undefined 類型
328.Null 類型
329.Boolean 類型
330.Number 類型
331.String 類型
332.Symbol 類型
333.Object 類型
334.函數(shù)
335.原始值與引用值
336.動態(tài)屬性
337.復(fù)制值
338.傳遞參數(shù)
339.typeof 操作符
340.執(zhí)行上下文與作用域
341.Global
342.Math
😉 階段十一（324）
展開查看307.script元素
308.script元素放置位置
309.推遲執(zhí)行腳本
310.異步執(zhí)行腳本
311.動態(tài)加載腳本
312.可擴(kuò)展超文本標(biāo)記語言
313.行內(nèi)代碼與外部文件
314.文檔模式
315.元素
316.區(qū)分大小寫
317.標(biāo)識符
318.注釋
319.嚴(yán)格模式
320.語句最佳實(shí)踐
321.關(guān)鍵字與保留字
322.var
323.let
324.const
🙃 階段十（306）
展開查看286.HTTP工作原理
287.cookie和session區(qū)別
288.get和post的區(qū)別
289.xss
290.Symbol 語法
291.響應(yīng)式原理
292.computed和data
293.MVVM
294.路由緩存
295.v-model的原理
296.模版引擎
297.SEO優(yōu)化
298.重置data
299.Observable
300.this.parent
301.data和屬性名
302.生命周期
303.SPA單頁面
304.location.href
305.計(jì)算屬性和監(jiān)聽器
306.v-show, v-if
😍 階段九（285）
展開查看251.元素的alt和title有什么區(qū)別
252.new
253.call
254.防抖
255.flex
256.節(jié)流
257.柯里化
258.promise
259.字符串編號
260.模擬forOf
261.super原理分析
262.promise的單一狀態(tài)與中轉(zhuǎn)
263.promise.then
264.then返回值的處理技巧
265.promise封裝ajax
266.封裝setTimeout定時(shí)器
267.promise隊(duì)列原理
268.異步封裝到類內(nèi)部
269.class和await的結(jié)合
270.用reduce實(shí)現(xiàn)promise隊(duì)列
271.BFC
272.重繪與重排
273.動畫
274.inline-block
275.左固定右適應(yīng)
276.三角形
277.flex屬性
278.visibility
279.position
280.清除浮動
281.彈性布局
282.什么是語義化與新特性
283.cookie和token
284.cookie是如何工作的
285.測試promise例子
🧑🏻 階段八（250）
展開查看216.事件循環(huán)Event Loop
217.知識點(diǎn)
218.html-css
219.0.1+0.2==0.3?
220.ES新特性
221.模塊化
222.JS方法源碼實(shí)現(xiàn)
223.用CSS創(chuàng)建一個(gè)三角形，并簡述原理
224.寫一個(gè)去除制表符和換行符的方法
225.圣杯布局和雙飛翼布局的理解和區(qū)別
226.iframe框架都有哪些優(yōu)缺點(diǎn)
227.BFC規(guī)范的理解
228.統(tǒng)計(jì)某一字符或字符串在另一個(gè)字符串中出現(xiàn)的次數(shù)
229.清除浮動的方式有哪些及優(yōu)缺點(diǎn)
230.寫一個(gè)加密字符串的方法
231.寫一個(gè)判斷數(shù)據(jù)類型的方法
232.優(yōu)雅降級和漸進(jìn)增強(qiáng)
233.瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通信方式有哪些
234.viewport常見設(shè)置都有哪些
235.對比下px、em、rem有什么不同
236.http都有哪些狀態(tài)碼
237.標(biāo)簽語義化的理解
238.css常用的布局方式有哪些
239.簡要描述下JS有哪些內(nèi)置的對象
240.瀏覽器內(nèi)核都有哪些
241.寫一個(gè)獲取當(dāng)前url查詢字符串中的參數(shù)的方法
242.html5中的form怎么關(guān)閉自動完成
243.什么是回調(diào)函數(shù)
244.網(wǎng)頁應(yīng)用從服務(wù)器主動推送到客戶端有哪些方式
245.為什么HTML5只需要寫就可以
246.寫一個(gè)數(shù)組去重的方法
247.title與h1的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別
248.style標(biāo)簽寫在body前和body后的區(qū)別是什么
249.什么是閉包
250.返回到頂部的方法有哪些
🧑🏻?💻 階段七（215）
展開查看191.new關(guān)鍵字
192.call
193.apply
194.bind
195.js
196.防抖與節(jié)流
197.原型鏈繼承prototype
198.使用構(gòu)造函數(shù)繼承call
199.原型式繼承Object.create.js
200.寄生式繼承
201.寄生組合式繼承
202.靜態(tài)方法的實(shí)現(xiàn)原理
203.protected
204.class屬性繼承原理
205.class方法繼承原理
206.https加密原理
207.總結(jié)原型鏈
208.原型鏈實(shí)例
209.call,apply借用原型鏈
210.原型繼承
211.原型工廠封裝
212.__proto__屬性訪問器
213.DataView視圖
214.TypedArray
215.iterator使用場景
😇 階段六（190）
展開查看176.事件冒泡和事件捕獲到底有何區(qū)別
177.用遞歸算法實(shí)現(xiàn)，數(shù)組長度為5且元素的隨機(jī)數(shù)在2-32間不重復(fù)的值
178.寫一個(gè)方法去掉字符串中的空格
179.CSS3有哪些新增的特性
180.html的元素有哪些
181.HTML全局屬性(global attribute)有哪些
182.在頁面上隱藏元素的方法有哪些
183.去除字符串中最后一個(gè)指定的字符
184.CSS選擇器有哪些？哪些屬性可以繼承？
185.寫一個(gè)方法把下劃線命名轉(zhuǎn)成大駝峰命名
186.HTML5的文件離線儲存怎么使用，工作原理是什么
187.簡述超鏈接target屬性的取值和作用
188.CSS3新增偽類有哪些并簡要描述
189.寫一個(gè)把字符串大小寫切換的方法
190.label都有哪些作用
🧑🏻?💻 階段五（175）
展開查看151.數(shù)據(jù)綁定的容器更新
152.理解對象
153.箭頭函數(shù)
154.高階函數(shù)
155.靜態(tài)屬性的使用
156.instanceof
157.promise原理
158.數(shù)組的擴(kuò)展
159.reduce
160.迭代器與for of
161.結(jié)構(gòu)賦值
162.盒模型
163.權(quán)重和優(yōu)先級
164.Flex實(shí)現(xiàn)垂直居中
165.一個(gè)大小為父元素寬度一半的正方形
166.左右固定中間自適應(yīng)
167.flex左側(cè)固定右側(cè)自適應(yīng)
168.函數(shù)有多個(gè)長輩
169.原型方法與對象方法優(yōu)先級
170.使用父類構(gòu)造函數(shù)初始屬性
171.hasOwnProperty屬性檢測
172.isPrototypeOf原型檢測
173.原型中的constructor引用
174.那些對象沒有原型
175.instanceof
🥲 階段四（150）
展開查看146.頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別
147.什么是“use strict”,好處和壞處
148.console.log(0.1 + 0.2)
149.數(shù)組pop(), push(), unshift(), shift()的區(qū)別
150.==和===
🧑🏻?💻 階段三（145）
展開查看101.閉包語義
102.構(gòu)造函數(shù)的作用和使用形態(tài)
103.延伸函數(shù)生命周期
104.傳遞參數(shù)
105.對象的含義
106.淺拷貝
107.加解密
108.發(fā)送消息
109.深拷貝
110.對象api
111.計(jì)算機(jī)的組成
112.進(jìn)程和線程
113.訪問器
114.代理對象
115.代理函數(shù)
116.原型鏈
117.nodeEvent
118.websocket
119.HTTPS工作流程
120.三次揮手
121.緩存
122.數(shù)組使用代理攔截操作
123.創(chuàng)建對象
124.解構(gòu)賦值
125.Object.assign
126.四次揮手
127.瀏覽器輸入U(xiǎn)RL后回車
128.webpack實(shí)踐
129.mustache
130.set語法
131.map語法
132.箭頭函數(shù)
133.模板字符串
134.模板字符串
135.構(gòu)造函數(shù)
136.聲明類的語法
137.在類里面使用訪問器
138.public屬性
139.scoped
140.keep-alive
141.vue-router
142.vue-loader
143.修飾符
144.Vue.delete
145.OSI七層網(wǎng)絡(luò)模型
🤣 階段二（100）
展開查看51.簡述Chome盒模型與IE盒模型的區(qū)別
52.行內(nèi)元素和塊級元素都有哪一些
53.BFC
54.什么是彈性布局
55.html5有哪些新特性
56.position有哪些屬性
57.請說出1px，1rem，1vh，1em各自代表的含義
58.什么是SPA
59.簡述優(yōu)雅降級與漸進(jìn)增強(qiáng)
60.重繪與重排
61.解釋下浮動和它的工作原理和清除浮動的方法
62.如何讓一個(gè)盒子在頁面垂直水平居中
63.前端性能優(yōu)化方案
64.css選擇器優(yōu)先級順序
65.CSS3有哪些新特性
66.什么是空元素
67.如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通訊
68.為什么要初始化css樣式
69.CSS3新增的偽類有哪些
70.說說對canvas，svg，webgl的理解
71.瀏覽器是如何渲染UI的
72.em、rem的區(qū)別
73.解釋csssprites，如何使用
74.瀏覽器是如何渲染UI的
75.瀏覽器工作原理
76.偽類和偽元素的區(qū)別
77.介紹一下你對瀏覽器內(nèi)核的理解
78.常見的瀏覽器內(nèi)核有哪些
79.優(yōu)化這些圖片的加載
80.如何進(jìn)行seo優(yōu)化
81.如何實(shí)現(xiàn)0.5px邊框
82.less和sass的區(qū)別
83.xhtml和html有什么區(qū)別
84.img標(biāo)簽上title與alt屬性的區(qū)別是什么
85.a標(biāo)簽中 active hover link visited 正確的設(shè)置順序是什么
86.如何處理HTML5新標(biāo)簽的瀏覽器兼容性問題
87.HTML5的離線儲存怎么使用
88.頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別
89.git reset、git revert和git checkout
90.git pull 和 git fetch 之間有什么區(qū)別
91.如何在 Git 恢復(fù)先前的提交
92.使用箭頭函數(shù)應(yīng)注意什么
93.介紹下 Set、Map的區(qū)別
94.Promise構(gòu)造函數(shù)是同步執(zhí)行還是異步執(zhí)行，那么 then 方法呢
95.setTimeout、Promise、Async/Await 的區(qū)別
96.下面的輸出結(jié)果是多少
97.請寫出以下代碼的答案，并解釋為什么要提升
98.var、let、const之間的區(qū)別
99.async 和 await
100.get和post的區(qū)別
🧑🏻?💻 階段一（50）
展開查看1.xss總結(jié)
2.csrf
3.html加載過程
4.defer和async的區(qū)別
5.輸入一個(gè)url后
6.瀏覽器線程線程模型
7.瀏覽器緩存
8.BFC
9.vue-DIFF算法
10.箭頭函數(shù)和普通函數(shù)的區(qū)別
11.vue框架好在哪里
12.vue雙向綁定弊端set實(shí)現(xiàn)
13.vue-router原理
14.跨域問題解決方案
15.ObjectdefinePropery和proxy
16.vue組件通信
17.vue雙向綁定
18.三次握手和四次揮手
19.Axios
20.跨域
21.websocket
22.osi七層模型
23.模塊加載方案
24.隱式類型轉(zhuǎn)換
25.單向數(shù)據(jù)流與雙向數(shù)據(jù)綁定
26.項(xiàng)目難點(diǎn)
27.EventBus訂閱發(fā)布模式
28.http請求頭
29.TCP
30.vue-router原理2
31.清除浮動的方式
32.發(fā)布訂閱模式
41.閉包和作用域鏈
42.前端性能優(yōu)化
43.模塊化
44.http各版本
45.commonjs和es6
46.BFC
47.左側(cè)固定右側(cè)自適應(yīng)
48.三角形
49.vuex核心原理
50.圣杯布局
全棧架構(gòu)師
展開查看33.vue源碼解讀
34.webpack原理剖析
35.vue-router前端路由原理剖析
36.React16虛擬dom原理剖析
37.koa2源碼剖析
38.Flutter
39.vue組件設(shè)計(jì)
40.Taro框架
Leetcode刷題&答案
展開查看1.兩數(shù)之和
2.兩數(shù)相加
20.有效的括號
21.合并兩個(gè)有序鏈表
22.括號生成
24.兩兩交換鏈表中的節(jié)點(diǎn)
27.移除元素
35.搜索插入位置
49.字母異位詞分組
46.全排列
53.最大子序和
56.合并區(qū)間
57.插入?yún)^(qū)間
77.組合
78.子集
90.子集II
94.二叉樹的中序遍歷
shields.io/
leetcode
👩🏻?💻：webVueBlog的leetcode刷題📒
? ? ? ?
Number題號
Title題目
Difficulty難度
Navigation解答
| 1. | 兩數(shù)之和 | 兩數(shù)之和 | |
| 2. | 兩數(shù)相加 | 兩數(shù)相加 | |
| 3. | 無重復(fù)字符的最長子串 | 無重復(fù)字符的最長子串 |
以 「早起」、「運(yùn)動」、「冥想」、「寫作」、「閱讀」這五件能夠快速改變?nèi)松氖虑闉榍腥朦c(diǎn)，幫助大家建立良好的生活習(xí)慣，技術(shù)的成長絕不是一朝一夕，良好的習(xí)慣將會幫助我們更快的進(jìn)步，但在技術(shù)之外，我更希望大家能在這些事情的堅(jiān)持中，收獲一份自信，多一份底氣，對人生多一份積極。--- （來源：低調(diào)務(wù)實(shí)優(yōu)秀中國好青年群）
License
總結(jié)
以上是生活随笔為你收集整理的一个正经的前端学习 开源 仓库（500）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在 iOS 设备上安装和使用 OpenS
- 下一篇： java 正则表达式 例子_Java正则