- 博客(20)
- 收藏
- 关注

原创 JS深拷贝与浅拷贝的解决方案(python等语言大致理念相同)
浅拷贝适用于复杂数据类型中只存在基本数据类型的属性值或者复杂数据类型中存在嵌套复杂数据类型,那么只要我们后期保证不会改变嵌套的复杂数据的属性值也是阔以使用浅拷贝的。
2024-07-21 00:35:21
756

原创 JS深拷贝与浅拷贝的理解(python等语言大致理念相同)
结果和上一步我们改变A的值所产生的影响是一样的 两个变量的值都同步发生了改变。let A = 1 那么这个变量就会在堆内存中开辟一个空间,来存放这个变量,接下来我么你再创建一个变量B,执行一个动作,就是B的值从A中拿取,这个。阔以发现这里我们虽然只重新改变了A的值,但是B也同样的发生了变化。那么发生深浅拷贝的问题的原因就是,变量在内存中,指针指向的问题。在堆内存中,会存在一个指针的概念,用于指向已经开辟空间的变量。顾名思义,就是B拷贝A的值,给自己。那么A现在在内存中的样子是这样的。
2024-07-20 23:24:33
1163
原创 关于vue项目启动报错Error: error:0308010C:digital envelope routines::unsupported
,总结一下这周遇到的个别问题吧,就是关于启动项目的时候其他的东西都准备好了,执行命令后报错Error: error:0308010C:digital envelope routines::unsupported
2024-09-06 16:53:50
761
原创 vue中想要mock数据在线上环境生效如何操作
一般情况下,在配置了mock数据之后呢,只能是在本地启动服务器的时候生效,到了部署服务器上面之后,就会发现这个mock数据是没有效果的,那么如何来配置线上环境的mock数据呢
2024-08-13 17:08:19
516
原创 nvm查看所有node包命令失效原因解决方案
出现场景:在不同的项目中,可以项目中对node的版本是有要求的,有些需要中低版本的node如14+,有些则需要18+甚至20+的版本。所以我们需要时用nvm来灵活的切换node版本
2024-08-02 14:11:26
677
原创 vue3中配置bem样式架构
BEM是一种前端命名方法论,主要是针对CSS,意思是块(Block)、元素(Element)、修饰符(Modifier)的简写。这种命名方法让CSS便于统一团队开发规范和方便维护
2024-08-02 11:38:32
453
原创 解决vue3中watch监听复杂数据类型,返回的都是改变后的值的问题
watch监听,不论是在vue2版本中,还是在vue3版本中都是一个重要的属性。那么就会有那么一个坑埋在了vue3当中,如果不仔细浏览文档可能找起来解决方案会让自己怀疑人生
2024-08-01 17:26:26
506
原创 Vue3+vite+ts做H5页面适配的方案
通常在前端页面绘制好之后会,如果放在不同的平台或者说浏览器的分辨率不一致的时候,会产生一个页面布局会差强人意的现象
2024-07-30 16:34:44
1201
原创 超详细关于vue项目vue-cli-service启动报错失败的问题
超详细关于vue项目vue-cli-service启动报错失败解决方案
2024-07-26 11:07:54
10886
1
原创 超详细vue2中组件之间传值方式
父组件向子组件传值父组件通过props的方式向子组件传递数据,而通过$emit 子组件可以向父组件通信下面通过一个例子说明父组件如何向子组件传递数据:在子组件article.vue中如何获取父组件section.vue中的数据articles:[‘红楼梦’, ‘西游记’,‘三国演义’]总结: prop 只可以从上一级组件传递到下一级组件(父子组件),即所谓的单向数据流。而且 prop 只读,不可被修改,所有修改都会失效并警告子组件向父组件传值。
2024-07-24 17:30:38
2608
原创 HTTP和HTTPS之间的区别与理解
超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。
2024-07-24 17:29:52
169
原创 前端常用的数据加密方式
不可逆性:数据库在生产用户的时候会先进行一层md5加密,前端对用户信息进行加密后,后端会与数据库中经过加密的用户信息对比,是否一致。这样就算数据库泄露了,也无法知道用户的信息。var str = b.encode(‘admin:admin’) 加密。var str2 = b.decode(str) 解密。可以看到加密解密的结果。
2024-07-21 00:37:54
338
原创 超详细前端大文件分片上传和断点续传思路
这里我们写了一个轮询的机制,用来调用查询接口,无论接口请求超时,还是没有完成状态,我们都继续查询状态,知道文件为。这里呢很简单,只需要调用后端提供的接口就ok,通常查询状态接口的参数,就是你oss上面正在上传的文件的名称。这里我们第一步上传的时候有提到过,就是在文件上传成功后通过自定义变量来保存一下源文件信息。因为后端需要根据源文件去过滤已经上传完成了的片段,那么剩下来的文件片段片段继续上传。这一步也很简单,调用暂停接口(接口参数通常为正在上传的大文件在oss中的文件名)2:如何拿到源文件呢?
2024-07-15 14:55:08
950
原创 超详细过程vue3中做文件预览功能
这里我也表示很难啊,针对老版本格式的文档,没有合适的解决方案,如果说一定要有,那就只能是通过下载的方式本地预览了 ┭┮﹏┭┮。这里你可能会疑惑为什么docx,xlsx都支持,为啥不顺带支持下doc和docx呢?这里呢采用的是iframe方式来展示,因为呢iframe是自带支持pdf和txt的。这里呢无需要装第三方依赖,使用audio标签。这里呢支持的属性分别介绍下。这里呢支持的属性分别介绍下。这里呢支持的属性分别介绍下。
2024-07-15 13:49:44
7549
24
原创 超详细各类文件上传
基于我们的第一种情况,使用了组件的自动上传功能,那么如果说后续还要继续对我们上传的文件进行其他操作呢,在这里给,工作中给我们提出了一个需求,例如:上传了一个图片,那么后期可以手动可选择性的对图片进行。
2024-07-12 17:42:47
580
1
原创 超详细项目文件各种情况下的下载方式
这种就是针对于没有那么多要求的,不需要后端做其他操作的我们情况一,是因为需求要求,下载之前对源文件doc进行一个添加水印的功能,所以第一种情况我们调用了接口,拿到了增加水印的doc文档。
2024-07-12 16:58:48
613
空空如也
前端ofd-web-viewer依赖包下载失败
2024-06-26
前端去除图片内拍摄阴影
2024-06-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人