自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 el-input,金额千分符自动转换

在平时项目中,对于金额处理显示一般需要按千分符显示,通常实现会申明一个formater函数来进行转换,但是涉及的地方比较多试,使用起来比较繁琐,封装一个单独的组件比较合理。

2025-06-08 22:31:15 252

原创 前端十种排序算法解析

排序算法 时间复杂度(平均) 空间复杂度 稳定性冒泡排序 O(n²) O(1) 稳定选择排序 O(n²) O(1) 不稳定归并排序 O(n log n) O(n) 稳定快速排序 O(n log n) O(log n) 不稳定插入排序 O(n²) O(1) 稳定希尔排序 O(n log n) O(1) 不稳定基数排序 O(nk) O(n + k) 稳定计数排序 O(n + k) O(k) 稳定桶排序 O(n + k) O(n + k) 稳定。

2025-06-08 21:58:40 471

原创 removeAvailableModules(移除公用的代码块)

【代码】removeAvailableModules(移除公用的代码块)

2025-04-27 21:25:52 155

原创 namedModules(启用模块命名)

【代码】namedModules(启用模块命名)

2025-04-27 21:02:37 208

原创 runtimeChunk的作用

【代码】runtimeChunk的作用。

2025-04-27 17:02:02 205

原创 splitchunk(如何将指定文件从主包拆分为单独的js文件)

页面里需要把main.js和c.js都引入。

2025-04-27 16:34:40 713

原创 Rule.resourceQuery(通过路径参数指定loader匹配规则)

【代码】Rule.resourceQuery(通过路径参数指定loader匹配规则)

2025-04-27 11:25:26 337

原创 Rule.resource作用说明

作用Rule.resource 用于定义哪些文件需要被当前规则处理。它是对传统 test、include、exclude 的更底层封装,支持更灵活的匹配方式。与 test/include/exclude 的关系test: /.js$/ 等价于resource: { test: /.js$/ }include: path.resolve(__dirname, ‘src’) 等价于 resource: { include: path… }

2025-04-26 23:12:29 215

原创 Rule.issuer(通过父路径配置loader处理器)

【代码】Rule.issuer(通过父路径配置loader处理器)

2025-04-26 22:39:45 496

原创 module.noParse(跳过指定文件的依赖解析)

【代码】module.noParse(跳过指定文件的依赖解析)

2025-04-26 21:48:20 408

原创 crossOriginLoading使用说明

此配置用于控制 Webpack 动态加载的代码块(chunk)(例如代码分割或懒加载的模块)在跨域(不同域名)加载时的行为。它通过为动态生成的 <script>标签添加 crossorigin 属性,确保符合跨域资源共享(CORS)的安全策略可选值。

2025-04-26 21:12:41 832

原创 webpack中依赖加载是否超时,chunkLoadTimeout配置

在webpack打完包后,入口文件会将依赖的文件动态引入,那是如何监听依赖文件是否加载成功了呢,webapck的实现原理时,通过延时器来判定实现的默认的延时加载时间为 120000ms。

2025-04-20 23:27:34 232

原创 webapck中打包文件名称如何配置chunkFilename

* 将主入口打包生成的文件命名为 111.js**** 将依赖打包生成的文件命名为 aaa**

2025-04-20 23:01:08 310

原创 webapck4中打包添加注释配置auxiliaryComment

commonjs2: CommonJS 模块(module.exports 导出方式)的注释。对象 按模块类型添加不同注释 复杂项目,需要区分 CommonJS、AMD 等。字符串 所有代码块统一注释 简单项目,无需区分模块类型。其他字段:如 systemjs、umd、this 等(较少使用)。commonjs: CommonJS 模块的注释。root: 通用注释(优先级最低)。amd: AMD 模块的注释。var: 全局变量导出的注释。

2025-04-20 22:32:58 325

原创 webpack执行周期流程

webpack编译流程

2025-03-09 22:22:11 94

原创 computed(vue3)源码解析

vue3, computed源码原理解析

2024-01-05 11:11:01 576 1

原创 JS小数计算精度修复

【代码】JS小数计算精度修复。

2023-12-28 17:40:23 499

原创 Vue源码解析(详细篇)

vue数据观测实现原理,模版编译过程,模版挂载过程分析

2023-12-19 14:19:12 7285 3

原创 Jenkins部署前端打包

1.1 安装教程使用文档链接 https://www.jenkins.io/zh/doc/pipeline/tour/getting-started/安装教程 https://www.cnblogs.com/caoyunpu/p/16711111.html。

