Yolanda_NuoNuo-CSDN博客

原创前端内存泄露问题总结篇（包括Vue和echarts）

本文以思维导图形式整理了内存泄露知识图谱一、引起的原因及解决方法，主要是注意闭包、全局变量和定时器、监听事件等二、vue中的常见内存泄露，主要是1、注意mounted(onMounted)的时候如果定义了一些全局变量，或者是定时器、监听事件这种的，要在beforeDestroy(beforeMounted)中释放或者移除掉2、echarts用定时器获取数据的，也是注意在合适的时间移除掉定时器切换页面（页面销毁）时注意对echarts实例做clear()或者dispose()三、如何利用devTo

2021-09-15 14:51:43 2120

原创 npm WARN [email protected] requires a peer of postcss@^8.0.0 but none is installed. You must ins

问题描述：今天在安装 vue-virtual-scroll-list出现报错信息如下npm WARN [email protected] requires a peer of postcss@^8.0.0 but none is installed. You must install peer dependencies yourself.其实不只是vue-virtual-scroll-list，有时候安装其他的插件也会出现这个报错，如果是按照报错信息npm install -g npm-

2021-09-09 20:23:32 1793

原创 Webpack基本用法---常用的loader和plugin整理（图解带关键代码示例）

由于webpack的loader和plugin很多，容易遗忘，本文以思维导图的方式整理总结了常用的loader和plugin，并附带关键配置代码片段后续会更新webpack性能优化相关的整理总结，最近比较忙~没有整理清楚的地方，后面也会持续改进和完善，先贴一下...

2021-08-26 00:43:53 324

原创浏览器渲染原理总结（重绘和重排）

如果还有什么不明白，可以参考这两篇，讲的很不错～MDN浏览器渲染原理问我Chrome浏览器的渲染原理（6000字长文）

2021-08-26 00:39:35 184

原创 JavaScript实现二分查找（搜索）算法（非递归实现）

JavaScript实现前端经典算法二分查找，面试常考哟~一、二分查找算法分析用二分查找算法查找目标值在数组中对应的下标1、二分搜索算法的前提是一个有序数组，所以编码实现的时候，先对它排了个序2、二分查找就是（1）劈成两半，最左边一个指针low，最右边一个指针high，最中间一个指针mid（2）如果查找的目标值小于中间mid对应的值，说明目标值在左边，那就缩小范围，把high设置成mid-1（3）如果查找的目标值大于中间mid对应的值，说明目标值在右边，那就缩小范围，把low设置成mid+1

2021-07-30 13:15:08 761 2

原创 JavaScript实现快速排序算法

JavaScript实现经典排序算法—快排快速排序算法的性能比之前的冒泡、选择排序都要好，和归并排序一样，是一个可以用于实战的算法，听说chrome用的就是快排又听说前端面试会考，那你实现一个快排吧！一、快速排序的算法思路还是在这里看一下快排是啥意思快速排序算法动图1、快速排序的特点就是随机设置一个基准点，比如是数组的第一个元素，然后数组的其他元素就跟这个基准线进行对比，比基准线大的放在左边，比基准线小的放在右边2、再设置一个基准线，再这样小的放左边，大的放右边，递归。二、编码实现详细分析

2021-07-30 12:05:07 1919 6

原创 JavaScript实现归并排序算法

归并排序稍微复杂一丢丢，但是它的性能比前面的冒泡、选择和插入排序都好一点，是可以用在实战中的排序算法，听说以前火狐浏览器就是用它的归并排序算法动图一、归并排序的算法思路为了说清楚，假如有10个数1、先分组，大组分小组，再分小小组，直到分成一个数一组左边是L，右边是R，每一个-表示后面的细分小组（1）归并排序就是先对半劈，分成左边L1组5个和右边R2组5个两组（2）左边5个分成左左边L1-L1组3个和右右边L1-R1组2个两组（3）左左边的3个分成左左左边L1-L1-L1组的2个和右右右边L1

2021-07-29 13:51:19 219

原创 JavaScript实现冒泡排序、选择排序和插入排序

在前几话话中深入研究了一下冒泡排序及其优化JavaScript实现冒泡排序及双向冒泡排序今天总结一下排序算法中也极为经典的选择排序和插入排序一、回顾冒泡排序为了更好的比较这几种算法，首先回顾一下之前冒泡排序的思想和简单实现这个网站可以看到这几种排序的动图，可以手动演示一下，了解这几种排序的思想冒泡排序算法动图展示1、冒泡排序的思路（1）方向：冒泡排序是向右排的（2）第一轮会从第一个数开始跟相邻的右边的数比较，比右边大就交换一下，这样不断重复跟右边相邻的数字比较，就像冒泡一样，冒出了最大的数

