乐胖代购免代理版

欢迎

你真的了解Vue的生命周期吗？

Vue生命周期的主要阶段创建前后beforeCreate：实例刚在内存中被创建出来，此时还没有初始化好data和methods属性。created：实例已经

前端

生命周期

钩子函数

初始化

原创 2022-04-11 10:04:49 111 阅读

你了解Vue的动态加载组件和异步加载组件吗？

如何动态加载组件？引入可能被使用的组件import slotDemo from './components/slotDemo'import HelloWorld from './components/HelloWorld'通

vue.js

前端

加载

异步加载

动态加载

原创 2022-04-11 10:04:37 310 阅读

Vue中的methods、watch、computed、filters到底有什么区别？

一、methodsmethods中存放的是事件的回调函数，具有以下几个特点：可以通过Vue实例访问方法，在方法中最好不要使用箭头函数，因为涉

vue.js

数据

缓存

新视图

原创 2022-04-11 10:04:31 254 阅读

手写函数柯里化

什么是函数柯里化？函数柯里化主要用于给函数分步传递参数，每次传递参数进行处理，并返回一个更具体的函数来接受剩下的参数，这中间可以嵌套多层，直至返回最后的结果。实现思路接收一个处理数据的函数。定义一个数组用于接收所有的参数。返回一个函数，如果返回的函数接收的参数的长度是0，则返回fn执行的结果，如果不是0，则将参数push进数组中，并返回函数。代码实现// 手写函数柯里化const curring = function(fn) { const args = []; re

javascript

前端

数组

传递参数

代码实现

原创 2022-04-08 11:30:47 709 阅读

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

方式一：通过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 596 阅读 1点赞

这一次，彻底搞懂Vue的组件通信

前言vue的组件通信无论是在工作中还是在面试中都是经常考到的知识，这一次让我们一起来系统的梳理下Vue的组件通信都有哪些方式吧~一、父组件向子组件进行传值核心：通过props就行传递。在父组件中引入子组件。通过在子组件的标签上进行传递。子组件中通过声明props进行接收。二、子组件向父组件传值核心：通过this.$emit('父组件中的函数名',传递参数)父组件给子组件绑定函数。子组件通过this.$emit出发父组件给子组件绑定的函数。三、子组件通过$parent来获取父

java

开发语言

前端

数据

ide

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

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

关于数组去重，你知道多少种方案？

方式一：通过Set// 借助Set实现数组去重c

javascript

json

数组去重

i++

原创 2022-03-30 15:40:14 126 阅读

使用reduce实现map

原生map方法的特点map不会对原数组产生影响。map返回的是一个新数组。一个数组一旦调用map方法，每一个元素都会执行map中的回调函数。map方法会跳过被delete删除或者未定义的元素。原生map接收的两个参数都有什么用？第一个参数：callbackmap接收的第一个参数是一个回

javascript

前端

开发语言

数组

回调函数

原创 2022-03-23 11:21:48 177 阅读

使用reduce实现数组扁平化

