<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[NGUP_LEE的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/NGUP_LEE</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NGUP_LEE]]></copyright><item><title><![CDATA[webpack5的JS基础配置]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/136227179</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/136227179</guid><author>NGUP_LEE</author><pubDate>Thu, 22 Feb 2024 11:44:46 +0800</pubDate><description><![CDATA[Webpack 对 js 处理是有限的，只能编译 js 中 ES 模块化语法，不能编译其他语法，导致 js 不能在 IE 等浏览器运行，所以我们希望做一些兼容性处理。其次开发中，团队对代码格式是有严格要求的，我们不能由肉眼去检测代码格式，需要使用专业的工具来检测。BabelEslint在使用webpack进行打包时，先试用Eslint检测代码格式无误后，再由Babel做代码兼容性处理。]]></description><category></category></item><item><title><![CDATA[webpack5入门配置]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/136211547</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/136211547</guid><author>NGUP_LEE</author><pubDate>Wed, 21 Feb 2024 17:32:48 +0800</pubDate><description><![CDATA[过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理。默认 Webpack 会将文件打包输出到 dist 目录下，我们查看 dist 目录下文件情况就好了。css-loader：负责将 Css 文件编译成 Webpack 能识别的模块。less-loader：负责将 Less 文件编译成 Css 文件。sass-loader：负责将 Sass 文件编译成 css 文件。sass：sass-loader 依赖 sass 进行编译。]]></description><category></category></item><item><title><![CDATA[深入理解React中的虚拟DOM（源码+分析）]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128266230</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128266230</guid><author>NGUP_LEE</author><pubDate>Wed, 14 Dec 2022 20:51:10 +0800</pubDate><description><![CDATA[- 什么是虚拟dom？
- 虚拟dom做了什么？他的优点是什么？他的出现带来了什么改变、解决了什么问题？
- 虚拟dom的性能如何？是否比原生的dom操作更快？
- react的虚拟dom是如何实现的？react是如何将虚拟dom转变为真实dom？]]></description><category></category></item><item><title><![CDATA[vue中的性能优化]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128234228</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128234228</guid><author>NGUP_LEE</author><pubDate>Thu, 08 Dec 2022 15:49:03 +0800</pubDate><description><![CDATA[前端性能优化的目的是使网站的加载速度更快，从而提高用户体验。用户等待网站加载的时间越短，他们就越可能对网站产生好感，并越可能继续在网站上浏览。此外，在移动设备上，性能优化可以帮助网站在较慢的网络条件下仍然能够流畅运行。性能优化也可以降低服务器的负载，从而降低运营成本。总之，前端性能优化是为了提高网站的速度和用户体验，并降低运营成本。]]></description><category></category></item><item><title><![CDATA[vue3中的自定义指令]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128220691</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128220691</guid><author>NGUP_LEE</author><pubDate>Wed, 07 Dec 2022 16:48:18 +0800</pubDate><description><![CDATA[在vue中，自定义指令可用于定义复杂的行为或公用的行为，以便于在多个组件中重复使用。例如，如果你想在一个应用中多处使用拖拽功能，你可以定义一个指令，某个组件通过使用该指令来为某个元素启用拖拽功能。另一个例子是，如果你想在一个应用中多处使用格式化日期的功能，你可以定义一个 指令，在组件中通过使用该指令来自动格式化日期。总之，当你想要在多个组件中重用某个复杂的行为或逻辑时，就可以考虑使用自定义指令。Vue 3 的指令系统与 Vue 2 相比有了一些改变。在 Vue 2 中，指令是一种特殊的 attribute，]]></description><category></category></item><item><title><![CDATA[工程化项目中的git提交信息规范]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128219985</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128219985</guid><author>NGUP_LEE</author><pubDate>Wed, 07 Dec 2022 14:44:43 +0800</pubDate><description><![CDATA[每个提交信息都由这些内容组成：type(类型)，scope(范围)和subject(主题)必须是其中之一：
scope (一般可省略)
范围可以是指定提交更改位置的任何内容。例如$location， browser，browser，browser，compile，$rootScope，ngHref，ngClick，ngView，等…当更改影响的范围不止一个范围时，可以使用*(星号)标识。主题简要描述了更改]]></description><category></category></item><item><title><![CDATA[vue中的h函数与JSX语法]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128207449</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128207449</guid><author>NGUP_LEE</author><pubDate>Tue, 06 Dec 2022 20:03:13 +0800</pubDate><description><![CDATA[vue不仅像react一样实现了jsx，而且还借助jsx发挥了javascript动态画的优势，了解学习jsx可以让你更灵活的开发需求。在聊vue中的JSX之前，需要简单介绍一下 h 函数，理解了 h 函数，会更好的理解JSX。是一个用于创建VNode的实用程序，你可以理解为，但因为它频繁的被使用，所以简称为函数。
2.理解h函数
在vue3的项目中，是默认的写法，vue运行时会把解析为函数，之后，组件运行的时候通过函数去返回函数的运行结果去构造虚拟DOM
上面的图片是我随意运行了一个demo，打开vue调]]></description><category></category></item><item><title><![CDATA[JS中的debounce与throttle（防抖与节流）]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128149326</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128149326</guid><author>NGUP_LEE</author><pubDate>Fri, 02 Dec 2022 16:57:05 +0800</pubDate><description><![CDATA[聊一下防抖与节流]]></description><category></category></item><item><title><![CDATA[javascript中 tostring() 与 String格式化字符串的区别]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128147381</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128147381</guid><author>NGUP_LEE</author><pubDate>Fri, 02 Dec 2022 14:27:47 +0800</pubDate><description><![CDATA[括号中的可以写一个数字，代表进制，对应进制字符串,]]></description><category></category></item><item><title><![CDATA[解决SyntaxError: Cannot use import statement outside a module（ts文件运行问题）]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128136040</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128136040</guid><author>NGUP_LEE</author><pubDate>Thu, 01 Dec 2022 17:51:22 +0800</pubDate><description><![CDATA[ts文件运行出错]]></description><category></category></item><item><title><![CDATA[import与require有什么区别（ES6模块和CommomJS模块的区别）]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128115295</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128115295</guid><author>NGUP_LEE</author><pubDate>Wed, 30 Nov 2022 16:47:49 +0800</pubDate><description><![CDATA[不知道你在学习别人的代码时，有没有遇见过这样的代码这里为什么没有用import？首先我们需要了解一下，import和require的功能是什么，他们又有什么区别。]]></description><category></category></item><item><title><![CDATA[Vue2常见的缺陷与Vue3带来的新特性]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128080062</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/128080062</guid><author>NGUP_LEE</author><pubDate>Mon, 28 Nov 2022 18:14:31 +0800</pubDate><description><![CDATA[通过上面的图可以知道，Vue2所有的模块都是杂糅在一起的，这样做会导致不好拓展的问题，Vue3是怎么解决的呢？重构-拆包，使用monoerpo管理方式，响应式、编译和运行就全部独立了Vue3中，响应式独立了出来，而Vue2中的响应式只服务于Vue，Vue3中响应式与Vue解耦，你甚至可以在NodeJ S和React中使用响应式。渲染逻辑也被拆分为 平台无关渲染逻辑 和 浏览器渲染API 两部分。]]></description><category></category></item><item><title><![CDATA[Array各种方法总结，分类汇总]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125834513</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125834513</guid><author>NGUP_LEE</author><pubDate>Sun, 17 Jul 2022 17:39:49 +0800</pubDate><description><![CDATA[返回一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。方法返回一个新的数组对象，这一对象是一个由begin和end决定的原数组的浅拷贝。从数组中删除最后一个元素并返回该元素的值，若数组为空则undefined，改变原数组。从数组中删除第一个元素并返回该元素的值，若数组为空则undefined，改变原数组。按照一个可指定深度的递归遍历数组，将所有元素包括子数组中的元素合并为新数组并返回。复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。...]]></description><category></category></item><item><title><![CDATA[前端面试干货——面试重点]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832258</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832258</guid><author>NGUP_LEE</author><pubDate>Sun, 17 Jul 2022 15:20:43 +0800</pubDate><description><![CDATA[百篇前端岗位面试经验重点知识总结]]></description><category></category></item><item><title><![CDATA[前端面试干货——CSS面经总结]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832238</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832238</guid><author>NGUP_LEE</author><pubDate>Sun, 17 Jul 2022 15:18:44 +0800</pubDate><description><![CDATA[搜集上百篇前端岗位面试经验，在更ing]]></description><category></category></item><item><title><![CDATA[前端面试干货——计算机基础总结（在更）]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832211</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125832211</guid><author>NGUP_LEE</author><pubDate>Sun, 17 Jul 2022 15:17:40 +0800</pubDate><description><![CDATA[计算机基础知识（计网、计组）八股文总结]]></description><category></category></item><item><title><![CDATA[前端面试干货——ES6重点总结]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125819291</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/125819291</guid><author>NGUP_LEE</author><pubDate>Sat, 16 Jul 2022 14:06:10 +0800</pubDate><description><![CDATA[ES6重点总结，前端应届生必会知识]]></description><category></category></item><item><title><![CDATA[Vue基础——Vue的基本使用]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/124496127</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/124496127</guid><author>NGUP_LEE</author><pubDate>Mon, 02 May 2022 13:59:29 +0800</pubDate><description><![CDATA[文章目录一、基本使用步骤测试样例测试样例代码中MVVM对应关系图
一、基本使用步骤

导入Vue.js的script脚本
在页面中声明一个将要被Vue控制的DOM区域
创建VM实例对象（Vue实例对象）

测试样例
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-wi]]></description><category></category></item><item><title><![CDATA[async/await 以及同步、异步任务的执行过程]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/124433776</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/124433776</guid><author>NGUP_LEE</author><pubDate>Tue, 26 Apr 2022 20:49:12 +0800</pubDate><description><![CDATA[async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。
在其出现之前，开发者只能通过 链式.then() 的方式处理promise异步操作，这样写出的代码冗余且不易读
语法
async function name([param[, param[, ... param]]]) {
    statements 
}

参数
name	
函数名称
param
要传递给函数的参数的名称
statements
包含函数主题的表达式，可以awai]]></description><category></category></item><item><title><![CDATA[JavaScript基础——window对象、BOM对象]]></title><link>https://blog.youkuaiyun.com/NGUP_LEE/article/details/123992165</link><guid>https://blog.youkuaiyun.com/NGUP_LEE/article/details/123992165</guid><author>NGUP_LEE</author><pubDate>Wed, 06 Apr 2022 17:23:34 +0800</pubDate><description><![CDATA[文章目录1、BOM（浏览器对象模型）2、定时器——延时函数3、 JS执行机制3.1 同步和异步4、 location对象5、navigator对象6、history对象
1、BOM（浏览器对象模型）
BOM（Browser Object Model）是浏览器对象模型

window对象是浏览器内置的全局对象，大部分webAPIs的只是内容都是基于Window实现的
window对象下包含了navigator 、location 、document、history、screen五个属性，即所谓的BOM
doc]]></description><category></category></item></channel></rss>