自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

吴冬雪的博客

分享记录 开发中的常见问题 和 学习经验

  • 博客(195)
  • 资源 (7)
  • 收藏
  • 关注

转载 前端实现错误自动上报

然而,如果你正在寻找一个更全面的错误监控和报告解决方案,包括性能监控、崩溃报告以及与其他开发工具的集成,那么 Sentry 或 Bugsnag 可能更适合你的需求。通过报错提示的js文件,查看后都是压缩混淆之后的js代码,这时候就需要打包时生成的source map文件了,这个文件中保存着打包后代码和源码对应的位置,我们只需要拿到报错的堆栈信息,通过转换,就能通过source map找到对应我们源码的文件及出错的代码行列信息。Bugsnag 提供免费的基础计划,但高级功能和更大的存储空间需要付费订阅。

2024-09-03 16:01:01 453

转载 编写脚本来识别前端项目中未使用的依赖包

随着前端项目中使用的依赖包越来越多,而其中一部分依赖包可能并未被项目所使用,手动查找这些依赖包既耗时又繁琐。未使用的依赖包会增加项目的大小,这可能会导致下载和安装你的应用所需的时间更长。并且在构建项目时,构建工具需要处理所有的依赖包。未使用的依赖包可能会不必要地增加构建时间,特别是在大型项目中。我们可以对我们的项目来进行检测,然后删除一些并没有使用过的包,可以增加项目依赖包的安装速度。读取根目录下的 package.json 文件。检查依赖是否在文件中被引用,并找到未使用的依赖。执行检查并报告结果。

2024-08-24 15:24:47 124

原创 正则匹配格式:端口号、ip或域名

【代码】正则匹配格式:端口号、ip或域名。

2024-03-26 14:07:10 614

原创 wangEditor封装富文本编辑器组件

【代码】wangEditor封装富文本编辑器组件。

2023-10-18 11:07:22 367

原创 vue3.0清空历史记录history

【代码】vue3.0清空历史记录history。

2023-08-03 17:15:35 1993

原创 html5设置不缓存

使用meta元素的http-equiv属性来模拟HTTP头部信息,从而实现不缓存的效果。其中,Cache-Control用于控制缓存,no-cache表示不缓存;Pragma为HTTP/1.0的遗留属性,表示不使用缓存;Expires则指定过期时间为0,即不缓存。

2023-08-03 14:19:16 2596

原创 JS中对于对象数组按照对象的某个属性进行排序

【代码】JS中对于对象数组按照对象的某个属性进行排序。

2023-06-14 14:30:04 187

原创 vue(2,3)中过渡标签transition的使用

【代码】vue(2,3)中过渡标签transition的使用。

2023-06-13 18:17:48 470

原创 TS 关于泛类约束Partial<T>、Required<T>、Readonly<T>

Partial是 TS 中的一个工具类型(UtilityType),它的作用只有一个:将一个对象类型中的所有属性变为可选属性。换句话说,Partial接受一个泛型参数T,并返回一个新的类型,新类型与 T 相同,但是T类型中的所有属性都变为可选属性。id: number;得到的id?: number;name?: string;age?: number;TS 关于泛类约束partial<T>_ts partial_moannian的博客-CSDN博客原来Partial这么神!

2023-06-12 17:58:15 5849

转载 ts中type和interface的区别

interface:接口,TS 设计出来主要用于定义对象类型,可以对对象的形状进行描述。type:类型别名,为类型创建一个新名称。它并不是一个类型,只是一个别名。

2023-06-12 17:49:52 926

原创 vue-router当中的addRoutes与、导航守卫

已存在的不会被addRouter里面的覆盖,是具有优先权的。

2023-05-25 20:29:12 1044

转载 js获取元素的宽高 clientWidth、offsetWidth、scrollWidth

【代码】js获取元素的宽高 clientWidth、offsetWidth、scrollWidth。

2023-05-24 16:25:11 903

原创 微信小程序toast组件(解决wx.showToast文本最多显示两行问题)

【代码】微信小程序toast组件(解决wx.showToast文本最多显示两行问题)

2023-05-11 20:36:20 6093