2021-07-29 10:47:29 389

原创 JavaScript实现Leetcode112-路径总和

这题好像经常看到，练了前面的感觉还是很简单112. 路径总和1、题目描述给你二叉树的根节点 root 和一个表示目标和的整数 targetSum ，判断该树中是否存在根节点到叶子节点的路径，这条路径上所有节点值相加等于目标和 targetSum 。叶子节点是指没有子节点的节点。2、解题思路是用树的深度优先遍历算法遇到叶子结点就判断路径和是不是等于目标值3、编码实现细节写在注释上/** * @param {TreeNode} root * @param {number} ta

2021-07-28 11:25:39 162

原创 JavaScript实现Leetcode102-二叉树的层序遍历

上一话利用树的深度优先遍历和广度优先遍历做了两道简单级别的题1、题目描述102. 二叉树的层序遍历中等难度给你一个二叉树，请你返回其按层序遍历得到的节点值。（即逐层地，从左到右访问所有节点）。2、解题思路这道题明显就是利用树的广度优先遍历，遍历每一层的时候，同一层的放在一个数组里，最后结果在一个二维数组里3、编码实现/** * @param {TreeNode} root * @return {number[][]} */var levelOrder = function

2021-07-28 10:47:12 258

原创 JavaScript实现Leetcode104-二叉树的最大深度和111-二叉树的最小深度

