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