低調務實優秀中國好青年 (簡介) && 附加答案

中文 | 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解答

NumberTitleDifficultyNavigation

1.	兩數之和		兩數之和
2.	兩數相加		兩數相加
3.	無重復字符的最長子串		無重復字符的最長子串

以 「早起」、「運動」、「冥想」、「寫作」、「閱讀」這五件能夠快速改變人生的事情為切入點，幫助大家建立良好的生活習慣，技術的成長絕不是一朝一夕，良好的習慣將會幫助我們更快的進步，但在技術之外，我更希望大家能在這些事情的堅持中，收獲一份自信，多一份底氣，對人生多一份積極。--- （來源：低調務實優秀中國好青年群）

License

總結

以上是生活随笔為你收集整理的一个正经的前端学习 开源 仓库（500）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。