公众号：程序员白特，关注我，每天进步一点点~ 前端上传文件很大时,会出现各种问题,比如连接超时了,网断了,都会导致上传失败,这个时候就需要将文件切片上传,下面我们就来学习一下如何使用vue实现大文件切片上传吧 大文件为什么要切片上传 前端上传文件很大时，会出现各种问题，比如连接超时了，网断了，都会导致上传失败； 服务端限制了单次上传文件的大小； 项目实际场景 客户端需要上传一个算法包文件到服务器，这个算法包实测 3.7G nginx配置文件 上传文件大小最大值为100M， 切片上传原理 通过file.slice将大文件chunks切成许多个大小相等的chunk 将每个chunk上传到服务器 ...

公众号：程序员白特，欢迎一起交流学习~ 原文：https://juejin.cn/post/7371312967781777418?share_token=3a57c02e-638d-4a6c-aea7-a2def21d30a9 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之前开发者的常用代码片段。 现在前端社区相当完善，有许多好用质量又有保证的库，如 lodash、dayjs、classnames、js-cookie 等，这些库基本能满足...

公众号：程序员白特，欢迎一起交流学习~ 原文：https://juejin.cn/post/7368433531926052874，作者：Sailing 对于前端开发人员来说，Node.js 是一种熟悉的技术。虽然 Nginx 和 Node.js 在某些理念上有相似之处，比如都支持 HTTP 服务、事件驱动和异步非阻塞操作，但两者并不冲突，各有各自擅长的领域： Nginx：擅长处理底层的服务器端资源，如静态资源处理、反向代理和负载均衡。 Node.js：更擅长处理上层的具体业务逻辑。 而两者的结合可以实现更加高效和强大的应用服务架构，下面我们就来看一下。借助文章目录阅读，效率更高。目前您...

公众号：程序员白特，欢迎一起交流学习~ 原文：https://juejin.cn/post/7295353579001806902，作者三年三月 前言 年初我裸辞创业了，跟一个朋友一起合伙做项目，我主要还是做技术部分，开发一个回收类的项目 也是第一次创业，虽然听过很多道理，自己经历过又是另外一回事 我们的项目经历过高峰，现在算是谷底，基本的情况基本就是在苦苦挣扎 这篇文章我会把我所经历的过程讲述出来，在最后也会总结一些创业过程的一些经验和避坑指南 希望对你有所帮助 自我介绍 & 背景 我是一名快35岁的前端码农，离职前是在银行做的外包开发。2014年开始从事开发，不过刚开始是做的iO...

公众号：程序员白特，欢迎一起交流学习~ 什么是 JSON Pointer JSON Pointer是一种简单而强大的方法，用于定位 JSON（JavaScript Object Notation）文档中特定值。它通过使用斜杠 / 分隔符来指示 JSON 对象的层级结构，以确切地标识所需值的位置。 我们为什么要使用 JSON Pointer 处理大型或复杂的 JSON 数据结构时，要定位特定的值可能会变得非常困难。使用 JSON Pointer 可以简单而准确地指定所需值的位置，而无需编写复杂的代码来遍历整个 JSON 结构。这大大简化了 JSON 数据的定位和操作过程。 另外，JSON Po...

公众号：程序员白特，欢迎一起交流学习~ TypeScript 中的类型相等 如果我们想判断两个变量是否相等，可以简单的通过 == 或 === 来进行比较，但是对比两个类型则不行。 在 TypeScript 中，类型是静态的，只会在编译时进行类型检查。 如果我们有两个类型 A 和 B，我们直接比较两个类型是否相等则会报错： type A = number; type B = string; type C = number == string; // 'string' only refers to a type, but is being used as a value here.ts(2693...

公众号：程序员白特，欢迎一起交流学习~ 原文：https://juejin.cn/post/7344571285848768524 序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import“占领满屏“的了，又该如何优雅地管理这些import语句呢？ 本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。 import是如何“占领满屏“的？ 《拒绝使用模块重导（Re-export）》 模块重导是一...

原文：https://juejin.cn/post/7337114587123335180?searchId=20240509192958AF7D129567F92AD7E083 公众号：程序员白特，欢迎一起交流学习~ 前言 我记得2021年的时候做过聊天功能，那时业务也只限微信小程序 那时候的心路历程是： ❝ **，让我写一个聊天功能这么高大上？？ 嗯？这么简单，不就画画页面来个轮询吗，加个websocket也还行吧 然后，**？这查看历史聊天记录什么鬼，页面闪一下不太好啊，真的能做到微信的那种效果吗 ❞ 然后一堆调研加测试，总算在小程序中查看历史记录没那么鬼畜了，但是总是感觉不是最佳...

公众号：程序员白特，欢迎一起交流学习~ 原文：https://juejin.cn/post/7340167256267391012 今天看到一个面试题，是关于img图片加载方面的，有必要记录一下。其实关于这个问题，只要知道图片什么时候加载完成就能解决了。 通过onload事件判断Img标签加载完成 实现逻辑：新建一个Image对象实例，为实例对象设置src属性等，在onload事件中添加此实例对象到父元素中，然后将图片地址数组中的第一个元素剔除，继续调用此方法直到存储图片地址的数组为空。 代码 const imgArrs = [...]; // 图片地址 const content = do...

公众号：程序员白特，欢迎一起交流学习~ HTTPS是什么 HTTP为什么不安全？ https被认为是通信安全的http，除了http多了s和默认端口改成了443之外，其他都是沿用的http（除了明文和不安全），最主要的改变就是http是over tcp，而https是 https over ssl over tcp。安全的特性都是ssl做的 通信安全的四个特征 通信安全有四个特征： 机密性：数据不能泄露，不能被代理之类的窃取到破解 完整性：数据不能被篡改，机密性只保证不能泄露，完整性要求保证数据不能被修改 身份认证：能够证明我是我，发到正确的客户端或者服务器 不可否认：也就是_不可抵赖_你...