实现的目标使用数组原生的API，reduce来实现flat，又叫数组拍平。下面是一个数组拍平的例子：[1, [[2], 3, 4], 5] --> [1,2,3,4,5] 原生flat具有的特点原生flat每调用一次，数组的维度减少1，多维数组在这种情况时可能处理起来很麻烦，无法一次性的边多维数组变为一维数组，比如下面这个例子。const arr = [1, [[2], 3, 4], 5

前端

数组

函数实现

扁平化

原创 2022-03-23 10:59:35 394 阅读

这一次，彻底搞懂进程与线程之间的联系

什么是进程？进程是系统进行资源调度和分配的基本单位，每个进程都有自己独立的一块内存空间，在Windows系统中，一个运行的exe程序就是一个进程。什么是线程？线程是进程的子任务，是CPU调度和分配的基本单位，用于保证程序的实

java

开发语言

主线程

僵尸进程

子进程

原创 2022-03-16 16:59:54 173 阅读

浏览器的渲染原理你了解吗？

从整体上看浏览器的渲染流程浏览器的渲染流程主要包括以下几个流程：解析HTML，生成DOM树，解析CSS，生成CSSOM树。将DOM树和CSSOM树进行结合，生成渲染树(Render Tree)。根据生成的渲染树，进行回流（Layout），得到节点的几何信息（位置，大小）。根据渲染树

前端

javascript

开发语言

css

重绘

原创 2022-03-16 16:59:46 336 阅读

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

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

css3

css

html

文档流

相对定位

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

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

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

vue.js

面试

前端

数据绑定

数组

原创 2022-03-16 16:59:19 104 阅读

单页面应用的前端路由原理是什么？

前置知识在了解单页面应用的前端路由原理之前，我们先了解下什么事单页面应用，什么是多页面应用，他们之间的区别又是什么？什么是单页面应用？单页面应用指的是第一次进入页面的时候会请求一个html文件，切换到其他组件的时候，虽然路径会发生相应的变化，

前端

javascript

html

加载

单页面应用

原创 2022-03-16 16:58:57 1205 阅读

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

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

原型模式

javascript

前端

数据

数据绑定

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

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

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

动态规划

leetcode

算法

数据

子节点

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

LeetCode——二叉搜索树的第k大节点（逆中序+count）

题目描述题目解读题目让我们去查找二叉搜索树的第K大的节点，我们首先要搞懂下面几个问题：RQ：二叉搜索树和普通二叉树的区别在哪里？二叉搜索树的特点是左子节点都比根节点小，右子节点都比根节点大。解题思路根据搜索二叉树的特点，我们可以进行一次逆中序遍历，中序遍历我们都知道是左根右的遍

html5

前端

html

中序遍历

二叉搜索树

原创 2022-03-08 17:35:19 349 阅读

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

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

动态规划

leetcode

算法

二维数组

初始化

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

实现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 397 阅读

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

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

原型模式

javascript

前端

构造函数

原型链

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

LeetCode——岛屿数量（DFS）

题目描述解题思路岛屿数量是一道经典的DFS问题，要想解决这个问题，首先要搞明白下面的几个问题：RQ1：怎么判断是一个岛屿？并不是有1的地方就是一个岛屿，一个孤立的岛屿其上下左右都是没有1的，这样的岛屿才能算作一个岛屿，这也就是为什么第一个例子中那么多个1才是一个岛屿的原因，请看下面的例子，这个图中有三个岛屿：RQ2：DFS如何解决岛屿的数量问题？

深度优先

leetcode

算法

i++

原创 2022-03-04 14:22:20 207 阅读

这一次，彻底搞懂HTML5新特性

前言HTML5已经被提出多年，关于HTML5到底带来了哪些新特性？和之前的HTML版本有什么区别？这经常是面试官考到的题目，下面让我们来深刻的总结这个问题吧~HTML新特性1：语义化标签通过语义化标签，可以让页面有更加完善的结构，让页面的元素有含义，同时利于被搜索引擎解析，有利于SEO，主要

html5

前端

html

新特性

主线程

原创 2022-03-03 11:06:42 82 阅读

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

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

javascript

前端

vue.js

优先级

严格模式

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

剑指Offer——II.平衡二叉树（JS实现）

题目描述解题思路这道题属于二叉树考查深度的问题本题的核心在于知道二叉树的深度怎么求：二叉树的深度 = 左子树的深度与右子树的深度中的最大值 + 1，这是核心解题点解题代码var isBalanced = function(root) { let flag = true; dfs(root); return flag; function dfs(root) { if (!root) return 0; let l = dfs(ro

二叉树

子树

其他

原创 2022-02-25 15:43:25 87 阅读

React-43：redux基础用法

1. 安装reduxnpm install redux2. 创建redux文件夹（专门用来存放redux相关文件）3. 在store.js文件中引入createStore,组件reducer,并暴露

数据

其他

原创 2022-02-25 15:43:25 57 阅读

剑指Offer——不用加减乘除做加法（JS实现）

题目描述解题思路这道题属于考查位运算的问题位运算从某种程度上来说思路较为难以理解本题考查的就是加法 = 进位 + 非进位解题代码var add = function(a, b) { while (b) { let c = (a&b) << 1; a = a^b; b = c; } return a;};总结（本题给我们的启示思路）思路一：位运算是如何完成加法操作的。思路二：位运算的加法

位运算

其他

原创 2022-02-25 15:43:24 71 阅读

剑指Offer——对称的二叉树（JS实现）

题目描述解题思路这道题属于二叉树的问题本题的核心在于通过层次遍历，来将一层的元素的值和这一层元素进行反转之后，相同下标的元素是否相同，只要相同，则说明是对称二叉树，反之则不是对称二叉树。解题代码var isSymmetric = function(root) { if (!root) return true; let flag = true; let queue = [root]; while (queue.length !== 0) {

javascript

算法

深度优先

二叉树

层次遍历

原创 2022-02-25 15:43:24 52 阅读

React-44：异步action的写法

安装react-thunknpm install react-thunk在store中引入thunkimport thunk from 'redux-thunk'从redux中引入中间件库applyMiddlewareimport {applyMiddleware, createStore} from 'redux';修改createStore的参数异步action的写法

中间件

其他

原创 2022-02-25 15:43:24 108 阅读

React报错：TypeError: Cannot call a class as a function

错误描述TypeError: Cannot call a class as a function错误原因错将redux-thunk写成react-thunk解决办法

其他

原创 2022-02-25 15:43:24 939 阅读

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

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wb59770b05237ae的博客

欢迎

你真的了解Vue的生命周期吗？

你了解Vue的动态加载组件和异步加载组件吗？

Vue中的methods、watch、computed、filters到底有什么区别？

手写函数柯里化

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

这一次，彻底搞懂Vue的组件通信

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

关于数组去重，你知道多少种方案？

使用reduce实现map

使用reduce实现数组扁平化

这一次，彻底搞懂进程与线程之间的联系

浏览器的渲染原理你了解吗？

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

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

单页面应用的前端路由原理是什么？

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

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

LeetCode——二叉搜索树的第k大节点（逆中序+count）

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

实现Sleep函数的四种方法

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

LeetCode——岛屿数量（DFS）

这一次，彻底搞懂HTML5新特性

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

剑指Offer——II.平衡二叉树（JS实现）

React-43：redux基础用法

剑指Offer——不用加减乘除做加法（JS实现）

剑指Offer——对称的二叉树（JS实现）

React-44：异步action的写法

React报错：TypeError: Cannot call a class as a function