正經的前端學習

中文 | English

一個 ?? 正經的前端學習 開源 倉庫，每天進步一點！歡迎大家前來討論，如果覺得對你的學習有一定的幫助，歡迎點個Star （此倉庫每天都會手動更新）

🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹 🌹

日志

• 正經的前端學習（705）

• 深入理解JS核心技術（在更）

😃 對自己的寄語

• 吾日三省吾身

• 不憤不啟，不悱不發。舉一隅不以三隅反，則不復也

• 死磕自己，遇見更好的自己，365天無節假日

• 不跟別人比，做好自己；不詆毀他人，向優秀者學習

• 每一個階段的話或事，可能是你下一階段認為的蠢事

• 希望大家在這浮夸的前端圈里，保持冷靜

• 重在堅持

• 沒有人是一座孤島

地址 ??

github.com/webVueBlog/…

🐤 交流討論 && 如何學習 && 轉載聲明 && 幫忙修正以及補充

第一：你可以直接在本倉庫閱讀即可，階段性學習。（可以轉載里面的所有知識點用到任何地方，但請添加倉庫的地址）有問題歡迎提交issues

? 階段三十四（705）

展開查看

• 691.code1

• 692.code2

• 693.code3

• 694.code4

• 695.code5

• 696.code6

• 697.code7

• 698.code8

• 699.globalThis

• 700.手寫promise

• 701.react_spa

• 702.react_路由

• 703.react_原理

• 704.react_路由的基本使用

• 705.react_路由組件與一般組件

🌙 階段三十三（690）

展開查看

• 669.code21

• 670.code22

• 671.code23

• 672.code24

• 673.code25

• 674.code26

• 675.code27

• 676.this1

• 677.this2

• 678.this3

• 679.this4

• 680.this5

• 681.this6

• 682.this7

• 683.this8

• 684.this9

• 685.this10

• 686.this11

• 687.this12

• 688.this13

• 689.this14

• 690.this15

👇 階段三十二（668）

展開查看

• 649.code1

• 650.code2

• 651.code3

• 652.code4

• 653.code5

• 654.code6

• 655.code7

• 656.code8

• 657.code9

• 658.code10

• 659.code11

• 660.code12

• 661.code13

• 662.code14

• 663.code15

• 664.code16

• 665.code17

• 666.code18

• 667.code19

• 668.code20

🐂 階段三十一（648）

展開查看

• 624.220.存在重復元素III

• 625.compare_react_life

• 626.creat_react_app

• 627.higher_order_fn

• 628.jsonp

• 629.Object.defineProperty

• 630.react_component

• 631.react_createRef

• 632.react_domdiffing

• 633.react_eventhandler

• 634.react_life_cycle

• 635.react_lift_process

• 636.Route

• 637.setTimeoutTosetInterval

• 638.react

• 639.code1

• 640.code2

• 641.code3

• 642.code4

• 643.code5

• 644.code6

• 645.code7

• 646.code8

• 647.code9

• 648.code10

🐂 階段三十（623）

展開查看

• 599.前K個高頻單詞

• 600._reverse

• 601.dateFormat

• 602.formatNumber

• 603.repeat

• 604.Text類型

• 605.add

• 606.argumentsNum

• 607.asynclight

• 608.callbacklight

• 609.code1

• 610.EventCenter

• 611.expansion-operator

• 612.extendPrototype

• 613.fetch-async-await

• 614.findMostWord

• 615.likeToArr

• 616.objectToTree

• 617.promiseImg

• 618.promiselight

• 619.reduce

• 620.react_min_setState

• 621.react_setState

• 622.react-props

• 623.react-props-test

🤨 階段二十九（598）

展開查看

• 566.DOM-Element類型

• 567.42. 接雨水

• 568.合并區間

• 569.字符串相加

• 570.最長遞增子序列

• 571.最長連續遞增序列

• 572.字符串相乘

• 573.全排列II

• 574._filter

• 575._flat

• 576._map

• 577._push

• 578.ajax

• 579.apply

• 580.bind

• 581.call

• 582.copy

• 583.curry

• 584.dateFormat

• 585.debounce

