lklalmq的博客

原创 Node.js 与 webpack（四）

默认的命名莫名其妙，我们希望自定义命名要分割的部分自定义命名为math这里的[name]引用的是自定义的魔法命名，后缀多加的.chunk，也可以不加，主要是用来区分提升开发体验使用Source Map让开发或上线时代码报错能有更加准确的错误提示。提升 webpack 提升打包构建速度使用让开发时只重新编译打包更新变化了的代码，不变的代码使用缓存，从而使更新速度更快。使用OneOf让资源文件一旦被某个 loader 处理了，就不会继续遍历了，打包速度更快。使用。

原创 JDK |SDK |JRE 的区别

转自：【JVM与性能调优】JDK入门知识，别再说你分不清JRE、JDK、SDK三者的区别了_jdk sdk-CSDN博客

原创 Java卸载

4）打开cmd，输入 java -version。3）删除path下关于java的。2）删除JAVA_HOME。1）删除JDK安装目录。

原创 有损压缩 与 无损压缩

有损压缩可以减少图像在内存和磁盘中占用的空间，在屏幕上观看图像时，不会发现它对图像的外观产生太大的不利影响。压缩图像的软件首先会确定图像中哪些区域是相同的，哪些是不同的。，这是因为，当从磁盘上读取图像时，软件又会把丢失的像素用适当的颜色信息填充进来。方式进行优化，采用某种算法表示重复的数据信息，文件可以完全还原，不会影响文件内容，对于数码图像而言，也就不会使图像细节有任何损失。的信息和周围的像素进行合并，合并的比例不同，压缩的比例也不同，由于。，某些数据被有意地删除了，而被取消的数据也不再恢复。

原创 Node.js与webpack（三）

生产模式是开发完成代码后，我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化，让其运行性能更好。优化代码运行性能优化代码打包速度之前的目录结构现在的目录。

原创 Git笔记

什么是分支呢？在电影中常常有平行宇宙这个概念，而分支就像是平行宇宙，不同的分支互不影响。分支常用于多人协作开发时，每个开发人员在自己的分支上实现相应功能，当功能实现后，再将分支内容合并到主分支上，这样大大提高了开发效率。在初始化本地Git仓库时，Git已经默认帮我们创建了一个名字叫master/main分支，通常我们把这个master分支叫做主分支。开发的时候，可能不止master/main一个指针，还可能有public、content什么的。

原创 Git win与linux换行符转换的问题

转载：warning: in the working copy of ‘package-lock.json‘, LF will be replaced by CRLF the next time Git_warning: in the working copy of 'package.json', lf-CSDN博客使用命令，禁止自动转换：1.问题引入2.问题分析3.解决方案方案一：方案二：方案三：文件提交时进行safecrlf检查：4、问

原创 Node.js与Webpack笔记（二）

webpack是一个静态模块打包工具，从入口构建依赖图，打包有关的模块，最后用于展示你的内容静态模块：编写代码过程中，html，css，js，图片等固定内容的文件打包过程，注意：只有和入口有直接/间接引入关系的模块，才会被打包npm run 自定义命令文档 - ESLint 中文网 (nodejs.cn)是一个可组装的 JavaScript 和 JSX 检查工具。这句话意思就是：它是用来检测 js 和 jsx 语法的工具，可以配置各项功能。

原创 文件目录 ./ ../ /的区别

./Image1/1.jpg” 1 4、根目录表示法,任何页面访问Image下的Image.jpg图片。“./1.jpg” 或 “1.jpg” 1 2、文件在上层目录 （1）在上层目录下。/1.jpg” 1 3、文件在下一层目录(Image1文件夹)/Image/1.jpg” 1 （3）在上上层目录下。1.路径中“./”、“../”、“/”代表的含义。1 （2）在上层目录下的一个Image文件夹下。“./”：代表目前所在的目录。/”：代表上一层目录。“/”：代表根目录。

原创 前端对于大图片与小图片的处理 转base64

对于小图片，可以转换为base64字节编码的字符串，减少一次资源请求，资源占用多了一丢丢而已。比如，webpack处理图片资源。对于大图片，就算了，得不偿失。

