自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 【学习】【记录】【分享】微型响应系统

本篇博客源于对Vue和React框架中响应式系统的好奇与探索。若文中存在任何错误或有更优的解决方案,欢迎各位读者不吝指正,让我们一起学习,共同进步。响应式系统是一种编程范式,它允许数据的变化自动地反映在用户界面上。Vue和React等现代前端框架都使用了响应式系统来简化数据驱动的开发。通过以上代码,我们实现了一个微型响应式系统。这个系统可以追踪数据的变化,并在数据变化时执行相关的副作用函数。如果你有任何问题或建议,欢迎在评论区留言。让我们一起学习,共同进步!

2025-01-13 14:16:43 357

原创 【初体验】【学习】Web Component

JavaScriptHTMLCSS假设您已经了解所有知识点,并且您的环境中已安装了 Node.js和npm ,我们现在可以进行下一步。通过以上步骤,我们创建了一个简单的 Web Component 项目,并使用 Webpack 进行打包和开发服务器的配置。欢迎在评论区分享您的意见和建议。

2025-01-09 16:09:25 680

原创 【初接触】【学习】编译 Rust 为 WebAssembly

Rustwasm-packjs-sysweb-sysJavaScriptHTMLCSSwebpack假设您已经了解所有知识点,并且您的环境中已安装了 Node.js和npm 以及 Rust 的完整开发工具链(包括 rustc、cargo 和 rustup),我们现在可以进行下一步。以上是对我近期探索将 Rust 编译为 WebAssembly 的总结,若有任何不准确之处,欢迎指正。

2024-12-27 10:52:08 919

原创 【实践】深拷贝方法总结