学习了树的深度优先算法和广度优先算法后，做这两道题就没有难度了~一、104. 二叉树的最大深度1、解题思路：（1）用上一话的树的深度优先遍历算法实现JavaScript实现树的深度优先遍历和广度优先遍历（2）记得用一个变量去记录层级，递归刷新层级并拿最大的结果2、编码实现/** * @param {TreeNode} root * @return {number} */var maxDepth = function(root) { // 深度优先遍历 let resDe

2021-07-28 09:56:47 224

原创 JavaScript实现树的深度优先遍历和广度优先遍历

一、来棵树1、tree.jsconst tree = { val: 'a', children: [ { val: 'b', children: [ { val: 'd', children: [] }, { v

2021-07-27 13:07:37 1583 1

原创解决mac突然连不上wifi了（wifi出现灰色小感叹号!）

记一次可怕的经历，不知道是不是我装VPN软件还是点啥了，突然我的mac就连不上wifi了，电脑的wifi图标上出现一个灰色的小感叹号。但是手机，ipad都能连上wifi上网，不能上网的mac它还叫mac嘛？后面到处搜了无数帖子，真是一段崩溃而又无助并且彷徨中带着些许烦躁的时间，试了无数的法子，终于让心爱的本本恢复了正常。记下这段可怕的经历的解决办法，希望它再也不要发神经了。第一步，打开访达按住command + shift + G出现一个搜索框，输入/资源库/Preferences/Syst

2021-07-26 01:12:16 22103 6

原创 JavaScript实现二叉树前中后序遍历（递归和非递归分别实现）

JavaScript实现二叉树的前中后序遍历（递归和非递归）一、来一棵绿绿的二叉树1、binary-tree.jsconst binaryTree = { val: 'a', left: { val: 'b', left: { val: 'd', left: null, right: null }, right: { val:

2021-07-23 13:33:28 1313 2

原创 Javascript核心知识之灵魂画手绘制eventloop事件轮询机制

传说中前端面试必考的异步问题—eventloop机制，又来总结一下～身为笔记狂魔的阿婆主整理了好多好多笔记，多到令人发指！！！后面会慢慢发出来分享～像JavaScript的异步是就是一大块，要说清楚，显得有条不紊，还是要花费一点时间再整理一下的～一、event loop是啥子1、event loop指的是事件循环/事件轮询的机制像我们这种还做后端的小可爱们，会在发现JS是单线程语言的时候，小小的脑阔里充满了大大的疑问（1）JS为毛是单线程的呢？（2）那JS是怎么实现异步的呢？2、自问自答～

2021-07-20 00:24:34 222 3

原创 mac解决npm不管装啥都是zsh: command not found

mac解决npm不管装啥都是zsh: command not found一、背景描述今天想研究一下性能工具lighthouse，yolanda@YolandadeMacBook-Pro ~ % npm install -g lighthouse added 145 packages in 7syolanda@YolandadeMacBook-Pro ~ % lighthouse --versionzsh: command not found: lighthouse没想到刚装上就找不到这

2021-07-19 23:41:30 6575

原创 JavaScript手写系列之手写深拷贝

传说中前端面试必考的手写系列之，实现深拷贝～1、思路就是递归实现啦～然后要注意先判断是不是数组，因为数组和对象都是引用类型，如果用instanceof判断呢，因为都在同一条原型链上，2、编码实现const obj1 = { name: 'Yolanda', age: 18, info: { array: [1, 3, [4, 8, 0], [2, 4, 7]], friends: { male: { name: '

2021-07-07 23:06:32 1230 16

原创 nodejs连Mysql报错Client does not support authentication protocol requested by server； consider upgradin

nodejs连接Mysql数据库报错Client does not support authentication protocol requested by server; consider upgrading MySQL client一、背景描述最近在写nodejs的项目，于是用nodejs连接Mysql数据库二、代码const mysql = require('mysql');// 创建连接const conn = mysql.createConnection({ host: '

2021-07-05 22:46:35 883 4

原创 JavaScript核心知识之防抖和节流

总结一下传说中前端面试必问的防抖和节流问题～一、防抖和节流是干撒子用的呢这两个看起来是很高级的概念，但是其实也并不难～都是用来减少频率用滴～是一种性能优化来的这是什么意思嘞就是利用函数setTimeout实现的两个东东二、防抖（一）应用场景比较常见的场景，就是说从前有一个表单，表单包括有一个输入框，有时候要做成不按回车键这种手动提交表单的，是一输入啥就自动给你提交的。害！就类似于vue里面是那种响应式的，v-model绑定那种，你输入框输入啥，底下就实时刷新数据的那种，你明不明啊～有时候就

2021-06-28 22:01:39 348 8

原创 vite安装失败问题Emitted ‘error‘ event on ChildProcess instance at:-4058esbuild.exe

一、背景描述1、局部安装npm install vite -D2、启动npx vite3、报错了throw er; // Unhandled ‘error’ eventEmitted ‘error’ event on ChildProcess instance at:errno: -4058,code: ‘ENOENT’,syscall: ‘spawn D:\mycode\front\node_modules\esbuild\esbuild.exe’,path: ‘D:\mycode\

2021-06-21 16:22:41 10710 3

原创 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次

一、背景描述电脑坏了，换电脑，害~1、现象：命令行输入vue create项目报错了~2、报错信息vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次3、解决办法设置环境变量（1）找到nodejs安装目录E:\codeEnvironment\nodejs\path新建两个空文件夹node_cache和node_global，like this（2）设置环境变量用户变量的PathE:\c

2021-06-21 14:09:52 1968

原创 Error: Cannot find module ‘vue-loader/dist/index‘

1、问题描述：用const { VueLoaderPlugin } = require(‘vue-loader/dist/index’);的时候打包保错Error: Cannot find module ‘vue-loader/dist/index’2、解决办法害，就是版本的原因，版本不是最新的npm install vue-loader@next安装一下就好了...

2021-06-21 09:38:51 856

原创 JS匿名函数Uncaught TypeError: x is not a function

一、背景描述今天遇到了一个小问题，我要记录一下～就是这个类似这个亚子的一个代码片段function test() { console.log('xixi')};const a = 1(function func1() { console.log('haha')})()然后它就报错了，就是报这个错Uncaught TypeError: 1 is not a function二、问题分析这个是因为匿名函数前的这个语句const a = 1木有加分号三、解决办法方法一、

2021-06-08 22:54:03 699 2

原创 Cannot read property ‘then‘ of undefined

今天在写一个异步小demo的时候，报错说Uncaught TypeError: Cannot read property ‘then’ of undefinedat 7-async-2.html:36在仔细的检查以后，发现自己在函数中忘记返回Promise对象了，特此记录一下～完整代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h

2021-06-07 21:38:24 1141

原创 JavaScript实现Leetcode933-最近的请求次数

JavaScript算法与数据结构队列之Leetcode933-最近的请求次数一、队列1、先进先出2、JavaScript中没有队列，用Array实现const queue = [];queue.push(1);queue.push(2);const item1 = queue.shift();//1const item2 = queue.shift();//2二、Leetcode933-最近的请求次数1、https://leetcode-cn.com/problems/number-

2021-06-03 20:15:35 231 3

原创 JavaScript实现Leetcode20-有效的括号（Set，Map，字符串替换三种方式实现）

JavaScript算法与数据结构栈之Leetcode20-有效的括号题解一、栈1、后进先出2、 JavaScript用Array实现栈const stack = [];stack.push(1);stack.push(2);stack.pop();stack.pop();二、栈的应用场景1、十进制转二进制为毛呢，因为一个十进制熟除以2的余数，最先除出来的余数放在最高位上，随手实现了一个const translate = (num) => { let stack =

2021-06-03 18:31:54 322 1

原创 vscode生成vue模版代码片段

有的时候看????学习视频，看到人家阿婆主打两个字母就出来一大串代码，感觉哇哦好酷，这就是大神写代码的节奏嘛？我也要！！！一、写一段即将生成的Vue模版代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi

2021-05-29 16:06:33 288 1

原创 Javascript核心知识之执行上下文和JavaScript引擎执行机制

一、背景描述写这篇博客的原因是今天看了一个小例子，我不懂，有一点不理解，它是这个样子的 function foo() { console.log('1111111'); } var foo = function() { console.log('2222222'); } foo();// 2222222这个没啥不懂的，主要是然后给它换个顺序 var foo

2021-05-28 22:13:03 215 1

原创 Vue3源码调试步骤

一、github下载源码1、vue3源码2、下载3.0.11版本Download zip二、环境1、在VS code中打开刚才解压缩的源码2、打开VS code中的终端界面输入yarn install什么？没装yarn？那装个呗 npm install -g yarnmac看????这里mac环境zsh: command not found: yarn3、跑下试试yarn dev哦豁，报错了Error: Command failed with exit code

2021-05-27 21:44:26 1958 7

原创 mac环境zsh: command not found: yarn

mac环境下在VScode里面跑这个是没有用的 npm install -g yarn但是可以在mac的终端里跑这个brew install yarn然后就好啦相关博客mac安装Typescript错误command not found: tsc

2021-05-27 19:45:05 9533 1

原创 mac安装Typescript错误command not found: tsc

今天在我心爱的mac本本上安装typescript的时候出现了这个错误zsh: command not found: tsc首先是安装npm install -g typescript后来查看一下版本tsc -v然后就出现了这个错误zsh: command not found: tsc在难过了一秒钟以后我配了一下环境变量，但是却并没有什么作用最后完美的解决方式是，我突然想起来我现在用的是mac本本，为毛要用npm呢？我可以用brew啊然后跑了这个命令brew install ty

2021-05-19 23:31:02 2532

原创 Vue实现系统页面长时间不操作自动退出到登录页面

一、背景描述现在要做这么一个需求，就是在页面上用户长时间没有操作，就认为是不活跃，自动退出到登录页面。以vue-element-admin这个开源项目为例来说明，知道方法再套用到自己的系统上就可以啦~二、准备工作既然是以vue-element-admin为例，所以要先下载一下这个基础模板vue-element-template基础开发模板三、开始编码（一）实现思路1、在App.vue中监控点击事件，记录上一次操作时间，每次点击都会更新一下这个时间；2、在登录后的首页里启动一个定时器，定时去

2021-05-10 14:10:22 7272 2

原创 Uncaught TypeError: Cannot read property ‘dispatch‘ of undefined

一、背景描述用VUE的时候报这个错Uncaught TypeError: Cannot read property ‘dispatch’ of undefined二、问题分析1、我的代码是酱紫滴 data() { return { // 计时器 whole_timer: null } }, created() { this.isLoginOut(); }, isLoginOut() {

2021-05-10 13:57:27 3406

原创 JavaScript实现冒泡排序及双向冒泡排序

前端经典算法题（一）之冒泡排序及双向冒泡排序一、背景介绍1、我在干嘛？用JavaScript写一个冒泡排序算法2、什么是冒泡排序？啊这。。。怎么说呢？冒泡排序就是这个那个，冒泡嘛，你懂的，就是这样那样，然后再这样那样再排一下顺序～^-^就是冒泡排序好吧，我认真说～且看????下图就是每一轮，跟右边相邻的元素比较大小，比右边大，就跟右边换个位置二、手写一个冒泡排序其实只要理解了冒泡排序是啥意思，就知道这是一个双重for循环实现的，那就来吧～（一）最简单最基本的冒泡排序1、为了看清楚是

2021-05-08 23:32:24 611 7

原创 Error: Cannot find module ‘mockjs‘

项目跑的好好的就找不到这个了重新跑npm install就好了~嘻嘻~

2021-04-15 15:16:24 3885 2

原创记一次诡异的bug，The resource was preloaded using link preload but not used within a few seconds

一、问题描述做一个vue项目的时候，突然页面打不开了，空白页，什么都不显示报这个错The resource http://localhost:8082/js/index.js was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloade

2021-02-07 09:33:01 18328 3

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Erlang22.3和RabbitMQ3.8.4.zip

brew_install.rb

Maven 实战

oracle-jdbc14

cxf+spring所需的jar包

jstl.jar和standard.jar

文本加密fial.zip

评委给分即名次编排-结课.zip

计算器.zip

二叉排序树.zip

JAVA核心技术原书第八版

空空如也