- 博客(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
原创 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
原创 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
原创 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
原创 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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人