深拷贝(Deep Copy)是指创建一个对象或数据结构的完全独立副本,使得新对象与原对象之间没有任何引用关系。对于嵌套的对象或数组,深拷贝会递归地复制每个层级的内容。本文汇总了在实践中积累的方法与经验,若其中有任何不准确或有待商榷之处,欢迎各位读者批评指正。编写自己的递归函数来遍历对象并逐层复制。/*** @description 数据类型*//*** @description 类型映射表*/]);/*** @description 判断数据类型*//**

2024-12-20 15:55:35 526

原创 原始类型和引用类型(未完待续)

只要变量要保存对象,而当时又没有那个对象可保存,就要用null来填充该变量。

2024-11-26 16:02:20 736

原创 【学习】【css】元素的水平垂直居中

【代码】【学习】【css】元素的水平垂直居中。

2024-11-18 16:32:24 547

原创 【学习】HTTP

超文本传输协议(HTTP)是一个用于传输超媒体文档(例如 HTML)的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的,但也可以用于其他目的。HTTP 遵循经典的客户端—服务端模型,客户端打开一个连接以发出请求,然后等待直到收到服务器端响应。HTTP 是无状态协议,这意味着服务器不会在两个请求之间保留任何数据(状态)。

2024-11-15 16:03:08 1477 2

原创 【学习】【HTML】localStorage、sessionStorage、cookie

是 Web 存储的一种形式,它允许在浏览器中存储键值对。是网站通过 Web 浏览器留在访问者电脑上的一小段信息。)API 的一部分,用于在客户端浏览器中存储数据。

2024-11-13 17:45:44 1108

原创 使用@react-three/fiber,@mkkellogg/gaussian-splats-3d加载.splat,.ply,.ksplat文件

假设您正在现有项目中集成这些包,而该项目的构建工具为 Webpack 或 Vite。同时,您对 Three.js 和 React 有一定的了解。如果您发现有任何错误或有更好的方法,请随时留言。

2024-11-12 16:48:33 1038

原创 【学习】【HTML】HTML、XML、XHTML

HTML (HyperText Markup Language) 是一种用于创建和展示网页的标准标记语言。它由一系列的元素组成,这些元素通过标签的形式来告诉浏览器如何显示内容。HTML5 是第五个主要版本的 HTML,旨在改进 Web 应用的功能和性能。引入了许多新特性,如语义化标签、多媒体支持、表单控件、本地存储等。XML 是一种用于存储和传输数据的标记语言。强调数据的结构化表示,要求所有标签必须正确闭合,并且区分大小写。

2024-11-12 15:47:14 1080

原创 【学习】【HTML】块级元素,行内元素,行内块级元素

这与块级元素的行为形成对比,块级元素会从新的一行开始,并且其后的内容也会从新的一行开始。行内块级元素,可以与其他行内元素在同一行内显示,可以设置宽度、高度、边距和内边距,适用于创建复杂的布局。块级元素,独占一行,可以设置宽度、高度、边距和内边距,适用于定义段落、标题、列表等结构化内容。行内块级元素在布局中表现为行内元素,但可以设置宽度、高度、边距和内边距,类似于块级元素。行内元素,不独占一行,不能设置宽度和高度,适用于对文本进行标记和修饰。块级元素可以包含其他块级元素、行内块级元素,也可以包含行内元素。

2024-11-11 17:20:38 1807

原创 【学习】使用webpack搭建react项目

在日常工作中,我大多是在已有的项目基础上进行开发,而非从头构建项目。因此,我期望通过本次学习能填补我在项目初始化阶段知识的空白,与大家共同进步。在此过程中,我欢迎并感激任何指正或建议,无论是关于错误修正还是更优的解决策略,让我们相互促进,共同提升。本次搭建参考webpack官网指南,本文如有错误欢迎指出。

2024-11-05 14:38:41 452

原创 初体验web worker

本文将使用和MinIO实现文件上传的Demo。如果您发现任何错误或有更优的解决方案,欢迎在评论区提出宝贵意见。

2024-08-01 16:00:57 370

原创 【初体验 threejs】【学习】【笔记】hello,正方体 3!

为了满足工作需求,我已着手学习 Three.js,并决定详细记录这一学习过程。在此旅程中,如果出现理解偏差或有其他更佳的学习方法,请大家不吝赐教,在评论区给予指正或分享您的宝贵建议,我将不胜感激。至此已经全部完成。你好,正方体 3!如果出现理解偏差或有其他更佳的学习方法,请大家不吝赐教,在评论区给予指正或分享您的宝贵建议,我将不胜感激。

2024-06-17 14:57:28 847

原创 【初体验threejs】【学习】【笔记】hello,正方体2!

为了满足工作需求,我已着手学习Three.js,并决定详细记录这一学习过程。在此旅程中,如果出现理解偏差或有其他更佳的学习方法,请大家不吝赐教,在评论区给予指正或分享您的宝贵建议,我将不胜感激。在向场景添加灯光之前,我们将切换到使用物理上正确的光照强度计算。创建物理大小的场景,为了使物理上正确的照明准确,如果你的房间有 1000 公里宽,那么使用真实灯泡的数据是没有意义的!three.js 中的大小单位是米。我们之前创建的2×2×2的立方体每边长为两米。

2024-06-14 13:57:17 2119

原创 【初体验threejs】【学习】【笔记】hello,正方体!

为了满足工作需求,我已着手学习Three.js,并决定详细记录这一学习过程。在此旅程中,如果出现理解偏差或有其他更佳的学习方法,请大家不吝赐教,在评论区给予指正或分享您的宝贵建议,我将不胜感激。至此已经全部完成。你好,正方体!如果出现理解偏差或有其他更佳的学习方法,请大家不吝赐教,在评论区给予指正或分享您的宝贵建议,我将不胜感激。

2024-06-13 10:27:07 1816

原创 【JavaScript】【分享】关于this

本文旨在总结实践中关于this关键字的应用经验,期待读者在评论区留言指正与补充,以促进共同学习与进步。以上是我个人实践的总结,难免有疏漏或偏差之处,诚邀各位在评论区不吝赐教,让我们一起在交流中学习成长。

2024-06-07 14:38:15 1934 2

原创 【分享】使用 Reducer 和 Context 拓展你的应用

本篇文章旨在探讨Reducer与Context在扩展应用程序中的应用技巧及其实战思路。如果你发现其中的任何错误或有更加高效的解决方案,恳请在评论区不吝赐教,共同交流进步。以上均为本人在实践探索中积累的经验总结,难免存在疏漏与不足之处。若您发现任何错误或拥有更佳的方法与见解,敬请在评论区慷慨分享,让我们在相互交流中共同进步,提升技能。

2024-06-03 14:22:36 593 1

原创 【分享】使用sheetjs导出xlsx(树形结构数据)

在工作中,我遇到了利用SheetJS库来导出xlsx文件的挑战,以下分享我的解决过程。我非常欢迎各位在评论区指正可能存在的疏漏,或是提出您认为更加高效的方法。让我们借此机会互相学习,共同成长。导出的xlsx注意请确保本机有Node.js及配套的npm(Node Package Manager)。如未安装,请访问Node.js官网(https://nodejs.org/)。建议阅读sheetjs官网,之后再继续。先安装uuid以便于生成id,命令如下:根目录下创建TreeNode.js文件/*

2024-05-11 15:22:12 1300 3

原创 【学习】从零搭建react项目(简易版)

在日常工作中,我大多是在已有的项目基础上进行开发,而非从头构建项目。因此,我期望通过本次学习能填补我在项目初始化阶段知识的空白,与大家共同进步。在此过程中,我欢迎并感激任何指正或建议,无论是关于错误修正还是更优的解决策略,让我们相互促进,共同提升。在我们正式开发之前,请确认您的计算机已安装Node.js环境,这是进行后续任务的前提。如未安装,请访问Node.js官网(https://nodejs.org/),根据您的操作系统挑选并安装最新版本。安装完毕后,通过在命令行界面分别执行node -v和。

2024-05-08 17:14:51 1315 5

原创 实践:在Deno中对Oak Router动态引用

如何对routers文件夹中的文件进行动态引用的问题。

2024-02-23 13:17:52 402

原创 在React + react-konva的项目中,对一组Konva节点进行简单排序。

在最近的前端项目实战中,我遇到了一个任务,实现对一组Konva图形节点的简单排序。接下来,我将深入剖析我是如何系统地攻克这一需求的具体步骤和策略,同时,热烈欢迎各位同行针对本文中的任何疏漏或不足之处提出宝贵意见,并分享可能存在的更为优化的解决方案。需要指出的是,这里所述的方法是基于项目实际场景进行的个性化实践,旨在提供一种解决思路参考。

2024-02-21 09:37:23 383

原创 rust初体验:使用rust修改windows10注册表(一)

作为一个Rust新手,我在官网学习相关知识后动手实践Demo项目,期望通过互相交流学习共同进步,若有任何问题,还请大家不吝赐教。

2024-02-19 17:19:11 807 1

使用@react-three/fiber,@mkkellogg/gaussian-splats-3d加载.splat,.ply

使用@react-three/fiber,@mkkellogg/gaussian-splats-3d加载.splat,.ply

2024-11-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除