• 586.deepcopy

• 587.flatten

• 588.getType

• 589.instanceof

• 590.new

• 591.Object.create.js

• 592.promise-ajax

• 593.Promise.all

• 594.promise.js

• 595.Promise.race

• 596.Promise.then

• 597.setArr

• 598.throttle

😛 階段二十八（565）

展開查看

• 556.859. 親密字符串

• 557.860. 檸檬水找零

• 558.969. 煎餅排序

• 559.621. 任務調度器

• 560.面試題 03.04. 化棧為隊

• 561.682. 棒球比賽

• 562.844 比較含退格的字符串

• 563.946. 驗證棧序列

• 564.20 有效的括號

• 565.1021. 刪除最外層的括號

😛 階段二十七（555）

展開查看

• 545.92. 反轉鏈表 II

• 546.206. 反轉鏈表

• 547.202. 快樂數

• 548.142. 環形鏈表 II

• 549.141. 環形鏈表

• 550.Node類型-節點關系

• 551.25. K 個一組翻轉鏈表

• 552.61. 旋轉鏈表

• 553.24 兩兩交換鏈表中的節點

• 554.933. 最近的請求次數

• 555.面試題 17.09. 第 k 個數

😛 階段二十六（544）

展開查看

• 533.23. 合并K個升序鏈表

• 534.224. 基本計算器

• 535.122. 買賣股票的最佳時機 II

• 536.309. 最佳買賣股票時機含冷凍期

• 537.123. 買賣股票的最佳時機 III

• 538.188. 買賣股票的最佳時機 IV

• 539.714. 買賣股票的最佳時機含手續費

• 540.2226. 每個小孩最多能分到多少糖果

• 541.139. 單詞拆分

• 542.suspense-and-lazy

• 543.日志功能

• 544.token

😛 階段二十五（532）

展開查看

• 526.2135. 統計追加字母可以獲得的單詞數

• 527.1312. 讓字符串成為回文串的最少插入次數

• 528.面試題 08.09. 括號

• 529.3. 無重復字符的最長子串

• 530.316. 去除重復字母

• 531.節點層級

• 532.Node 類型

😛 階段二十四（525）

展開查看

• 515.劍指 Offer 38. 字符串的排列

• 516.劍指 Offer 46. 把數字翻譯成字符串

• 517.劍指 Offer 47. 禮物的最大價值

• 518.劍指 Offer 59 - I. 滑動窗口的最大值

• 519.leetcode 35. 搜索插入位置

• 520.DOM

• 521.劍指 Offer 53 - I. 在排序數組中查找數字 I

• 522.劍指 Offer 60. n個骰子的點數

• 523.26. 刪除有序數組中的重復項

• 523.122. 買賣股票的最佳時機 II

• 524.axios.all和axios.spread

• 525.關于Axios篇

😛 階段二十三（514）

展開查看

• 501.劍指 Offer 07. 重建二叉樹

• 502.劍指 Offer 10- I. 斐波那契數列

• 503.劍指 Offer 12. 矩陣中的路徑

• 504.劍指 Offer 13. 機器人的運動范圍

• 505.劍指 Offer 14- I. 剪繩子

• 506.劍指 Offer 14- II. 剪繩子 II

• 507.劍指 Offer 16. 數值的整數次方

• 508.劍指 Offer 24. 反轉鏈表

• 509.劍指 Offer 26. 樹的子結構

• 510.劍指 Offer 32 - I. 從上到下打印二叉樹

• 511.生成器基礎

• 512.通過 yield 中斷執行

• 513.生成器作為默認迭代器

• 514.提前終止生成器

📕 階段二十二（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框架

深入理解JS核心技術

NumberTitle

