<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MRlaochen的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/MRlaochen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; MRlaochen]]></copyright><item><title><![CDATA[Node常用内置模块之url模块和querystring模块]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/132582571</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/132582571</guid><author>MRlaochen</author><pubDate>Wed, 30 Aug 2023 16:57:51 +0800</pubDate><description><![CDATA[url模块在v16的nodejs中已经明确被废弃，在将来的升级node中，可能被不支持。官网建议在后，URL类。]]></description><category></category></item><item><title><![CDATA[Node常用内置模块之path模块]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/132567558</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/132567558</guid><author>MRlaochen</author><pubDate>Tue, 29 Aug 2023 18:30:31 +0800</pubDate><description><![CDATA[结果： '/foo/baz'拼接前面路径 '/foo/bar' ,但是不包含前面路径最后 '/bar' 这部分。]]></description><category></category></item><item><title><![CDATA[在Mac电脑上同时运行不同版本的chrome浏览器]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/130208485</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/130208485</guid><author>MRlaochen</author><pubDate>Mon, 17 Apr 2023 21:03:54 +0800</pubDate><description><![CDATA[不删除浏览器的情况下，在Mac上同时运行不同版本（高低两版本）的chrome浏览器]]></description><category></category></item><item><title><![CDATA[非全管理类考研介绍]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/129504648</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/129504648</guid><author>MRlaochen</author><pubDate>Mon, 13 Mar 2023 20:06:35 +0800</pubDate><description><![CDATA[管理类考研相关]]></description><category></category></item><item><title><![CDATA[Git拉取远程仓库代码与本地分支代码相关流程]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/125599297</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/125599297</guid><author>MRlaochen</author><pubDate>Mon, 04 Jul 2022 14:26:21 +0800</pubDate><description><![CDATA[git 拉取远程分支代码与本地分支代码合并流程]]></description><category></category></item><item><title><![CDATA[mac安装nvm成功，关闭终端后，仍然报错：zsh: command not found:nvm 解决方案]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/125382853</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/125382853</guid><author>MRlaochen</author><pubDate>Tue, 21 Jun 2022 00:20:30 +0800</pubDate><description><![CDATA[mac安装nvm成功，关闭终端后，仍然报错：zsh: command not found:nvm 解决方案]]></description><category></category></item><item><title><![CDATA[mac安装nvm报错 ：HTTP/2 stream 1 was not closed cleanly before end of the underlying stream 解决方案]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/125381478</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/125381478</guid><author>MRlaochen</author><pubDate>Mon, 20 Jun 2022 22:01:38 +0800</pubDate><description><![CDATA[mac安装nvm报 ：HTTP/2 stream 1 was not closed cleanly before end of the underlying stream 错误的解决方案]]></description><category></category></item><item><title><![CDATA[mac安装nvm报错 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused解决方案]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/125379306</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/125379306</guid><author>MRlaochen</author><pubDate>Mon, 20 Jun 2022 21:55:45 +0800</pubDate><description><![CDATA[mac安装nvm报错 443 解决方案]]></description><category></category></item><item><title><![CDATA[VSCode 插件篇—— Settings Sync 同步你的 VSCode 用户配置]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122585660</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122585660</guid><author>MRlaochen</author><pubDate>Wed, 19 Jan 2022 17:21:30 +0800</pubDate><description><![CDATA[1、安装拓展 Settings Sync
在 VSCode 拓展中搜索 Settings Sync 并安装，安装完成后，重启 VSCode

2、设置 Github Person Access Token
这一步需要你有一个 github 的账号，因为我们需要把配置上传到 github gist 上保存。
有了 github 账号后，直接进入这个页面：https://github.com/settings/tokens，点击 generate new token。

写入 token 的描述并勾选 gist]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇九）——缓存]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122423235</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122423235</guid><author>MRlaochen</author><pubDate>Tue, 11 Jan 2022 15:19:46 +0800</pubDate><description><![CDATA[通常，我们使用webpack来打包我们的模块化后的应用程序，webpack 会生成一个
可部署的/dist目录，然后把打包后的内容放置在此目录中。只要/dist目录中
的内容部署到server上，client (通常是浏览器)就能够访问此server的网站及其
资源。
而最后一步获取资源是比较耗费时间的，这就是为什么浏览器使用一种名为
缓存的技术。可以通过命中缓存，以降低网络流量，使网站加载速度更快，然而，
如果我们在部署新版本时不更改资源的文件名，浏览器可能会认为它没有被更新，就
会使用它的缓存版本。由于]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇八）——代码分离]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122395477</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122395477</guid><author>MRlaochen</author><pubDate>Mon, 10 Jan 2022 09:11:21 +0800</pubDate><description><![CDATA[代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间。
常用的代码分离方法有三种：

入口起点：使用 entry 配置手动地分离代码
防止重复：使用 Entry dependencies 或者 SplitChunksPlugin 去重和分离 chunk
动态导入：通过模块的内联函数调用来分离代码。

1、入口起点（entry）
]]></description><category></category></item><item><title><![CDATA[JS学习笔记——数据未加载时，内容高度不确定的展开收起按钮显隐问题]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122373313</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122373313</guid><author>MRlaochen</author><pubDate>Fri, 07 Jan 2022 22:16:14 +0800</pubDate><description><![CDATA[今天同事问了我一个问题，有一个“展开—收起”的按钮，如果数据部分高度超过某个临界值，就展示这个按钮；如果数据部分高度没有超过某个临界高度，就不展示。但是最开始页面加载时，数据还没有请求回来，无法得知具体高度。
而在日常开发中，我们也经常会遇到有些区块内容可以展开收起的需求，例如以下这两种：
固定高度式：

对于内容固定，高度固定的情况，很好实现，可以一开始就显示展开/收起按钮，点击切换区块的高度即可。
非固定高度式:



而对于内容多少不固定，最终高度也不一定的情况，则稍显复杂，难点在于：

内容未超出规]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇七）—— Loader加载器]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122164447</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122164447</guid><author>MRlaochen</author><pubDate>Mon, 27 Dec 2021 23:06:53 +0800</pubDate><description><![CDATA[1、Loader的作用
webpack可以自动解析js和json格式的文件，这个是webpack开箱即用的功能，那如果要解析其他类型的文件呢，比如一张图片？
前面我们讲过 Asset Module功能可以，而作为最常用的解析工具，loader也可以将这些非js的文件转化为有效的模块。
webpack允许我们使用loader来处理文件，loader是一个导出为function的node模块，说白了，loader就是一个函数function。可以将匹配到的文件进行一次转换，同时loader可以链式传递。
2、L]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇六）—— Assets资源模块的加载]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122158255</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122158255</guid><author>MRlaochen</author><pubDate>Sun, 26 Dec 2021 20:46:27 +0800</pubDate><description><![CDATA[在 webpack 出现之前，前端开发人员会使用 grunt 和 gulp 等工具来处理资源，并
将它们从 /src 文件夹移动到 /dist 或 /build 目录中。webpack 最出色的功能之一就是，除了引入 JavaScript，还可以内置的资源模块 Asset Modules 引入任何其他类型的文件。
在webpack4的时候以及之前，我们通常是使用file-loader与url-loader来帮助我们加载其他资源类型。
1、Asset  Modules Type的四种类型
而webpack5可]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇五）—— mode之Development环境相关参数配置]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122156380</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122156380</guid><author>MRlaochen</author><pubDate>Sun, 26 Dec 2021 16:45:12 +0800</pubDate><description><![CDATA[在Webpack5中，mode（模式）有三种：

development（开发环境模式）
production（生产环境模式）
none或' '（空）

在不同模式中，我们可能对于webpack.config.js配置文件进行不同参数的设置
比如，在development开发环境中，我们可能使用devTool，devServer等对webpack打包后的代码进行浏览器调试；在production生产环境中，我们可能在optimization配置下面的minimizer中使用CssMinimizerPlugi]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇四）——Plugins插件]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122155402</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122155402</guid><author>MRlaochen</author><pubDate>Sun, 26 Dec 2021 15:40:36 +0800</pubDate><description><![CDATA[1、Plugins作用
Webpack中另一个非常重要的功能是Plugins，我们称之为插件。
插件（Plugins）是用来拓展webpack功能的，它们会在整个构建过程中生效，执行相关的任务。
2、Plugins和Loaders的区别
有个题外话，在webpack中还有一个概念，那就是loaders，这两个次经常被用来做对比，我也常常弄混，但是他们是完全两个不同的东西。

Loaders（加载器）：是在打包构建过程中用来处理源文件的（JSX，Scss，Less…），一次处理一个
Plugins（插件）并不]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇三）——webpack基础安装与打包]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122153284</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122153284</guid><author>MRlaochen</author><pubDate>Sun, 26 Dec 2021 14:32:49 +0800</pubDate><description><![CDATA[在安装webpack之前，我们要先安装 node，因为webpack是构建在node.js之上。
1、安装node.js
使用 Node.js 最新的长期支持版本(LTS - Long Term Support)，是理想的起步。 使用旧版本，你可能遇到各种问题，因为它们可能缺少 webpack 功能，或者缺少相关的package。
Node下载地址——Node.js官网

（mac 可能会下载 .pkg 文件，windows 可能会下载 .exe 或 .msi 文件）
下来就是按照操作步骤点击下一步安装就行]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇二）——module、chunk和 bundle 的关系和区别]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122148082</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122148082</guid><author>MRlaochen</author><pubDate>Sat, 25 Dec 2021 20:30:33 +0800</pubDate><description><![CDATA[在学习webpack相关知识的时候，总是遇到这个名词，module、chunk和bundle，只是大概知道是模块之类的意思，但是不知道具体的关系，所以就想研究一下。
首先我们在 src 目录下写我们的业务代码，引入index.js、utils.js、common.js 和 index.css 这 4 个文件，目录结构如下：
src/
├── index.css
├── index.html # 这个是 HTML 模板代码
├── index.js
├── common.js
└── utils.js

in]]></description><category></category></item><item><title><![CDATA[Webpack5学习笔记（基础篇一）—— webpack相关介绍]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/122099626</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/122099626</guid><author>MRlaochen</author><pubDate>Sat, 25 Dec 2021 18:20:21 +0800</pubDate><description><![CDATA[1、webpack是什么
webpack 是前端的一个项目构建工具，它是基于Node.js开发出来的一个前端工具。WebPack可以看做是模块打包机（bundler），通过分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。
2、为什么要使用webpack
2.1、js和css依赖问题
JavaScript和CSS的依赖问题。开发过程中，JavaScript和CSS的在页面中的顺序问题，经常会造成CS]]></description><category></category></item><item><title><![CDATA[JS学习笔记——前端的webview是什么东西]]></title><link>https://blog.youkuaiyun.com/MRlaochen/article/details/121798973</link><guid>https://blog.youkuaiyun.com/MRlaochen/article/details/121798973</guid><author>MRlaochen</author><pubDate>Wed, 08 Dec 2021 22:26:48 +0800</pubDate><description><![CDATA[1、webview是什么？作用是什么？和浏览器有什么关系？
先放一段基本定义：
A View that displays web pages. This class is the basis upon which you can roll your own web browser or simply display some online content within your Activity. It uses the WebKit rendering engine to display web page]]></description><category></category></item></channel></rss>