原创 微信小程序关于wxs语法、以及能否引入js中的方法(不能调用)

页面中使用wxs或者。

2023-05-09 13:59:38 3727

原创 上下箭头样式小技巧-旋转上下箭头方向

上下箭头样式小技巧-旋转上下箭头方向

2023-05-08 20:17:39 142

原创 微信小程序定义全局变量wx.$img

微信小程序定义全局变量wx.$img

2023-05-08 20:14:10 249

原创 微信小程序路由跳转url?传参过长问题

使用encodeURIComponent和decodeURIComponent对字符进行编码和解码。URIstring 的副本,其中的某些字符将被十六进制的。局变量 globalData , 或者本地缓存进行解决。encodeURIComponent() 函数。EventChannel页面间事件通信通道。

2023-05-05 14:17:15 1148

原创 微信小程序混入(Behavior的使用)

微信小程序如何实现混入:自定义组件Behavior_微信小程序混入_super_wanan的博客-CSDN博客Behavior(Object object) | 微信开放文档。

2023-04-26 11:42:17 633

原创 ts定义对象类型Record<string, any>;和object、Object的区别

object对象上,键不会被假定为any,TypeScript不知道哪些密钥实际存在,但它不允许访问任何密钥。TypeScript允许访问类型Record对象得任何属性,即使特定键未知。object定义是一个对象类型,不能自动获取对象上的属性和方法。Object 也是不可以自动获取定义的对象上的属性和方法,object类型只能定义对象类型,不能定义其他类型。Object只能赋给任意值,不能调用方法。但是可以获取对象自身上的属性和方法。Object类型可以定义任何类型。

2023-04-25 16:26:25 7455

原创 微信小程序中使用watch监听属性

app.js 设置监听器setWatcher。

2023-04-25 15:27:55 628

原创 object-fit: contain; 设置img图片不变形

object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。属性来切换被替换元素的内容对象在元素框内的对齐方式。

2023-04-24 20:33:34 730

原创 计算两个时间之间相差的天数

Date.parse()函数用于分析一个包含日期的字符串,并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数,该函数属于Date对象,所有主流浏览器均支持该函数。入参是new Date(‘2023-01-13 10:14:30’)这样的格式。

2023-04-18 16:47:25 704

原创 react18 函数式写法 实现类似vue $set 的方法(immer的使用)

【代码】react18 函数式写法 实现类似vue $set 的方法(immer的使用)

2023-04-12 10:16:52 455

原创 TS不能将类型“any[]”分配给类型“never[]”

res已经定义了any类型,但是cateList的类型还没有定义,默认为never。在处理接口返回的数据,赋值给store中的数组时,报类型错误。

2023-04-06 20:40:19 5091

原创 el-upload限制图片尺寸

【代码】el-upload限制图片尺寸。

2023-03-21 17:47:16 594

原创 判断数组中值是否重复

【代码】判断数组中值是否重复。

2022-12-30 17:37:23 193

转载 element select组件 赋值之后还是校验必填

当分类一切换时,分类二、三、四等都需要清空原值,重新选取,但是在分类一的 change 事件里,发现页面分类二已经显示,依旧提示没选择,校验失败。当多个级联情况下,下拉赋值值赋不上去,this.$focreUpdata() 强制更新,这时值就可以绑定上去,但同时绑定时校验也会失效。分类一切换时,清空表单原值使用的是 this.doorSlowForm.diseCode = "" 手动设为空,校验失败。2,也可以在分类一切换同时,手动将分类二下拉集合的第一个元素赋值到分类二的值上去。

2022-11-30 15:18:10 2823

原创 js复制功能插件clipboard

【代码】复制功能插件clipboard。

2022-11-11 11:02:02 539

原创 微信小程序动态修改标题navigationBarTitleText

微信小程序动态修改标题navigationBarTitleText

2022-10-21 14:25:21 379

原创 js 封装倒计时

【代码】js 封装倒计时。

2022-10-13 19:49:16 381

原创 element 组件改变值后选中的内容不变

问题场景:默认下拉框选中了值,切换下拉框选中的值,值改变了,但是视图未改变。

