- 博客(113)
- 收藏
- 关注
RSS订阅原创 浅聊Web Storage（localStorage 和 sessionStorage）、cookie的使用场合
例如，在电子商务网站上，用户加入购物车中的商品必须与该用户的会话关联起来，这样在结账时网站才能发送正确的商品信息。Cookies 经常用于网站分析，网站会利用 Cookies 来追踪用户在网站上的路径和行为。尽管 Web Storage 提供了许多优点，但在考虑用户隐私和数据安全性时，开发者还需谨慎处理敏感数据，并根据实际需求合理选择何时使用 Cookies、localStorage 或 sessionStorage。通常，Cookies 存储的是引用数据，如标识符或令牌，而更详细的数据则存储在服务器端。
2024-07-25 18:52:37
643
原创 React——useState以及批处理state
useState 是 React 提供给函数组件的一个 Hook，它允许你在函数组件中添加并管理 state。从本质上讲，useState 的运行机制是同步的，但由于 React和异步渲染的方式，有时看起来像是异步的。
2024-07-25 17:26:47
330
原创 随记0000——从0、1 到 C语言
C 语言的设计介于低级汇编语言和完全的高级语言之间，提供了对硬件的直接控制，同时也允许足够的抽象，以便用更加人性化的方式编写复杂程序。因此，C 语言成为了后来很多其他语言的基础，并在计算机编程和系统开发领域占据了核心地位。
2024-07-25 15:17:08
452
原创 阅读网上blog时，有些命令是$有些是# 为什么？区别是什么
这个符号模拟了许多UNIX和Linux系统中命令提示符的默认提示符，尽管在不同的shell配置和操作系统中，实际的提示符可能会有所不同。请注意，某些情况下，文档提供的命令可能需要根据您的具体环境进行适当的修改，比如替换掉示例中的用户名、密码、文件路径等。在实际操作中，您只需输入$符号之后的部分即可，如docker build -t nginx:v3 .。如果是以root用户身份运行命令，有时也会看到使用#作为命令前缀的示例，但是这同样不应该输入。在root用户的Bash shell中，提示符通常是。
2024-07-24 12:01:38
270
原创 React——useEffect和自定义useUpdateEffect
useEffect 是React的一个内置Hook，用于在组件渲染后执行副作用（例如数据获取、订阅或手动更改DOM）。它将在第一次渲染后和每次更新后都会执行。相比之下，useUpdateEffect 不是React内置的Hook，但这个名称通常被用于自定义Hook，其行为类似于 useEffect，但它，只会在依赖项更新时执行。这可以通过跟踪组件是否已经挂载来实现。在这个自定义 useUpdateEffect 中，我们使用了 useRef 来追踪组件是否是首次渲染。
2024-07-22 14:34:37
1285
原创 JavaScipt是解释型语言，但能被编译？聊聊为什么
JavaScript在设计上确实是一种解释型语言，但是由于现代JavaScript引擎（如V8, SpiderMonkey, JavaScriptCore等）使用了，JavaScript的执行过程包含了编译步骤。这给了JavaScript类似于编译型语言的性能优势，尽管它的源代码通常不需要预先独立编译成机器码。：JavaScript代码常常是在程序运行时编译的，即代码在执行时仍需读取、分析，并且可能立即执行。这个特点更接近传统意义上的解释型语言。
2024-07-18 17:54:58
284
原创 聊聊Nodejs
不知道各位同学有没有这种感受，仅仅在开发前端的时候安装了Nodejs，就使用了npm，除非用nodejs开发后端，不然根本不知道nodejs还干什么了，好似隐身了一样，事实上真是这样吗。即使你可能没有直接与 Node.js 进行交互，它在现代前端开发环境中仍然扮演着基础性的角色。
2024-07-18 16:45:19
401
原创 聊聊vite的是干嘛的
Vite（法语中的"快速"）是一个现代化的前端构建工具，由Evan You（Vue.js框架的创作者）开发并得到社区的广泛支持。Vite旨在提供更快的开发体验和简化的构建流程。它通过利用现代浏览器原生支持的ES模块（ESM）特性和其他先进技术来实现这些目标。
2024-07-18 15:17:38
380
原创 Reacr报错：Hooks can only be called inside the body of a function component.
比如你可能正在使用尚不支持 Hooks的版本react-dom(< 16.8.0) 或(< 0.59)。如果违反这些规则，可能会看到此错误。还有一种情况比较少见，
2024-07-18 11:44:24
268
原创 websocket-react使用
在一个应用中，如果需要在不同的组件之间共享同一个WebSocket连接，可以采用多种方法来实现。比如：单例模式、全局变量、react context。
2024-07-18 10:50:27
533
原创 threejs通过uuid选择对应map所处的key值，更改另外一个Map更新几何
javascript，我现在有个Map结构，存储的key对应的value是一个mesh数组，我现在拿到了一个mesh，我想通过uuid去寻找，他在那个key对应的value数组中，如果找到了，返回对应key值。some() 方法检查某些数组值是否通过了测试。随便记录一下用法吧，
2024-07-17 15:03:55
127
原创 Docker_一刀流_好用、好玩还方便_（持续更新）
Docker 是一个开源的容器化平台，它允许开发者打包应用及其所有依赖项到一个标准化的单元中，这个单元被称为容器。容器化是一种轻量级的、可移植的、自给自足的软件运行环境。Docker 的核心概念容器（Container）：一个轻量级的执行环境，包含了运行某个应用所需的代码、运行时、系统工具、库和设置。容器在运行时与其他容器相互隔离，并且共享同一操作系统内核。镜像（Image）： 容器的蓝本，包含有创建容器所需的全部内容。当你启动一个容器时，Docker会基于镜像来创建它。
2024-07-17 11:33:36
1375
原创 一个物体进行了位移、旋转计算另一个物体在其局部坐标系中的相对坐标
ego是一个按照车头朝向定义自身坐标正方向的一个车，他的全局坐标初始的位置是（0，0），初始的方向即是y轴正方向，现在已知他所旋转的yaw角度和位移（x,y）, 现在知道一个障碍物的全局坐标（x，y），现在需要计算车旋转位移后，相对于车自身坐标系中，障碍物的相对坐标为多少。如果我们有两个坐标系：一个全局坐标系和一个局部坐标系（例如车辆自身的坐标系），并且局部坐标系相对于全局坐标系进行了旋转和位移，那么在全局坐标系中观测到的一个点，在局部坐标系中的坐标将不同。这里使用的是python代码。
2024-07-15 16:03:43
390
原创 matine组件库踩坑日记 --- react
忘记倒入这个，组件就不会生成样式。如果没有引入额外的css，该组件也不会生效样式。我想引入扩展组件轮播图。
2024-07-13 20:05:49
396
原创 JavaScript--local storage存储的数组不可扩展的问题
是一个用来复制数组的方法，可以返回数组的一个浅拷贝，原数组不会被修改。它通常用于创建一个新的数组副本，或者从现有数组中提取一个子集。// 复制整个数组slice 方法可以接受两个参数：start 和 end，分别表示开始和结束的索引（不包含结束索引所指向的元素）。如果省略这些参数，就会复制整个数组。解构赋值// 使用展开运算符进行复制数组的 map 或 filter 方法循环复制i++) {所有这些技术都会产生原数组的一个浅拷贝。
2024-07-09 10:55:45
679
原创 JavaScript---new Map()用法
在JavaScript中，Map 是一个构造函数，用于创建 Map 对象，它可以存储键值对集合。与普通的对象不同，Map 的键可以是任何类型的值，包括函数、对象或任意基本类型。
2024-07-08 17:40:19
342
原创 React -- useState状态更新异步特性——导致获取值为旧值的问题
请注意，设置键盘事件监听的 useEffect 中的依赖数组被设置为空（[]），意味着这个 effect 只在组件挂载时添加事件监听器，并且在组件卸载时移除。在 React 的 useEffect 钩子中使用事件处理器时，如果事件处理器引用了组件的状态或属性，并且这些状态或属性在函数定义时的值被固定下来，那么我们就说这个事件处理器是一个闭包，并且它“捕获”了定义它时的环境。当时的场景，主要是为了设置一个esc快捷键，esc快捷键的逻辑功能和按钮为“Done”的时候点击效果是一样的。使用useRef记录值。
2024-07-08 10:54:40
1175
1
原创 帮助你简易起步一个BLOG（博客搭建）项目
本章节是为了帮助你起步一个完整的前后端分离项目。后端技术栈：nodemon、nodejs、vite。
2024-06-27 19:20:01
1410
原创 重生之我要学后端100--计算机网络部分概念（持续更新）
了解网络基础知识对于后端开发者至关重要，因为这些知识有助于理解应用程序是如何在更广阔的互联网环境中运作的。
2024-06-27 16:23:54
548
原创 重生之我要学后端11--数据库基础概念（持续更新）
后端开发者应该熟悉数据库管理系统（DBMS），包括关系型数据库（如MySQL, PostgreSQL）和非关系型数据库（如MongoDB, Redis）的基本操作。了解如何设计数据库模式、执行CRUD操作（创建、读取、更新、删除）、编写SQL查询等是很有必要的。
2024-06-27 15:51:49
902
原创 重生之我要学后端10--Web服务器类型及基础知识（持续更新）
不同类型的服务器软件有各自的特点和优势，它们通常用作处理HTTP请求的应用程序。
2024-06-27 15:32:16
1208
原创 重生之我要学后端0--HTTP协议和RESTful APIs
REST（表现层状态转移）是一种软件架构风格，它提倡网络应用程序的客户端和服务器之间的交互应该是无状态的，且可以通过标准的HTTP方法进行。遵循REST原则设计的Web服务称为RESTful API。HTTP（超文本传输协议）是用于分布式、协作式和超媒体信息系统的应用层协议。它是网页数据通讯的基础。总结起来，了解HTTP协议的基本工作原理以及如何遵循REST原则设计API是成为后端开发者的重要技能。在实际设计中，你还需要考虑版本控制、认证、权限校验、分页和过滤等多方面因素。
2024-06-27 14:41:58
844
原创 Threejs--Layers
在 Three.js 中，Layers 是用来控制场景中对象的可见性的机制。它允许你将场景中的不同对象分组到不同的图层（Layer），并通过设置相机的可见图层来控制哪些图层的对象会被渲染到屏幕上。
2024-06-25 11:23:05
377
原创 JavaScript--函数和箭头函数在定时器中的this指向
在JavaScript中，setTimeout和setInterval等定时器函数的回调函数的this指向规则与其他普通函数一样。在严格模式和非严格模式下有所不同，但在使用定时器时，回调函数的this不会自动绑定到调用定时器的对象。非严格模式在非严格模式下，如果你在定时器回调函数中使用this，它会指向全局对象（在浏览器中是window对象）。// 在非严格模式下，this指向window对象}, 1000);严格模式在严格模式下，回调函数中的this会是undefined。
2024-06-25 09:55:26
305
原创 threejs-- add()和attach（）的区别(不受父对象影响)
add()用于构建层级关系，子对象会继承父对象的变换。attach()用于管理物体之间的关系，添加的物体不会直接继承父对象的变换。选择使用哪个方法取决于你的需求：如果希望子对象能够受到父对象的变换影响，使用add()；如果希望在不受父对象变换影响的情况下管理层级关系，使用attach()。
2024-06-21 17:41:59
368
原创 JavaScript--函数的参数列表以及arguments的用法
在 JavaScript 中，即使函数没有声明任何参数，也可以传入参数。函数内部通过 arguments 对象捕获所有传递的参数。这种特性使得函数调用非常灵活，特别是在实现类似 Function.prototype.call 或 Function.prototype.apply 这样的动态方法时尤为有用。
2024-06-21 11:15:57
492
原创 React--两种常见的组件嵌套方式
在父组件中直接使用子组件。在父组件的实现内部引入并使用子组件。这两种方式在代码结构和组织上有所不同，但功能上并没有本质区别。外部嵌套： 组件可以接收任意子组件内容，提供了更大的灵活性和组合性。内部嵌套： 组件内部固定包含 Copyright 组件，结构更加固定和简单。
2024-06-21 10:29:28
585
原创 javascript--类型检测 type of 和 instanceof
typeof在检测null、object、array、data的结果中都是object，所以无法用来区分这几个类型的区别。instanceof 用于判断对象类型，但以上情况的结果都为false，请注意。constructor 不能判断null、undefind，因为他们不是构造对象。缺点是只能检测该对象是否存在目标对象的原型上。[对象] instanceof [构造函数]L代表instanceof左边，R代表右边。因为会一直往原型链上查找。可以检测出所有的数据类型。
2024-06-20 20:42:16
330
原创 在实现物体测距，使用射线时自己导致的bug。。
我是想相交的到点以后，直接塞入对应交到的物体里用一个SphereGeometry显示(不测量的时候，寻找其父元素移除)。进行一番操作以后，发现显示的位置始终不对。经过一段时间的思考，发现使用intersects[0].object.worldToLocal()反而正确了。
2024-06-20 11:51:54
452
原创 Raycaster--当物体放在容器中并做了转换，交点坐标不对的问题。
当子对象位于一个做了变换（如旋转、缩放、平移）的容器中时，从 Raycaster 获取的相交点是相对于世界坐标系的。为了将相交点转换到子对象的本地坐标系中，需要使用 worldToLocal 方法。这种转换可以帮助你正确地在子对象的本地坐标系中处理相交点。
2024-06-20 11:42:19
333
原创 JavaScript------const
ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。PI = 3.14;// 会出错// 也会出错。
2024-06-18 14:38:33
236
原创 nanoid库--生成唯一标识
nanoid 是一个用于生成唯一标识符（ID）的 JavaScript 库。它非常轻量级、高效且安全，常用于需要生成随机、唯一的字符串 ID 的场景，例如数据库主键、会话 ID、文件名等。nanoid 是一个非常实用的库，适用于需要生成唯一标识符的各种场景。它提供了默认配置和自定义配置两种方式，让你可以根据具体需求生成合适的 ID。其轻量、高效和安全的特性使其成为生成唯一标识符的理想选择。
2024-06-18 10:44:17
1085
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人