vlambda博客
学习文章列表

【每日更新 Suggest 】leetcode解题

低调务实优秀中国好青年 (简介) && 附加答案

中文 | English

地址 ⬇️

github.com/webVueBlog/…

一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 @冴羽 ，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）

👤：我是哪吒：如果你所学的东西 处于喜欢 才会有强大的动力支撑。

🐤 交流讨论 && 如何学习 && 转载声明 && 帮忙修正以及补充

141. 环形链表

  1. 环形链表

给你一个链表的头节点 head ，判断链表中是否有环。

如果链表中有某个节点，可以通过连续跟踪 next 指针再次到达，则链表中存在环。为了表示给定链表中的环，评测系统内部使用整数 pos 来表示链表尾连接到链表中的位置（索引从 0 开始）。注意：pos 不作为参数进行传递 。仅仅是为了标识链表的实际情况。

如果链表中存在环 ，则返回 true 。否则，返回 false 。

示例 1：输入：head = [3,2,0,-4], pos = 1 输出：true 解释：链表中有一个环，其尾部连接到第二个节点。

示例 2：输入：head = [1,2], pos = 0 输出：true 解释：链表中有一个环，其尾部连接到第一个节点。

示例 3：输入：head = [1], pos = -1 输出：false 解释：链表中没有环。

提示：

链表中节点的数目范围是 [0, 104] -105 <= Node.val <= 105 pos 为 -1 或者链表中的一个 有效索引 。

思路：暴力破解法：

/**
 * Definition for singly-linked list.
 * function ListNode(val) {
 *     this.val = val;
 *     this.next = null;
 * }

 */

/**
 * @param {ListNode} head
 * @return {boolean}
 */
var hasCycle = function(head) {
    // 首先判断一下这个链表是不是空的链表或者是这个链表是不是只有一个节点
    // 如果是的话那就说明他不可能构成环形链表
    // 我们直接给他返回false
    if(!head || head.next === null) return false
    // 否则的话呢，我们就从头指针开始然后遍历一下 遍历一下这个链表
    let p = head
    const arr = []
    while(p !== null) {
        // 我们判断一下这个数组里面是否已经 包含了这个节点
        if(!arr.includes(p)) {
            // 如果不包含的话呢我们就 把这个节点直接push到这个数组里面
            arr.push(p)
            // 然后把 p 指针指向下一个节点
            p = p.next
        } else {
            // 否则如果这个节点已经在数组里面出现了
            // 就说明他是第二次走到了这里
            // 那么我们返回true
            // 说明他有 他是一个环形链表
            return true;
        }
    }
    // 否则的话呢
    // 就是说明他走到了末尾的空节点 
    // 那么我们就返回了false
    return false
};
复制代码

142. 环形链表 II

给定一个链表的头节点  head ，返回链表开始入环的第一个节点。 如果链表无环，则返回 null。

如果链表中有某个节点，可以通过连续跟踪 next 指针再次到达，则链表中存在环。为了表示给定链表中的环，评测系统内部使用整数 pos 来表示链表尾连接到链表中的位置（索引从 0 开始）。如果 pos 是 -1，则在该链表中没有环。注意：pos 不作为参数进行传递，仅仅是为了标识链表的实际情况。

不允许修改 链表。

示例 1：输入：head = [3,2,0,-4], pos = 1 输出：返回索引为 1 的链表节点 解释：链表中有一个环，其尾部连接到第二个节点。

示例 2：输入：head = [1,2], pos = 0 输出：返回索引为 0 的链表节点 解释：链表中有一个环，其尾部连接到第一个节点。

示例 3：输入：head = [1], pos = -1 输出：返回 null 解释：链表中没有环。 

提示：

链表中节点的数目范围在范围 [0, 104] 内 -105 <= Node.val <= 105 pos 的值为 -1 或者链表中的一个有效索引  

/**
 * Definition for singly-linked list.
 * function ListNode(val) {
 *     this.val = val;
 *     this.next = null;
 * }
 */