2023-12-18 14:18:03 566 1

原创 webpack中plugin原理解析

通过插件我们可以扩展 webpack,加入自定义的构建行为,使 webpack 可以执行更广泛的任务,拥有更强的构建能力。

2023-10-29 20:40:40 166 1

原创 webpack中loader机制解析

在 Webpack 中使用自定义 Loader 主要有三种方式:(1)配置 Loader 的绝对路径test: /.js/,use: [options: {/* … */},},],},],},但这里有个问题,如果写了好几个自定义 Loader ,那这里就要配好几个别名,比较繁琐,不推荐。(3)配置 resolveLoader.modules//找loader的时候,先去loaders目录下找,找不到再去node_modules下面找},

2023-10-29 12:31:56 261 1

原创 webpack3构建原理分析,ast解析

* 1. webpack的作用主要就是将通过import方式引入替换为浏览器可识别的__webpack__require__,**** 2. webpack构建的过程为,读取配置项入口,通过入口路径读取文件资源后解析为ast(抽象语法数),通过解析ast后递归处理依赖**

2023-10-28 23:42:32 163

原创 webpack3打包后源文件代码解析

1.1 创建一个项目文件,直接执行 npm -y init;初始化一个基础项目架构1.2 安装依赖1.2 package.json 添加构建命令1.3 创建webpack.config.js1.4 创建文件结构a 文件内容b文件内容index.js 文件内容。

2023-10-24 16:15:57 216

原创 js实现扁平数据转化成树结构数据

【代码】js实现扁平数据转化成树结构数据。

2023-09-01 11:15:40 192 1

原创 springmvc注解入门

url-pattern > / </ url-pattern > 不会匹配到.jsp, 只针对我们编写的请求;< url-pattern > /* </ url-pattern > 会匹配 *.jsp,会出现返回 jsp视图 时再次进入spring的DispatcherServlet 类,导致找不到对应的controller所以报404错。方法返回的结果是视图的名称hello,加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp。

2023-07-09 01:45:36 118 1

原创 springmvc快速入门

创建一个空maven项目添加web支持添加依赖包运行时资源文件有会访问不到情况,加上打包资源配置。

2023-07-09 01:36:44 107 1

原创 spring注解入门

1、编写一个实体类,Dog。

2023-07-09 01:18:35 97 1

原创 spring快速入门

2、编写spring文件 , 这里我们命名为beans.xml。1、编写一个Hello实体类。

2023-07-09 01:01:45 90 1

原创 mybatis教程

在test包下进行相关配置及代码验证。

2023-07-06 15:53:19 115 1

原创 httpservlet拦截filter配置说明

** filter-class*** 生效的过滤器类。*** url-pattern*** 过滤器匹配规则。过滤名称设置,自定义即可。需与filter里的。

2023-07-05 21:45:19 264

原创 mavenweb项目中引用httpservlet实现请求与响应处理

System . out . println("get请求");resp . getWriter() . write("请求1");} }

2023-07-05 18:24:33 1302

原创 mavenweb项目创建步骤

1.使用idea创建新的一个项目2. 选取创建maven项目3.步骤2操作完成后,后续步骤默认操作完成将会创建出一个web项目工程3.1 默认创建的web工程里没有红框的部分,需按照自身需求创建4. 配置tomcat,完成配置后可以正常访问index.jsp5. 正常展示

2023-07-05 17:53:20 113

原创 接口请求节流限制

1. 前端调用接口时,有时通过接口会多次连续调用后端接口,这样会增加后端的响应负载,也会占用服务数据传出的带宽,造成资源的浪费。

2023-04-02 21:46:19 487

原创 vue项目中按钮防抖处理

1. 概念连续点击按钮时,按钮的点击事件只会触发触发一次,结束连续点击后,再次点击按钮时才会触发按钮的点击事件2. 意义按钮防抖是针对按钮操作时,用户连续点击按钮时也会每次触发按钮的绑定的点击事件,这会造成多次无效的触发。

2023-04-02 21:31:06 4031

原创 mysql创建表

mysql创建表列属性参数

2022-06-14 01:21:41 26038 4

原创 spring如何使用@Data注解

spring中使用@Data注解

2022-06-13 22:47:17 1741

原创 了解mybatis构建过程,上手第一个mybatis程序

mybatis代码

2022-06-13 19:24:26 230 1

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除