孙怼怼啊-CSDN博客

原创超详细vue2中组件之间传值方式

父组件向子组件传值父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信下面通过一个例子说明父组件如何向子组件传递数据：在子组件article.vue中如何获取父组件section.vue中的数据articles:[‘红楼梦’, ‘西游记’,‘三国演义’]总结: prop 只可以从上一级组件传递到下一级组件（父子组件），即所谓的单向数据流。而且 prop 只读，不可被修改，所有修改都会失效并警告子组件向父组件传值。

2024-07-24 17:30:38 262

原创 HTTP和HTTPS之间的区别与理解

超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。

2024-07-24 17:29:52 61

原创前端常用的数据加密方式

不可逆性:数据库在生产用户的时候会先进行一层md5加密，前端对用户信息进行加密后，后端会与数据库中经过加密的用户信息对比，是否一致。这样就算数据库泄露了，也无法知道用户的信息。var str = b.encode(‘admin:admin’) 加密。var str2 = b.decode(str) 解密。可以看到加密解密的结果。

2024-07-21 00:37:54 195

原创 JS深拷贝与浅拷贝的解决方案（python等语言大致理念相同）

浅拷贝适用于复杂数据类型中只存在基本数据类型的属性值或者复杂数据类型中存在嵌套复杂数据类型，那么只要我们后期保证不会改变嵌套的复杂数据的属性值也是阔以使用浅拷贝的。

2024-07-21 00:35:21 669

原创 JS深拷贝与浅拷贝的理解（python等语言大致理念相同）

结果和上一步我们改变A的值所产生的影响是一样的两个变量的值都同步发生了改变。let A = 1 那么这个变量就会在堆内存中开辟一个空间，来存放这个变量，接下来我么你再创建一个变量B，执行一个动作，就是B的值从A中拿取，这个。阔以发现这里我们虽然只重新改变了A的值，但是B也同样的发生了变化。那么发生深浅拷贝的问题的原因就是，变量在内存中，指针指向的问题。在堆内存中，会存在一个指针的概念，用于指向已经开辟空间的变量。顾名思义，就是B拷贝A的值，给自己。那么A现在在内存中的样子是这样的。

2024-07-20 23:24:33 1079

原创超详细前端大文件分片上传和断点续传思路

这里我们写了一个轮询的机制，用来调用查询接口，无论接口请求超时，还是没有完成状态，我们都继续查询状态，知道文件为。这里呢很简单，只需要调用后端提供的接口就ok，通常查询状态接口的参数，就是你oss上面正在上传的文件的名称。这里我们第一步上传的时候有提到过，就是在文件上传成功后通过自定义变量来保存一下源文件信息。因为后端需要根据源文件去过滤已经上传完成了的片段，那么剩下来的文件片段片段继续上传。这一步也很简单，调用暂停接口（接口参数通常为正在上传的大文件在oss中的文件名）2：如何拿到源文件呢？

2024-07-15 14:55:08 415

原创超详细过程vue3中做文件预览功能

这里我也表示很难啊，针对老版本格式的文档，没有合适的解决方案，如果说一定要有，那就只能是通过下载的方式本地预览了 ┭┮﹏┭┮。这里你可能会疑惑为什么docx，xlsx都支持，为啥不顺带支持下doc和docx呢？这里呢采用的是iframe方式来展示，因为呢iframe是自带支持pdf和txt的。这里呢无需要装第三方依赖，使用audio标签。这里呢支持的属性分别介绍下。这里呢支持的属性分别介绍下。这里呢支持的属性分别介绍下。

2024-07-15 13:49:44 1072

原创超详细各类文件上传

基于我们的第一种情况，使用了组件的自动上传功能，那么如果说后续还要继续对我们上传的文件进行其他操作呢，在这里给，工作中给我们提出了一个需求，例如：上传了一个图片，那么后期可以手动可选择性的对图片进行。

2024-07-12 17:42:47 513

原创超详细项目文件各种情况下的下载方式

这种就是针对于没有那么多要求的，不需要后端做其他操作的我们情况一，是因为需求要求，下载之前对源文件doc进行一个添加水印的功能，所以第一种情况我们调用了接口，拿到了增加水印的doc文档。

2024-07-12 16:58:48 531

原创 2021-05-26

处理ajax请求并发的问题1. 并行改串行Function sync1 (){ Console.log(‘---------1’)}Function sync2(){ console.log(‘----------2’)}Sync1 ()Sync2 ()改造=======》Function sync1 () { Console.log(‘------1’)Sync2 ()}2. 循环非阻塞const Num = 1Function sync1 (){ Num++}

2021-05-26 18:11:45 105

孙怼怼的博客