正經的前端學習 開源 倉庫

新增issues部落格

Starred

日志

• 正經的前端學習（在更）
• 深入了解JS核心技術（在更）
• 深入手寫JS原生API（在更）

😃 對自己的寄語

• 吾日三省吾身
• 不憤不啟，不悱不發。舉一隅不以三隅反，則不複也
• 死磕自己，遇見更好的自己，365天無節假日
• 不跟别人比，做好自己；不诋毀他人，向優秀者學習
• 每一個階段的話或事，可能是你下一階段認為的蠢事
• 希望大家在這浮誇的前端圈裡，保持冷靜
• 重在堅持
• 沒有人是一座孤島

福利 🧧，👏 模拟面試，限時30分鐘

首先 感謝 🙏 您的 Star, 模拟面試可以 😌 （我會針對您的個人 👤 年限出題時間為30分鐘内，是以請你 把握👌好機會）。最後，一個人可以走的更快，但一群人才能走的更遠，和大家一起共勉，多折騰折騰，做一個低調務實優秀的中國好青年，加我也要注意 ⚠️ 請求同意備注！！！

Leetcode題解

• shields.io/
• leetcode

👩🏻‍💻：webVueBlog的leetcode刷題📒

• 1.two-sum
• 1.兩數之和
• 3.longest-substring-without-repeating-characters
• 3.無重複字元的最長子串
• 7.reverse-integer
• 37.sudoku-solver
• 43.multiply-strings
• 56.merge-intervals
• 62.unique-paths
• 64.minimum-path-sum
• 78.子集
• 101.symmetric-tree
• 129.sum-root-to-leaf-numbers
• 198.house-robber
• 206.反轉連結清單
• 220.contains-duplicate-iii
• 239.sliding-window-maximum
• 263.ugly-number
• 300.longest-increasing-subsequence
• 312.burst-balloons
• 415.add-strings
• 503.next-greater-element-ii
• 674.longest-continuous-increasing-subsequence
• 784.letter-case-permutation
• 1312.minimum-insertion-steps-to-make-a-string-palindrome
• 1319.number-of-operations-to-make-network-connected
• 1338.reduce-array-size-to-the-half
• 1343
• 1343.number-of-sub-arrays-of-size-k-and-average-greater-than-or-equal-to-threshold
• 1432.改變一個整數能得到的最大內插補點
• 2135.count-words-obtained-after-adding-a-letter
• 戳氣球
• 存在重複元素III
• 二維數組中的查找
• 合并區間
• 連結清單反轉
• 兩數之和
• 零錢兌換
• 前K個高頻單詞
• 青蛙跳台階問題
• 全排列
• 全排列II
• 三數之和
• 下一個更大元素II
• 在排序數組中查找元素的第一個和最後一個位置
• 字元串相乘
• 字元串相加
• 組合總和
• 最小路徑和
• 最長不含重複字元的子字元串
• 最長遞增子序列
• 最長連續遞增序列

深入了解JS核心技術

展開檢視

Number	Title
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	什麼是memoization
25	什麼是Hoisting
26	ES6 中的類是什麼
27	什麼是閉包
28	什麼是子產品
29	為什麼需要子產品
30	javascript中的作用域是什麼
31	什麼是service worker？
32	如何使用 service worker 操作 DOM
33	如何在 service worker 重新開機時重用資訊
34	什麼是索引資料庫
35	什麼是網絡存儲
36	什麼是釋出消息
37	什麼是 Cookie
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

☀ 階段三十五（715）

展開檢視

⭐ 階段三十四（715）

展開檢視

• 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_路由元件與一般元件
• 706.react_NavLink使用以及封裝
• 707.react_Switch
• 708.react_路由比對
• 709.react_redirect
• 710.react_嵌套路由
• 711.react_push_replace
• 712.react_BrowserRouter_HashRouter
• 713.react_ant
• 714.react_redux
• 715.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架構

License