wb59770b05237ae的博客_面试题

LeetCode——113. 路径总和 II（DFS）

题目描述解题思路DFS是解决这个问题的核心思路。首先判断传入的节点是否

深度优先

leetcode

算法

数组

子节点

原创 2022-05-31 09:14:15 90 阅读

null和undefined你还分不清？

基本数据类型有哪些？在介绍null和undefined的区别之前，首先介绍下JS的基本数据类型有哪些？undefinednumberbooleanstringbigintsymbolnull从上面的基本类型我们可以看出，null和undefined同为基本数据类型，那么下面我们来探讨一下他们之间有什么区别~undefinedundefined表示的是一个变量最原始的状态值，未定义的状态

前端

javascript

应用场景

数据

基本数据类型

原创 2022-04-30 17:50:35 143 阅读

Rem布局是如何实现响应式的？

从一个实际例子来看Rem布局是如何实现响应式的首先rem是一个相对单位，指的是相对于根元素html的font-size的大小，假如根元素font-size大小为16px，那么1rem就是16px，2rem就是32px，但是px是一个绝对单位，如果我们将根元素的font-size设置为一个绝对单位，那么是无法实现响应式布局的，

前端

css3

html

屏幕宽度

屏幕分辨率

原创 2022-04-27 20:56:22 465 阅读

多维数组的全排列问题