原创 npm常用命令

package.json文件中的description帮助人们在npm搜索中找到您的包，所以在package.json中进行自定义描述非常有用。如果有package.json文件，则安装满足该package（如果有的话）在package.json中声明的semver规则的最新版本。在使用 npm 下包的时候，默认从国外的 npm 服务器进行下载，此时，网络数据的传输需要经过漫长的海底光缆，因此下包速度会很慢。，那么npm将查看该文件中的dependencies，并下载满足所有这些的最新版本。

原创 【控制台警告】npm WARN EBADENGINE Unsupported engine

也看不出来啥，但是有一点，先把node版本升级到v18.12.0以上，真奇怪哈，有的版本github和官网都找不到。今天用webpack下载几个loader依赖，爆出了三个警告，大概的意思就是本地安装的node和npm的版本不是很匹配？或者用nvm控制Node.js版本。

原创 Nvm下载安装和基本使用

github地址：Releases · coreybutler/nvm-windows (github.com) 然后一直下一步就行，中间会有两个路径选择，自定义即可，然后会自动根据路径配置环境变量打开nvm文件夹下的settings.txt文件，在最后添加以下代码：或者其他的镜像源：https://registry.npmmirror.comnpmmirror 镜像站如果淘宝证书过期，就更换 设置(设置选填)与查看nvm安装路径给指定

原创 node.js中path.join() 和 path.resolve()

《Node.js》path.resolve与path.join的区别与作用_js path.resolve-CSDN博客

原创 CSS、less、Sass、Scss、Stylus的认识

Sass、Scss、Less和Stylus区别总结_stylus scss-CSDN博客

原创 win10如何默认cmd是管理员运行

如果用户的家庭版没有组策略，无法如上操作，我们可以打开注册表编辑器，运行regedit将注册表展开为HKEY_LOCAL_MACHINE \\ SOFTWARE \\ Microsoft \\ Windows \\ CurrentVersion \ \\ Policies \\ System，选中System项后，找到右边的EnableLUA，将其值改为0。如果以管理员身份运行，可以获得更多权限，所以很多人都想以管理员身份运行cmd。完成后，您可以通过运行您执行的命令直接以管理员身份运行。

原创 Node.js与Webpack笔记（一）

Node.js 是一个独立的 JavaScript 运行环境，能独立执行 JS 代码，因为这个特点，它可以用来编写服务器后端的应用程序Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法想要得到 Node.js 需要把这个软件安装到电脑。

原创 解决VSCode 不能拖拽文件问题

这可能是因为在VSCode中，管理员权限可能会限制用户对文件的操作权限。管理员权限对于一些操作可能会有更严格的限制，包括禁止拖拽文件到编辑器中。这是为了确保管理员权限下的操作安全性和系统稳定性。给【以管理员身份运行次程序】关掉，不要打勾。

原创 【JS】CommonJS规范教学

暂时没空学，7月份过来补心得。

原创 ASCII码表

二进制 十进制 十六进制 字符/缩写 解释 00000000 0 00 NUL (NULL) 空字符 00000001 1 01 SOH (Start Of Headling) 标题开始 00000010 2 02 STX (Start Of Text) 正文开始 00000011 3 03 ETX (End Of Text) 正文结束 00000100 4

原创 简述：回车\n、换行\r、回车键(Enter)

在解析字符串，或其他格式的文件内容的时候，我们经常需要判定“回车换行”的地方，这个时候就要注意：既要判定"\r\n"又要判定"\n"。Windows系统里，每行结尾是“<回车><换行>”，即“\r\n”；Unix系统里，每行结尾只有“<换行>”，即"\n"；Mac系统里，每行结尾是“<回车>”，即"\r"。咱也不知道为什么搞这么麻烦，但。

原创 powershell 和 cmd

相比cmd ，Powershell更好，不管是C+，C++,C#写的dll,exe,还是是Java需要写的可执行Jar（需要JRE环境），Powershell都可以都可以调用并执行其中的方法。就像C#,Java需要，Powershell是高级脚本语言，是面相对象的，Powershell中的一切都是对象，即在好多情况下，你可以这样使用对象的属性或方法，a.b.c.d()。语法：PowerShell使用一种称为PowerShell语言的新语法，该语法类似于其他编程语言，具有更丰富的功能和更高级的命令。

