wb59770b05237ae的博客_Vue,前端,面试题

这一次，彻底梳理各种布局问题

这种方式会使得超出的元素隐藏，对行内元素无效，必须是块级元素，隐藏之后元素依然占据着位

leetcode

宽度优先

算法

自适应

固定宽度

原创 2022-07-24 00:12:39 90 阅读

CSS元素隐藏的方式与区别

这种方式会使得超出的元素隐藏，对行内元素无效，必须是块级元素，隐藏之后元素依然

leetcode

宽度优先

算法

事件监听

重绘

原创 2022-07-17 00:02:48 92 阅读

LeetCode——138. 复制带随机指针的链表（借用map实现复制）

复杂链表的复制看起来挺难的，但是实际上只要能够想到通过map这个数据结构来辅助我们进行复制，便可以极大的降低问题的复杂度，假如不借助map，直接在链表本身进行操作的话，我们不仅要考虑next指针还要考虑random指针，困难程度可想而知，所以能否想到借助map是本题的破题核心。...

链表

leetcode

数据结构

c代码

原创 2022-06-28 07:10:33 84 阅读

LeetCode——226. 翻转二叉树（BFS）

二叉树镜像和反转二叉树是一个题目，总的来说通过BFS可以高效的解决这个问题。

leetcode

宽度优先

算法

数组

二叉树

原创 2022-06-28 07:10:25 49 阅读

LeetCode——二叉搜索树的第k大节点（借助中序遍历）

二叉搜索树的第K大节点是一个很好的题目,我原本想的是直接对二叉搜索树进行遍历而解。...

leetcode

算法

深度优先

二叉搜索树

中序遍历

原创 2022-06-26 01:28:30 68 阅读

嵌套数组反转（递归）

首先，最长递增子序列，中的序列二字如何理解，序列值得是可以不连续的

leetcode

动态规划

算法

数组

递归

原创 2022-06-19 00:36:05 164 阅读

LeetCode——300. 最长递增子序列（动态规划）

首先，最长递增子序列，中的序列二字如何理解，序列值得是可以不连续的，也就是

leetcode

动态规划

算法

递增子序列

数组

原创 2022-06-19 00:35:58 126 阅读

LeetCode——24. 两两交换链表中的节点（三指针）

链表类的题目看似简单，其实不然，有很多链表的题目还是很烧脑的，尤其是光想不去动手画，很多思路只要动手画，很快就知道怎么做的

leetcode

算法

职场和发展

链表

c代码

原创 2022-06-12 00:02:07 47 阅读

LeetCode——42. 接雨水（双指针）

接雨水面试必考

leetcode

算法

职场和发展

双指针

初始化

原创 2022-06-12 00:02:05 84 阅读

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

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

深度优先

leetcode

算法

数组

子节点

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

TS系统整理