/**
 * @param {ListNode} head
 * @return {ListNode}
 142. 环形链表 II
 */
 // 我们上节讲到第一种方法是 用一个数据结构去存储
 // 链表的每个节点 如果它走到了 最后的一个空节点就说明它没有环形
 // 如果它第二次走到一个相同的节点就说明 它具有环
 // 第二次走到的这个节点就是入环的节点
var detectCycle = function(head) {
    if(!head || head.next === null) return null
    // 我们使用Map结构来进行存储
    // 因为Map结构在查找的时候效率比较高
    const mapper = new Map()
    let p = head
    while(p) {
        // 我们看一下这个p节点是不是在Map里面
        // 如果不是的话我们就把它存到Map里面去
        if(!mapper.has(p)) {
            mapper.set(p, p)
            // 然后把p指向它的下一个节点
            p = p.next
        } else {
            // 否则的话就说明Map里面已经存在这个节点
            // 而且这个节点就是它的入环点
            return p
        }
    }
    // 如果跳出了循环呢 就说明它已经走到了空节点
    // 链表的末尾一个空节点
    // 所以就证明它是没有环的
    // 然后我们直接返回null就好了
    return null
};

复制代码

202. 快乐数

编写一个算法来判断一个数 n 是不是快乐数。

「快乐数」 定义为：

对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和。然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。如果这个过程 结果为 1，那么这个数就是快乐数。如果 n 是 快乐数 就返回 true ；不是，则返回 false 。

示例 1：输入：n = 19 输出：true

解释：12 + 92 = 82 82 + 22 = 68 62 + 82 = 100 12 + 02 + 02 = 1

示例 2：输入：n = 2 输出：false   提示：

1 <= n <= 231 - 1

/**
 * @param {number} n
 * @return {boolean}
 202. 快乐数
 当它最后是快乐数，最后是能够得到1这个值的
 1这个值就相当链表的尾节点就一个空节点
 如果不是快乐数 说明它会一直的去 在某一个数
 通过计算之后会等于前面的某一个数
 这样的话它才会 一直的循环下去形成闭环
 */
var isHappy = function(n) {
    // 1 <= n so 等于1的话它就是一个快乐数
    if(n === 1) return true
    // 首先我们定义一个map结构
    let mapper = new Map()
    let p = getNext(n)
    // 如果p不等于1的话
    while(p !== 1) {
        if(!mapper.has(p)) {
            mapper.set(p, p)
            p = getNext(p)
        } else {
            return false
        }
    }
    // 跳出循环的时候
    // 走到了最后一个节点也就是为1
    return true
};

// 获取它的下一个节点
var getNext = function(n) {
    let sum = 0
    while(n) {
        // 计算的话我们从它的末位开始去 平方和相加
        sum += (n % 10) ** 2 // 9
        // 把n赋值为就是把它的个位数砍掉
        n = Math.floor(n / 10) // 1
    }
    // 计算完成之后，我们再把和返回出来
    return sum
}


复制代码

206. 反转链表

github.com/webVueBlog/…

给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。  示例 1：输入：head = [1,2,3,4,5] 输出：[5,4,3,2,1]

示例 2：输入：head = [1,2] 输出：[2,1]

示例 3：输入：head = [] 输出：[]   提示：

链表中节点的数目范围是 [0, 5000] -5000 <= Node.val <= 5000

/**
 * Definition for singly-linked list.
 * function ListNode(val, next) {
 *     this.val = (val===undefined ? 0 : val)
 *     this.next = (next===undefined ? null : next)
 * }
 */
/**
 * @param {ListNode} head
 * @return {ListNode}
 206. 反转链表
 迭代的方法

      pre = null
      cur = head
(指向空节点)
 pre  cur(指向当前的头节点)
 null  1 -> 2 -> 3 -> 4 -> 5 -> null
 pre = null
 cur = head
 当当前节点不为空的时候

 pre    cur  next
 null <- 1   2     ->  3 -> 4 -> 5 -> null
 next = current.next
 cur.next = pre

            cur
       pre  next
null <- 1    2   ->  3 -> 4 -> 5 -> null
 pre = cur
 cur = next
 next = current.next
 cur.next = pre
 
 直到cur节点为空 return pre
 */
var reverseList = function(head) {
    let pre = null, cur = head, next
    // 判断当前指针
    while(cur) {
        next = cur.next
        cur.next = pre
        pre = cur
        cur = next
    }
    return pre
};