原创 前端css、js、bootstrap、vue2.x、ajax查漏补缺（1）

学到的总是忘，遇到了就随手过来补一下。

原创 Vue笔记（一）

默认只有在数据触发的时候才会调用handler（），加上immediate，就会立刻执行一次。这是我自己写的，功能逻辑都写出来了，唯独添加按钮点击没反应，以后再处理了。（啊啊啊啊啊啊啊，v-model写得我好爽，越发爱vue了）(太卡了，写不动了，这个草稿我先提交了，我重新开一个)newValue：新值，就是obj这个属性的全部内容。结果，第一个li并没有删除，而是删除了最后的li。调试，给第一个li设置背景颜色，然后删除li。便于批量处理多个class。注意{{result}}oldValue：老值。

原创 【JS】事件绑定方法自带一个形参e“function(e)”，what is e?

为什么是event，因为这里面你可以随便放任意值，你说你不喜欢e这个字母，看见就恶心，你可以放ZXCVB任何你喜欢的字母和单词，只不过这是这么些年来人们潜移默化的约定罢了，就像for循环函数，为什么是i++，因为仅仅是人们习惯了，一看到就知道哦，这个i是要用来循环的，就像看见这个e，哦，它是用来代表事件对象的，别人看你的代码会一下子就知道这是什么意思。那么e其实就是一个形参，和你放入ABCDEFG这些，并没有什么不同，其实我感觉大部分人都迷在这里了，e到底是个什么东西！

原创 【Vue】不能在data里用this从data拿值

原创 【Vue】v-for中:key中item.id与Index使用的区别

先说结论，推荐使用【:key="item.id"】而不是将数组下标当做唯一标识，前者能做到全部复用。场景：删除无序列表中的<li>标签。

原创 JSON的格式

原创 实现 true false 正反轮回

【代码】实现 true false 正反轮回。

原创 Vue事件手册

【代码】Vue事件手册。

原创 Vue报错，xxx is defined #变量未定义

加上this指定，是vue实例中的变量。

原创 解决 Chrome浏览器不能拖拽插件问题

chrome浏览器中输入：chrome://flags/#extensions-on-chrome-urls。将 disable改成 enable。有的版本默认是不允许离线安装插件。

原创 npm常用命令

转载于：npm常用指令_npm指令-CSDN博客

原创 npm ERR! code CERT_HAS_EXPIRED：解决证书过期问题

转载：npm config set registry http://registry.cnpmjs.org。

原创 npm下载依赖超时解决办法

【代码】npm下载依赖超时解决办法。

原创 js 解构赋值

搬运：JavaScript系列之解构赋值_js解构赋值-CSDN博客

原创 Bootstrap5笔记【补充一些菜鸟教程没有的内容】

1.网格列顺序 order默认不写，优先级仅次于order-first order 1 - 5，优先级1仅次于order-first和默认不写，5最低 order超过6，无效，不改变顺序 多个order5，根据编写顺序排序 order-first 和 order-last 分别定义开头与结尾顺序 order-first，优先级最高2.省略号截断文本相当于CSS3中的text-overflow：ellipsis3.改变文本大小相当于CSS中的font-size

原创 正则表达式中match、search、findall区别

其中，string 是待匹配的字符串，pos 和 endpos 是可选参数，指定字符串的起始和。group([group1, …其中，string 是待匹配的字符串，pos 和 endpos 是可选参数，指定字符串的起始和。其中，string 是待匹配的字符串，pos 和 endpos 是可选参数，指定字符串的起始和。finditer 方法的行为跟 findall 的行为类似，也是搜索整个字符串，获得所有匹配的。在某些情况下，我们想匹配文本中的汉字，有一点需要注意的是，中文的 unicode 编码范。

原创 正则表达式【规则】【实例】【技巧】

18 负浮点数：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$17 正浮点数：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

原创 Javascript 一元运算符+