- 博客(18)
- 收藏
- 关注
RSS订阅
原创 选中图片文件后以base64格式预览头像图片
在传统的图片上传流程中，用户首先选择图片并上传至服务器，然后服务器返回图片的URL供前端使用。这种方式需要至少两次HTTP请求：一次是上传图片，另一次是获取图片的URL。使用Base64编码后，图片数据被转换为一段字符串，可以直接嵌入到HTML或CSS中，无需额外的HTTP请求来获取图片资源。在上传头像之前，通过Base64编码预览图片，用户可以直观地看到所选图片的效果，从而判断是否需要更换或调整。就是下图打印的这段段字符串就是基于Base64编码得来的,其中base64,后面那一长串的字符串,就是。
2024-06-19 11:46:44
643
原创 浏览器事件循环
事件循环，其实就是JS引擎管理事件执行的一个流程，具体由运行环境确定。目前JS的主要运行环境有两个，浏览器和Node.js。在主线程上排队执行的任务，只有一个任务执行完毕，才能执行后一个任务。通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。都在主线程上执行，形成一个函数执行栈，而异步则先放到。宏任务队列（macro-task）微任务队列（micro-task）
2024-06-26 08:30:00
209
原创 http协议
HTTP（Hypertext Transfer Protocol），又称超文本传输协议，用于传输文本、图像、音频、视频以及其他多媒体文件。它是Web应用程序通信的基础，通过HTTP协议，Web浏览器可以向Web服务器发起请求，并接收来自Web服务器的响应，从而实现Web页面的访问和数据传输。
2024-06-26 07:00:00
836
原创 var、let、const区别
const 用来定义常量，使用时必须初始化(即赋值)，只能在块作用域里访问，而且不能修改，无变量提升，不可以重复声明。
2024-06-24 23:24:14
390
原创 原型与原型链
JS的每个函数在创建的时候，都会生成一个属性prototype，这个属性指向一个对象，这个对象就是此函数的原型(原型对象)。该原型对象中有个属性为，指向该函数。这样原型对象和它的函数之间就产生了联系。
2024-06-24 16:38:31
257
原创 浅拷贝与深拷贝
只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做浅拷贝。浅拷贝只是复制指向某个对象的指针（引用地址），而不复制对象本身，新旧对象还是共享同一块内存。在堆中重新分配内存，并且把源对象所有属性都进行新建拷贝，以保证深拷贝的对象的引用图不包含任何原有对象或对象图上的任何对象，拷贝后的对象与原来的对象是完全隔离，互不影响。方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。将对象/数组的第一层数据复制一份给另一个空对象。直接赋值是常见的浅拷贝方式。会忽略对象中的函数。
2024-06-20 00:38:45
295
原创 对Promise的理解
如果异步操作失败，Promise对象的状态会从Pending变为Rejected。这表示异步操作未能成功完成，并且可以将错误信息传递给后续的.catch()：这是Promise对象的初始状态，在这个状态下，表示异步操作正在进行中，尚未完成，Promise对象处于等待状态。Promise对象的状态一旦改变，就不会再变,这意味着一旦Promise变为。这表示异步操作已经成功完成，并且可以将结果传递给后续的.then()：当异步操作成功完成并返回结果时，Promise对象的状态会从。状态，它就不会再回到。
2024-06-15 11:45:52
214
原创 this指向的理解
关键字是一个非常重要的语法点。如果不理解它的含义，大部分开发任务都无法完成。1.在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的。4.一般通过上下文对象调用函数时，函数体内的。的指向是由外层（函数或全局）作用域来决定的。上，在非严格模式下则会被绑定到全局对象。方法调用构造函数时，构造函数内的。方法显式调用函数时，函数体内的。会被绑定到新创建的对象上。会被绑定到指定参数的对象上。会被绑定到该对象上。
2024-06-14 09:03:38
256
原创 vuex中 为什么不直接访问state 获取数据 而是 使用getter
在组件中，你可以直接访问state，但是如果你需要对state进行复杂的操作，那么你可以定义一个getter，然后在组件中直接访问getter。：如果一个值是经常被使用，但是计算代价很大，那么你可以把这个值作为一个getter。这样，它只会被计算一次，然后被缓存起来，直到它的依赖改变。在Vuex中，getter是用来从state中派生出一些状态的。你可以认为它们是store中的计算属性。
2024-05-31 16:17:24
256
转载 npm创建vue3项目命令区别
如果你希望创建的项目是一个现代化的、轻量级的项目，不依赖传统的打包工具如 webpack，而且希望享受到 Vite 的极速开发体验，可以选择使用 npm create vite@latest。通过该命令创建的项目模板具有现代化的构建特性，如快速的热模块替换、即时的开发服务器、基于 ES 模块的构建等，能够提供更快的开发和构建速度。原文链接：https://blog.youkuaiyun.com/2301_76979068/article/details/131867881。使用 Vue CLI 创建项目模板。
2024-05-29 09:00:48
100
原创 Invalid HADOOP_HDFS_HOME 报错！（Hadoop集群部署）
（建议不要直接桌面拖拽进来）用工具（FileZilla Client，secureCRT等）传输。终端命令查看文件大小只有 25MB！hadoop.tar.gz文件传输丢包 损坏了。
2024-03-15 21:37:30
1007
1
json-server模拟后端接口(教程).pdf
2024-06-14
vue2电商管理后台项目.pdf
2024-06-14
uni-app云开发微信小程序
2024-06-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人