2022-08-22 18:13:47 1059

原创 useEffect 与 useLayoutEffect

优先使用 useEffect,因为它是异步执行的,不会阻塞渲染。会影响到渲染的操作尽量放到 useLayoutEffect中去,避免出现闪烁问题。useLayoutEffect在服务端渲染的时候使用会有一个 warning,因为它可能导致首屏实际内容和服务端渲染出来的内容不一致。useEffect和useLayoutEffect的区别_溪宁的博客-CSDN博客_uselayouteffect。

2022-08-22 18:03:31 1253

原创 useEffect,useCallBack,useMemo 比较

useMemo 一般用来缓存数据使用。在子组件中使用 shouldComponentUpdate, 判定该组件的 props 和 state 是否有变化,从而避免每次父组件render时都去重新渲染子组件。空数组 useEffect 只在第一次渲染时执行,由于空数组中没有值,始终没有改变,所以后续render不执行,相当于生命周期中的componentDidMount。2.useCallback返回一个函数,当把它返回的这个函数作为子组件使用时,可以避免每次父组件更新时都重新渲染这个子组件。

2022-08-19 14:33:07 332

原创 vue3.0 实现图片延迟加载 自定义属性

根目录下创建文件 directive.js。main.js中进行使用。使用 Home.js。

2022-08-05 18:01:13 782

原创 moment封装倒计时方法

【代码】moment封装倒计时方法。

2022-08-01 16:06:33 552

原创 小程序数字输入框 正则验证,充值金额小数点后不能大于两位数字

使用:input改变。

2022-07-28 11:50:16 642

原创 微信小程序图片转发到微信、与分享功能

微信小程序图片转发到微信、与分享功能

2022-07-26 19:10:03 2574 1

原创 微信小程序保存图片到本地

utils/util 文件。

2022-07-26 18:58:59 349

原创 instanceof 检测原理

字面量方式创造的基本数据类型值是无法基于 instanceof 检测的「浏览器默认并不会把它转换为new的方式」,所以它本身不是对象,不存在__proto__这个东西。+ 所有实例的原型链最后都指向Object.prototype,所以 “实例 instacnceof Object”的结果都是true。+ 基于instanceof可以细分一下不同类型的对象「也可以检测出基于构造函数方式创建出来的基本类型对象值」+ 在JS中原型链是可以改动的,所有结果不准确。+ 临时当“壮丁”的,存在很多问题。

2022-07-25 19:55:07 311

原创 重写内置call、bind

柯理化思想「预处理思想」

2022-07-21 19:06:03 127

mod_ssl.zip

错误:Cannot load D:/Applications/Apache2/modules/mod_ssl.so into server: \xd5\xd2\xb2 \xbb\xb5\xbd\xd6\xb8\xb6\xa8\xb5\xc4\xc4\xa3\xbf\xe9\xa1\xa3 大概的原因是由于当前加载的模块所依赖的一些库文件没有找到。主要是需要openssl的相关动态链接库,详细的文件见附件,可以将他们放到apache的bin目录下。mod_ssl.so放到modules下。

2019-05-29

FileZilla-3.24.0.zip

解压后点击运行filezilla.exe文件 输入主机地址 用户名 密码 端口号 点击快速连接 即可连接到远程服务器 操作远程文件 软件无需更新 弹出什么东西 关闭就可以

2019-05-29

vue-devtools-dev.zip

谷歌浏览器的vuejs devtools 插件 以实现更好的开发体验

2019-05-29

node-v11.10.1-x64.msi

node-v11.10.1-x64.msi 我们在开发中经常会需要安装node环境

2019-05-29

Git-2.21.0-64-bit.zip

解压后 就是Git-2.21.0-64-bit.exe程序 双击安装即可 安装后 就可以使用git命令 连接远程代码仓库 拉取代码 上传代码

2019-05-29

266驱动 打印机.rar

电脑与打印机关联 在电脑上即可配置 使用哪台打印机进行打印了

2019-05-29

PhpStudy.zip

解压后安装 简单实用的一款web服务器 使网站可以在本地运行

2019-05-29

空空如也

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

TA关注的人

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