复制代码

92. 反转链表 II

github.com/webVueBlog/…

给你单链表的头指针 head 和两个整数 left 和 right ，其中 left <= right 。请你反转从位置 left 到位置 right 的链表节点，返回 反转后的链表 。 

示例 1：输入：head = [1,2,3,4,5], left = 2, right = 4 输出：[1,4,3,2,5]

示例 2：输入：head = [5], left = 1, right = 1 输出：[5]  

提示：

链表中节点数目为 n 1 <= n <= 500 -500 <= Node.val <= 500 1 <= left <= right <= n  

/**
 * Definition for singly-linked list.
 * function ListNode(val, next) {
 *     this.val = (val===undefined ? 0 : val)
 *     this.next = (next===undefined ? null : next)
 * }
 */
/**
 * @param {ListNode} head
 * @param {number} left
 * @param {number} right
 * @return {ListNode}
 92. 反转链表 II
left = 2 right = 4
定义一个虚拟的头节点

 -1 -> 1 -> 2 -> 3 -> 4 -> 5
 pre  cur
      pre  cur
      pre            cur

            2 -> 3 -> 4
            p    q
 */
var reverseBetween = function(head, left, right) {
    const newNode = new ListNode(-1, head)
    let pre = newNode, cur = head, next
    let n = right - left + 1
    while(--left) {
        pre = pre.next
        cur = cur.next
    }
    while(--n) {
        cur = cur.next
    }
    next = cur.next
    cur.next = null
    const reverseHead = reverse(pre.next, next)
    pre.next = reverseHead
    return newNode.next
};

var reverse = function (head, next) {
    let pre = head, cur = head.next
    while(head.next) {
        head.next = cur.next
        cur.next = pre
        pre = cur
        cur = head.next
    }
    head.next = next
    return pre
}
复制代码

😛 阶段二十七（549）



展开查看

  • 545.92. 反转链表 II

  • 546.206. 反转链表

  • 547.202. 快乐数

  • 548.142. 环形链表 II

  • 549.141. 环形链表



😛 阶段二十六（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框架



Leetcode刷题&答案



展开查看

  • 1.两数之和

  • 2.两数相加

  • 20.有效的括号

  • 21.合并两个有序链表

  • 22.括号生成

  • 24.两两交换链表中的节点

  • 27.移除元素

  • 35.搜索插入位置

  • 49.字母异位词分组

  • 46.全排列

  • 53.最大子序和

  • 56.合并区间

  • 57.插入区间

  • 77.组合

  • 78.子集

  • 90.子集II

  • 94.二叉树的中序遍历



  • shields.io/

  • leetcode

👩🏻‍💻：webVueBlog的leetcode刷题📒

  【每日更新 Suggest 】leetcode解题  【每日更新 Suggest 】leetcode解题    【每日更新 Suggest 】leetcode解题

  1. Number题号

  2. Title题目

  3. Difficulty难度

  4. Navigation解答

Number Title Difficulty Navigation
1. 两数之和 【每日更新 Suggest 】leetcode解题 两数之和
2. 两数相加 【每日更新 Suggest 】leetcode解题 两数相加
3. 无重复字符的最长子串 【每日更新 Suggest 】leetcode解题 无重复字符的最长子串

以 「早起」、「运动」、「冥想」、「写作」、「阅读」这五件能够快速改变人生的事情为切入点，帮助大家建立良好的生活习惯，技术的成长绝不是一朝一夕，良好的习惯将会帮助我们更快的进步，但在技术之外，我更希望大家能在这些事情的坚持中，收获一份自信，多一份底气，对人生多一份积极。--- （来源：低调务实优秀中国好青年群）

License

推荐阅读

《鬼武者：梦想的黎明》PC 高清贴图演示下载 PCSX2 1.7｜4K60fps 《鬼武者：梦想的黎明》PC 高清贴图演示下载 PCSX2 1.7｜4K60fps
【大学生兼职篇】用Python在宿舍兼职接单3天赚了一千块 【大学生兼职篇】用Python在宿舍兼职接单3天赚了一千块

相关文章