自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 优化压缩webpack插件推荐

如果你希望优化小文件,减少 HTTP 请求的数量,并且愿意为此稍微增加一些 JavaScript 文件的大小,那么 url-loader 可能更适合你。需要注意的是,由于 ClosureWebpackPlugin 的优化能力非常强大,它可能会对代码进行较为激进的优化,有时可能会导致一些难以预料的问题。uglifyjs-webpack-plugin能够显著减小JavaScript文件的大小,通过删除空格、注释、无效代码等方式,以及优化代码结构,从而提高加载速度并降低带宽消耗。

2024-03-29 11:18:38 883 1

原创 解决团队分歧的四种方式

团队成员之间,经常会因为不同意见发生分歧。有些分歧,最终会达成一致意见;另一些分歧,谁也无法说服谁,难以达成一致。团队内部无法达成一致时,可能会出现四种决策方式。

2024-03-05 10:01:20 320 1

原创 escape, encodeURI, encodeURIComponent区别

正确编码URL和URI组件是Web开发中的一个重要方面。escape函数已经被弃用,不应再使用。encodeURI和encodeURIComponent提供了更安全、更可靠的方式来编码URLs。在Web开发中,正确编码URL和URI组件是非常重要的,它可以防止安全漏洞并确保应用的可靠性。escape函数由于其不一致和不安全的行为,不应再使用。encodeURI和encodeURIComponent提供了更安全、更可靠的编码方法,应根据具体场景选择使用。

2024-02-05 17:55:45 361 1

原创 vue i18n国际化敏感词等词条校验

防止组件出现敏感词,国际化出现其他词条,i18n在封装。

2023-12-26 10:18:38 446 1

原创 Depcheck 扫描

删除未使用的依赖包安装缺失的依赖包原因:版本更替,老依赖一直保留。

2023-12-20 20:50:52 418 1

原创 img的src使用绝对路径图片裂开

在开发上传图片 不保存时,回显本地的url,最后找到的方法。

2023-12-12 11:05:29 405

原创 npm script 的生命周期

在 npm 中,使用 npm scripts 可以组织整个前端工程的工具链。除了可自定义 npm script 外,npm 附带许多内置 scripts,他们无需带 npm run,可直接通过执行。

2023-10-12 11:59:10 156

原创 如何为一个项目指定 node 版本号

指定一个项目所需的 node 最小版本,这属于一个项目的质量工程。如果对于版本不匹配将会报错(yarn)或警告(npm),那我们需要在 package.json 中的 engines 字段中指定 Node 版本号。

2023-10-12 11:01:09 1295

原创 搞定 parseInt() 的怪异行为

parseInt()是将数字字符串解析为整数的函数。尝试使用parseInt()提取浮点数的整数部分时必须小心。小于10的-6次方 (例如0.0000005,也就是5*10-7)的浮点数转换成字符串时被写成指数表示法(例如5e-7是0.0000005的指数表示法)。这就是为什么在 parseInt()中使用这么小的浮点数会导致意想不到的结果:只有指数表记的重要部分(例如 5e-7 中的 5)会被解析。那么现在大家可以试着解释为什么等于1?

2023-09-26 15:50:19 64 1

原创 arguments

了解arguments这个对象之前先来认识一下javascript的一些功能:其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数,arguments.callee引用函数自身。

2023-09-20 13:46:36 56 1

原创 找不到模块“xxx.vue”或其相应的类型声明问题

最近在使用动态组件时,遇到切换时找不到响应组件的问题。

2023-08-29 15:48:17 5306 1

原创 Rollup打包组件库

Rollup 是一个 JavaScript 模块打包工具,可以将多个小的代码片段编译为完整的库和应用。与传统的 CommonJS 和 AMD 这一类非标准化的解决方案不同,Rollup 使用的是 ES6 版本 Javascript 中的模块标准。新的 ES 模块可以让你自由、无缝地按需使用你最喜爱的库中那些有用的单个函数。这一特性在未来将随处可用,但 Rollup 让你现在就可以,想用就用。即可,更多配置选项可参考。

2023-08-23 15:10:52 213

原创 前端打包时出现node内存溢出

通常我们在打包前端项目时,工程过大的时候会出现打包很慢的情况。

2023-08-22 09:23:59 481 1

原创 vue实现页面缓存

在开发中经常有需要前端做页面缓存的需求,vue里提供了keep-alive组件用来缓存状态;

2023-08-18 11:48:29 2806 1

原创 Web开发应了解的5种设计模式

单例模式仅允许类或对象具有单个实例,并且它使用全局变量来存储该实例。实现方法是判断是否存在该对象的实例,如果已存在则不再创建使用场景适用于业务场景中只能存在一个的实例,比如弹窗,购物车策略模式定义一系列的算法,将每一个算法封装起来,并让他们可以相互替换。实现方法定义一组可变的策略类封装具体算法,定义一组不变的环境类将请求委托给某一个策略类使用场景适用于业务场景中需要判断多种条件,甚至包含复杂条件嵌套的,可以使用策略模式来提升代码的可维护性和可读性。比如支付,博客权限校验。

2023-08-17 14:41:57 214 1

空空如也

空空如也

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

TA关注的人

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