什么是多维数组的全排列问题？为了更好的说明这个问题，请看下面的这个题目。题目有什么特点？输出的结果并不是完全乱序的，从输入的顺序也可以看出二维数组中第一个数组的顺序大于第二个，第二个则大于第三个。后一个结果依赖于前一个结果。代码实现const permutate = (arr) => { // res为第一个数组 let res = arr[0].slice(); // 从第二个数组开始遍历 for (let i = 1; i < arr.

前端

javascript

全排列

数组

多维数组

原创 2022-04-19 09:45:46 799 阅读

观察者模式和发布订阅者模式不是一回事？

什么是观察者模式？观察者(Observer)直接订阅(Subscribe)主题(Subject)，而当主题被激活的时候，会触发观察者里的事件。观察者模式的代码实现// 被观察者class Subject { constructor(name) { this.state = '开心'; // 存储所有的观察者 this.observers = []; } // 收集所有的观察者 attach(o) {

前端

javascript

发布订阅

观察者模式

事件对象

原创 2022-04-19 09:45:45 67 阅读

Promise的异常捕获问题

Promise根据异常出现的位置不同采取的方案也不同Promise内部抛出异常通过then的第二个函数来捕捉异常。// Promise的异常捕获问题const promise = new Promise((resolve,reject) => { throw new Error('test')})// 通过then的第二个函数来进行捕捉promise.then(res => { console.log(res);},err => { conso

前端

异常捕获

抛出异常

C

原创 2022-04-13 10:58:57 735 阅读

Vue中的v-if和v-for为什么不能一起用？

假如v-if和v-for一起使用会出现什么情况？<ul> <li v-for="(item,index) in arr " v-if="flag" :key="index" > {{item}} </li></ul>一起使用，会出现下面的错误提示：为什么不能一起使用？因为v-for的优先级比v-if的优先级高，所以如果嵌套使用的话，每次v-for都会执行一次v-if，造成重复计算的问题，会影响性能，所以vue官方不推荐这样

vue.js

前端

优先级

嵌套

错误提示

原创 2022-04-13 10:58:57 1304 阅读

LeetCode——简化路径（辅助栈）

题目描述解题思路核心的解题思路就是借助一个栈来辅助我们，遇到空字符串和一个点

前端

leetcode

出栈

空字符串

数据结构

原创 2022-04-13 10:58:38 161 阅读

你知道多少种判断数据类型的方法？

方式一：通过constructor通过constructor可以直接找到元素的构造函数类型，这种方法能够区分引用数据类型到底是哪种类型，请看下面的例子。const arr = [1,2,3,5];const date = new Date();const num = 666;const map = new Map();const set = new Set();const reg = new RegExp();const str = '111';const sym = Symbol(6

前端

javascript

开发语言

基本数据类型

引用数据类型

原创 2022-04-08 11:30:46 508 阅读 1点赞

LeetCode——回文数（反转比较）

题目描述解题思路思路一：反转比较法回文数的一个特点是正着读和倒着读是一样的，那么我们可以定义一个临时变量来存储目标元素的反转，然后顺序比较每个元素是否相等，相等则返回true，反之false。var isPalindrome = function(x) { // 使用反转对比的方法来判断是否是回文数字 x = x.toString(); const temp = x.split('').reverse(); const xArr = x.split(''); for (l

leetcode

回文数

递归

i++

其它

原创 2022-04-08 11:30:46 340 阅读

这一次，一起来了解下position的盲区

为什么要了解position？学习这个知识之前，我们首先要知道为什么要学习这个知识点，position不仅是面试中的常考点，很多CSS布局中也是不可获取的一种方案，因此我们必须熟练掌握这个知识。Position有哪些属性？1. 静态定位static静态定位指

css3

css

html

文档流

相对定位

原创 2022-03-16 16:59:28 65 阅读

请这样回答双向数据绑定原理

前言双向数据绑定是Vue的重要原理，也是面试过程中几乎必问的一道题目，搞懂这个原理无论是对我们的技术提高还是对面试都是有百利而无一害的，下面就让我们一起来解决这个问题吧~双向数据绑定每一个模块都负责什么?new Vuenew Vue这个操作主要是调用了数据劫持Observe方法和模板

原型模式

javascript

前端

数据

数据绑定

原创 2022-03-09 13:40:01 93 阅读

Vue和React的区别到底是什么？

一提到前端框架，相信大家都对Vue和React不陌生，这两个前端框架都是比较主流的，用户也都比较多，但是我们在使用这些框架的时候，是否对这两个框架之间的区别有所了解呢？接下来，让我们来一起的系统梳理这两个框架的区别是什么吧~预备知识介绍在了解Vue和React的区别之前

动态规划

leetcode

算法

数据

子节点

原创 2022-03-09 13:39:43 119 阅读

LeetCode——买卖股票的时机 II（动态规划）

介绍买卖股票的最佳时机是一道高频考题，这个题目已经衍生出多个版本，其中尤其是买卖股票的最佳时机I和II是面试中的高频考题，让我们来一起看看该如何解决这类问题吧~题目描述解题思路无论是买卖股票的最佳时机I还是II，动态规划都是解决的好方法，动态规划最重要的就是理解动态方程的含义是什么，下面对动态规划的核心进行介绍：dp[i][0]：表示的是第i天，手上没有股票获取的最大收益，

动态规划

leetcode

算法

二维数组

初始化

原创 2022-03-04 14:25:44 90 阅读

实现Sleep函数的四种方法

实现sleep函数，是一道考察候选人JS基本功的考题，让我们来一起探索这道题目吧~方式一：使用Promise + then在Promise中通过setTimout来设置定时器，通过then来执行回调。// 使用Promise实现sleepconst sleep = time => { return new Promise(resolve =>

javascript

前端

vue.js

生成器

执行栈

原创 2022-03-04 14:25:30 241 阅读

这一次，彻底搞懂原型与原型链

为什么要学习原型与原型链？原型与原型链是面试中的重点考察方向，也是JS基础的重中之重，因此这是我们前进路上必须要攻克的堡垒，接下来让我们来一起系统的梳理原型与原型链吧~原型与原型链的三个关键概念原型与原型链的三个关键概念分别是：__proto__、prototype、constructor。1. __proto__（隐式原型）首先我们要明确的是proto指向的是谁？指向的是父类构造函数的原型对象

原型模式

javascript

前端

构造函数

原型链

原创 2022-03-04 14:22:50 232 阅读

这一次，彻底搞懂this指向问题

this到底是什么？this的本质是指针，this并不是总是指向自身，关于this到底指向哪里，一直是面试中的常考问题，最重要的是要搞懂this的绑定规则，那么接下来就让我们一起来学习this的绑定规则吧~this的绑定规则规则1：默认绑定默认绑定指的是function中的this指向，在严格模式下指向undefined，非严格模式

javascript

前端

vue.js

优先级

严格模式

原创 2022-03-03 10:55:14 104 阅读

手写call、apply和bind

1. 手写call原生call具备的三个功能改变this指向。调用call就是调用函数。（能够返回结果）实现代码function person(a,b,c) { return { name: this.name, a: a, b: b, c: c }}const egg = {name: 'hello'};Function.prototype.myCall = function(obj) { ob

数组

调用函数

返回结果

其他

原创 2022-02-25 14:02:11 138 阅读

这一次彻底搞懂JS中的防抖和节流（面试必问）

什么是防抖？通过setTimeout的方式，在一定的时间间隔内，将多次触发变成一次触发。（通俗的说是在最后一次点击间隔规定时间之后才能再次成功触发，否则触发不成功）防抖的实现思路在防抖函数返回的函数的上级作用域设置一个定时器变量t置为null;通过t来判断是否是第一次执行。如果不是第一次执行，清空定时器如果是第一次执行，则通过apply(this,arguments)进行执行.最后设置定时器，规定时间之后将t设置为null,使得间隔时间之后t为null，间隔时间之后的点击变为第一次点击。

时间间隔

作用域

时间戳

其他

原创 2022-02-25 14:02:10 22 阅读

LeetCode——两个数组的交集（JS实现）

题目描述解题思路首先通过集合的方式对数组进行去重。去重之后遍历其中一个数组，如果该数组在另一个数组中则将其加入到结果数组中。最后返回结果数组。解题代码var intersection = function(nums1, nums2) { const temp1 = [...new Set(nums1)] const temp2 = [...new Set(nums2)]; const result = []; for (let v of temp1) {

leetcode

字节跳动

数组

数组去重

返回结果

原创 2022-02-25 13:34:56 50 阅读

五分钟带你学会--图片懒加载

什么是图片懒加载随着网页中流媒体的不断增多，网页可能包含的图片也是越来越多，

javascript

懒加载

加载图片

加载

原创 2022-02-25 13:31:37 61 阅读

这一次，彻底搞懂Promise

一、为什么要引入Promise?在介绍本章之前，首先先抛出几个问题：Promise解决了什么问题？Promise有哪些具体的使用场景？Promise解决了什么问题？回调地狱问题在没有Promise之前，前端获取数据往往需要通过回调函数层层嵌套的方式来解决异步问题，例如下面这段代码实例：// 回调地狱实例// 奶茶函数function getTea(fn) { setTimeout(() => { fn('获取到一杯奶茶') },2000)}//

前端

javascript

vue.js

数据

迭代

原创 2022-02-25 11:08:33 62 阅读

这一次，彻底搞懂双向数据绑定01

双向数据绑定所需前置知识1. 数组的reduce方法数组的reduce方法的使用场景一般是本次操作的初始值需要依赖上次操作的返回值，例如数值的累加，链式获取对象属性的值。reduce函数接收两个参数：函数(之前的累积值，当前遍历到的元素的值)初始值函数体中要返回之前的累积值和当前遍历的值的和const arr = [1,2,3,4];let res = arr.reduce((pre,cur) => { return pre + cur;},0)consol

前端

react.js

typescript

数组

发布订阅

原创 2022-02-25 11:08:33 24 阅读

字节青训营笔试之数字金额格式化

题目描述数字金额格式化是一道考频非常高的题目，无论是实习还是校招都有可能考到这个题目，所以笔者希望大家都能搞懂这道题目，下面让我们来一起探索这道题目吧。解题思路首先将传入函数的数字通过toString方法转换为字符串，然后使用split进行分割。定义一个计数器，用于辅助判断什么时候添加逗号。倒序遍历添加数字和逗号。function toThousands(num) { // 首先将传入的数字进行分割 num = num.toString().split(''); // 定义

面试

字符串

倒序

其他

原创 2022-02-25 11:08:30 246 阅读

LeetCode——螺旋矩阵（上下左右四指针辅助法）

题目描述解题思路首先定义四个指针，指向如下图所示：按照顺时针进行遍历，分别是从左到右、从上到下、从右到左、从下到上的思路。一轮循环后让左指针+1，继续下一轮循环，需要注意的是每次移动指针的时候，都需要注意指针是否越界。var spiralOrder = function(matrix) { // 螺旋矩阵的核心是使用四个指针来辅助遍历 // 首先是初始条件的判断，如果矩阵的长度为0，则返回空数组 if (matrix.length === 0) return [];

矩阵

leetcode

算法

顺时针

螺旋矩阵

原创 2022-02-25 11:08:29 38 阅读

这一次，彻底搞懂前端性能优化

前言性能优化问题是区分一个前端工程师能力的重要指标，一个不会性能优化的工程师注定不会做出一个优秀的产品，因为任何一款优秀的产品必然是经过精细打磨的产品，而性能优化就是这打磨的过程，无论是在实际工作中还是面试中性能优化问题都是面试必考的问题，下面让我们来一起解决这个问题吧~ 优化思路当我们在浏览器地址栏上输入URL到页面显示出结果的时候，我们都知道时间主要消耗在了网络传输和页面渲染上，因此我们主要

前端

性能优化

面试

重绘

加载

原创 2022-02-25 11:05:19 36 阅读

LeetCode——第一个只出现一次的字符（Map）

题目描述题目主要是让我们找到第一个只出现一次的字符，如果没有并不是返回为空字符串，而是单空格，这个地方容易出错，大家一定要注意。解题思路博主原本想使用set来实现的，出现第二次就将其从set中去除，但是这种方法无法应对出现三次或者五次等奇数的情况。，因此后来采用了最简单的方法map遍历，然后将其次数存储到map的value中，key则是每一个单字符。如果传入的参数是一个空字符串，则染回单空格。初始化一个map，遍历每一个字符，并更新字符出现的次数。遍历map的每一个item，如果it

leetcode

算法

职场和发展

空字符串

字符串

原创 2022-02-25 11:04:56 69 阅读

这一次，彻底搞懂CSS选择器

一、CSS选择器的优先级第一优先级：!important内联样式/行内样式：权重1000ID选择器：权重为0100类、伪类、属性选择器：权重为0010标签、伪元素选择器：权重为0001通配符、子类选择器和兄弟选择器：权重为0000继承的样式没有权重。二、权重是十进制吗？上面我们提到的权重不是十进制而是256进制，!important的权重是正无穷，但是这里的无穷是可以比较的，也就是说无穷+1比无穷要大。三、权重之间是如何进行比较的？权重从左向右进行比较。1000 > 0

css

css3

前端

权重

选择器

原创 2022-02-25 11:04:55 24 阅读

这一次，不再为web页面生命周期烦恼

什么是Web页面生命周期？我们每天在浏览器中通过一个又一个的标签页来浏览相关的信息，当我们在浏览器打开很多个标签页的时候，浏览器在资源紧张的时候，并不会为每一个网页保存资源，浏览器会在标签页不活动的时候，重新分配资源。

html

js

加载

生命周期

原创 2022-02-24 10:29:09 54 阅读

面试官：请说下CSS选择器优先级

什么是CSS选择器优先级？CSS选择器优先级是指在给CSS元素设置样式的时候，如果同时有多个CSS选择器同时指向一个元素，那么优先级高的选择器的元素样式会最终应用到这个元素上。通过权重来计算CSS选择器的优先级1. !important的优先级是最高的。（没有这个属性的话

css

面试

优先级

css选择器

选择器

原创 2022-02-24 10:25:47 66 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	软考资讯	汽车开发者社区

51CTO博客

wb59770b05237ae的博客