为什么需要TypeScript?TypeScript主要是用于静态类型的检查。使用JS的时候，我们必须要知function test2(person: string,date: Date) {

typescript

javascript

前端

泛型

fish

原创 2022-05-31 07:37:01 124 阅读

null和undefined你还分不清？

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

前端

javascript

应用场景

数据

基本数据类型

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

扫码登录的原理你真的了解吗？

为什么要了解扫码登录的原理？通过扫面二维码进行登录已经成为了一种常见的登录方式，这种方式可以在不输入用户名和密码的情况下快速的实现登录，其背后涉及到PC端、移动端和服务端三者之间的交互，无论是对前端开发者还是后端开发者而言，掌握了扫码登录的原理都可以很好的帮助我们设计一套登录机制为我们自己的应用服务。

前端

javascript

二维码

服务端

移动端

原创 2022-04-30 10:56:26 174 阅读

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

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

前端

css3

html

屏幕宽度

屏幕分辨率

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

TailwindCSS为前端开发者带来了什么？

什么是Tailwind CSS?Tailwind CSS是一个功能类优先的CSS框架，它集成了flex、text-center这样的类，Tailwind CSS希望实现的是开发者无需离开HTML页面，即可快速创建出各种样式效果。Tailwind CSS相较于其他CSS框架有什么优势？优势1：Tailwind CSS类名具有较好的语义化传统的语义化类名是CSS难以维护的重要原因，

前端

css3

css

类名

css样式

原创 2022-04-27 20:56:06 544 阅读

多维数组的全排列问题

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

前端

javascript

全排列

数组

多维数组

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

JS模块化演变及其区别

为什么需要模块化？假如没有模块化，在前端开发时可能存在下面的问题：变量和方法不容易维护，容易污染到全局作用域。通过script标签进行大量引入资源，代码可读性和可维护性都比较差。代码一多就比较复杂。多人合作的场景下，资源的引入会带来比较大的困难。JS模块化的演变史1. CommonJS我们熟知的Node.js在模块化方面就是遵守的CommonJS规范。CommonJS模块化具有下面几个特点：模块内的代码运行在模拟作用域中，不会污染到全局作用域中。模块可以多次引入，但只会在第

前端

javascript

模块化

作用域

加载

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

手写reduce方法

手写常用的数组方法是面试中的常考题目，同时学会这些API的原理也能更好的帮助我们去理解这些API并加运用，下面让我们来一起手写reduce吧~原生reduce接收几个参数？原生的reduce是在Array的原型对象上的一个方法，其接收两个参数：一个回调函数。这个回调函数的前两个参数，分别表示累积值和当前值。初始值。实现原生reduce的思路通过slice原型方法获取到调用reduce的数组。定义一个临时结果变量和开始的索引。如果传入了初始值，res就等于这个初始值，没有传入re.

前端

javascript

数组

回调函数

原型对象

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

你知道原型链？那你能实现一个new吗？

在学习前端知识的时候，我们不仅要会用工具和API，更要知道其实现原理，因为只有知道原理，我们的理解才能更上一层楼，这次让我们来一起解决最常见的new的实现原理吧。new在原型链中扮演什么样的角色？在this的指向规则中，有一种this指向是new绑定，new绑定会让构造函数的this指向我们新创建的对象，请看下面的例子：function sayHi(name){ this.name = name;}var Hi = new sayHi('zhangsan');console.log.

前端

javascript

构造函数

引用类型

原型链

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

为什么var可以重复声明？

请先看一段代码下面的这段代码输出的是undefined吗？var haha = '666';var haha;console.log(haha);上面的这段代码实际输出的是666，而不是undefined，这是为什么呢？为什么var又可以重复定义呢？var为什么可以重复定义？我们首先介绍下JS代码的运行机制：引擎负责整个代码的编译和执行。编译器负责语法分析、词法分析、代码生成等。作用域负责维护所有的标识符变量。编译器在对代码进行拆解的时候，遇到了var定义的变量会

前端

javascript

编译器

作用域

标识符

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

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

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

前端

javascript

发布订阅

观察者模式

事件对象

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

OSI七层网络模型，你了解多少？

OSI七层模型具体指的是哪七层？从底到上分别是：物理层数据链路层网络层传输层会话层表示层应用层每一层主要负责什么？都有什么协议？物理层物理层主要规定通信设备的电气特性，用以建立物理链路连接，例如规定了设备的规格尺寸、引脚数量和排列情况等，电气特性规定了物理连接上传输bit流时信号电平的大小、传输速率等，核心作用就是负责传输0和1的电信号。数据链路层数据链路层在物理层提供比特流的基础上，通过差错控制提供数据帧在信道上无差错的传输，这一层确定了0和1的分组方式。数

前端

网络

数据链路层

网络层

传输层

原创 2022-04-19 09:45:44 94 阅读

Koa的洋葱模型到底是什么？

什么是Koa？Koa是一个精简的node框架，被认为是第二代Node框架，其最大

前端

node.js

中间件

数组

参考文献

原创 2022-04-16 10:02:24 855 阅读 1收藏

for...in和for....of的区别是什么？

核心区别：获取的内容不同for…in主要获取对象的key和数组的下标，同时for…in还能够遍历原型链上的可枚举属性。for…of主要获取对象的value值。const obj = {'a' : '111','b':'222'};for (let key in obj) { console.log(key); // a b}// 没有部署原生的iterator接口的对象不能直接遍历for (let value of Object.keys(obj)) { consol

前端

原型链

取对象

数组

C

原创 2022-04-13 10:58:58 135 阅读

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 708 阅读

这一次，彻底搞懂Vue中的keep-alive

keep-alive的使用场景及其特点用于Vue性能优化。缓存组件。频繁切换，不需要重复渲染。keep-alive有include和exclude属性，这两个属性决定了哪些组件可以进入缓存。keep-alive还有一个max属性，通过它可以设置最大缓存数，当缓存的实例超过max的时候，vue会删除最久没有使用的缓存，属于LRU缓存策略。keep-alive其内部所有嵌套的组件都具有两个生命周期钩子函数，分别是activated和deactivated，它们分别在组件激活和失活的时候触发。

前端

vue.js

缓存

数组

自动生成

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

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 1195 阅读

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

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

前端

leetcode

出栈

空字符串

数据结构

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

浅析Vue中$nextTick的原理

一、$nextTick有什么用？Vue是异步渲染的框架。data改变之后，DOM不会立刻渲染。$nextTick会在DOM渲染之后被触发，以获取最新

前端

异步方法

回调函数

执行环境

原创 2022-04-11 10:05:09 542 阅读

Vue的作用域插槽slot有什么用？

一、基本使用由父组件向子组件中传递数据，子组件通过slot进行接收，不传递则显示的是默认的内容。父组件<template

前端

属性传值

传递数据

插槽

原创 2022-04-11 10:05:00 259 阅读

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

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

51CTO博客

wb59770b05237ae的博客