1	在 JavaScript 中創建對象的可能方式有哪些
2	什么是原型鏈
3	調用、應用和綁定有什么區別
4	什么是 JSON 及其常用操作
5	數組切片方法的目的是什么
6	數組拼接方法的目的是什么
7	切片和拼接有什么區別
8	你如何比較Object和Map
9	== 和 === 運算符有什么區別
10	什么是 lambda 或箭頭函數
11	什么是一級函數
12	什么是一階函數
13	什么是高階函數
14	什么是一元函數
15	什么是柯里化函數
16	什么是純函數
17	let 關鍵字的作用是什么
18	let 和 var 有什么區別
19	選擇名稱let作為關鍵字的原因是什么
20	如何在 switch 塊中重新聲明變量而不會出錯
21	什么是暫時性死區
22	什么是 IIFE（立即調用函數表達式）
23	您如何在 JavaScript 中解碼或編碼 URL
24	什么是備忘
25	什么是吊裝
26	ES6 中的類是什么
27	什么是閉包
28	什么是模塊
29	為什么需要模塊
30	javascript中的作用域是什么
31	什么是服務人員
32	如何使用 service worker 操作 DOM
33	如何在 service worker 重啟時重用信息
34	什么是索引數據庫
35	什么是網絡存儲
36	什么是發布消息
37	什么是餅干
38	為什么需要 Cookie
39	cookie 中有哪些選項
40	如何刪除 cookie
41	cookie、本地存儲和會話存儲有什么區別
42	localStorage 和 sessionStorage 的主要區別是什么
43	您如何訪問網絡存儲
44	會話存儲上可用的方法有哪些
45	什么是存儲事件及其事件處理程序
46	為什么需要網絡存儲
47	你如何檢查網絡存儲瀏覽器支持
48	你如何檢查網絡工作者瀏覽器支持
49	舉個 web worker 的例子
50	webworkers對DOM有什么限制
51	什么是承諾
52	為什么需要承諾
53	承諾的三種狀態是什么
54	什么是回調函數
55	為什么我們需要回調
56	什么是回調地獄
57	什么是服務器發送事件
58	您如何接收服務器發送的事件通知
59	如何檢查瀏覽器對服務器發送事件的支持
60	服務器發送的事件有哪些可用的事件
61	承諾的主要規則是什么
62	什么是回調中的回調
63	什么是承諾鏈
64	什么是promise.all
65	承諾中比賽方法的目的是什么
66	什么是javascript中的嚴格模式
67	為什么需要嚴格模式
68	你如何聲明嚴格模式
69	雙感嘆號的目的是什么
70	刪除運算符的目的是什么
71	什么是 typeof 運算符
72	什么是未定義屬性
73	什么是空值
74	null 和 undefined 有什么區別
75	什么是評估
76	窗口和文檔有什么區別
77	你如何在javascript中訪問歷史記錄
78	你如何檢測大寫鎖定鍵是否打開
79	什么是 NaN
80	未聲明變量和未定義變量有什么區別
81	什么是全局變量
82	全局變量有什么問題
83	什么是 NaN 屬性
84	isFinite 函數的目的是什么
85	什么是事件流
86	什么是事件冒泡
87	什么是事件捕獲
88	如何使用 JavaScript 提交表單
89	您如何找到操作系統詳細信息
90	文檔加載和 DOMContentLoaded 事件有什么區別
91	本機，主機和用戶對象之間有什么區別
92	用于調試 JavaScript 代碼的工具或技術有哪些
93	與回調相比，promise 的優缺點是什么
94	屬性和屬性有什么區別
95	什么是同源策略
96	void 0的目的是什么
97	JavaScript 是編譯型語言還是解釋型語言
98	JavaScript 是區分大小寫的語言嗎
99	Java和JavaScript之間有什么關系嗎
100	什么是事件
101	誰創建了 JavaScript
102	preventDefault 方法有什么用
103	stopPropagation 方法有什么用
104	return false 涉及哪些步驟
105	什么是物料清單
106	setTimeout 有什么用
107	setInterval 有什么用
108	為什么 JavaScript 被視為單線程
109	什么是事件委托
110	什么是 ECMAScript

• shields.io/

• leetcode

👩🏻?💻：webVueBlog的leetcode刷題📒

? ? ? ?

Number題號

Title題目

Difficulty難度

Navigation解答

NumberTitleDifficultyNavigation

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

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

License

總結

以上是生活随笔為你收集整理的坚持每一天，不忘初心，正经的前端学习（705）的全部內容，希望文章能夠幫你解決所遇到的問題。

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