2401_84827689的博客

原创 2025-6-9Vue3快速上手

在main.ts配置。

原创 2025-5-27Vue3快速上手

（1）路由（route）是一组key-value的对应关系。这种对应关系把 URL 路径和特定的组件、函数或者页面联系起来，其核心作用是依据不同的 URL 路径，将用户请求导向对应的处理逻辑。（2）多个路由需要用路由器（router）来管理。（3）路由是构建SPA应用（单页面应用）的核心技术。Vue Router 的工作模式指的是路由系统处理 URL 和历史记录的方式，主要分为 hash 模式、history 模式 和 abstract 模式。特点：优缺点：特点：优缺点：拓展：开发环境与生产环境

原创 2025-5-26Vue3快速上手

求和加1

原创 2025-5-25Vue3快速上手

watchEffect在height达到40后，temp的变化就不触发watchEffect的回调函数了，但是height的变化还是会触发，猜测是因为 ||符号，&&不会出现这个问题但是watch的监听是正常的，这是为什么？去github上提问才知道：JavaScript 中的||是​​（short-circuit operator），当第一个条件为true时，后续的条件不会被计算。这会导致无法追踪到后续依赖的变化true不会被计算，不会追踪temp.value的变化。

原创 2025-5-22Vue3快速上手

修改姓名</button><button @click="changeAge">修改年龄

原创 2025-5-20Vue3快速上手

点击修改姓名，先调用计算属性的setter修改firstName和lastName，检测到firstName和lastName的变化后（firstName变成‘li’,lastName变成‘si’），调用getter重新计算。同样是将fullName展示三次，若使用计算属性：当fullName所依赖的firstName和lastName未发生变化时，fullName只计算一次；是一种特殊的属性，它的值通过函数计算得到，而非直接存储。计算属性会记住其依赖项，并在依赖不变时复用缓存值，避免重复计算。

原创 2025-5-19Vue3快速上手

双向绑定仅意味着数据同步，而响应式更新需要 Vue 的代理机制。，它只是创建一个保持双向绑定的 ref。只有当原对象是响应式的（如。，无论原对象是否响应式。但只有当原对象本身是响应式的（如。创建的对象）时，直接解构会失去响应性，此时可用。创建的），修改才会触发视图更新。创建的），修改才会触发视图更新。当解构一个响应式对象（如。

原创 2025-5-17Vue3快速上手

整体修改reactive的数据时，有坑。使用原则需要根据项目原本的代码灵活参考。区别第2点：本质是指针指向问题。

原创 2025-5-16Vue3快速上手

（1）(2)reactive包裹的对象类型数据是Proxy对象类型。

原创 2025-5-15Vue3快速上手

(1)vue2中的data,methods可以与vue3的setup共存（2）vue2中的data可以用this读取setup中的数据，但是反过来不行，因为setup中的this是undefined（3）不建议vue2和vue3的语法混用。

原创 2025-5-14Vue3快速上手

为什么setup中不能使用this？执行时机更早setup在组件实例初始化之前执行，此时组件实例尚未创建，因此this不存在或指向undefined。Composition API 设计：Composition API 强调函数式编程，通过返回值暴露数据和方法，而非依赖this上下文。

原创 ply模型注水展示(Three.js+Vue)

【代码】ply模型注水展示(Three.js+Vue)

原创 数据结构与算法学习-JavaScript的Array.prototype.reduce()方法

为数组中每个元素执行的函数。其返回值将作为下一次调用callbackFn时的参数。对于最后一次调用，返回值将作为reduce()的返回值。当前元素的值。在第一次调用时，若指定了，则为array[0]的值,否则为array[1]。（若未指定array[0]的值将充当在数组中的索引位置。在第一次调用时，如果指定了则为0，否则为1。第一次调用回调时初始化的值。如果指定了，则callbackFn从数组中的第一个值(即array[0])作为开始执行。如果没有指定，则初始化为数组中的第一个值，并且。

原创 解决用three.js展示n个叠加的stl模型文件错位的问题

加载stl时可以明显看到下面有一部分模型是错位的。将stl文件格式转化为glb。

原创 yarn install 出现certificate has expired报错问题

切换为国内镜像源也没有解决。

原创 利用three.js在Vue项目中展示重构的stl模型文件

为了在前端页面展示3d打印机打印过程。

原创 动手学深度学习2025.2.23-预备知识之-线性代数

如果我们想将图像的颜色通道信息进行合并，可以沿着通道维度求和，将三维图像张量降为二维。序列数据处理：在处理序列数据（如文本）时，序列通常表示为二维或更高维的张量。沿着序列长度维度求和，可以将序列信息进行聚合，得到整个序列的综合表示。更加灵活，它可以处理多种情况，包括二维矩阵乘法、批量矩阵乘法等。非负性：对于所有 v∈V，有 ∥v∥≥0，且 ∥v∥=0 当且仅当 v=0。齐次性：对于所有 v∈V 和所有标量 c，有 ∥cv∥=∣c∣∥v∥。三角不等式：对于所有 u,v∈V，有 ∥u+v∥≤∥u∥+∥v∥。

原创 在Vue项目中使用three.js在前端页面展示PLY文件或STL文件

这是一个3d打印局域网管理系统的需求。

原创 动手学深度学习2025.1.23

一个元素：[1,2] //行下标为1，列下标为2的元素一行元素：[1,:] //行下标为1的所有元素一列元素：[:,1] //列下标为1的所有元素子区域：[1:3,1:] //行下标为[1,3),列下标为[1,+无穷）的所有元素子区域：[::3,::2] //行下标跨度为3，列下标跨度为2的元素理解Tensorflow中的张量：从零维到四维-优快云博客一种多维数组，可以用来表示各种物理量和几何量。张量连结：是一种将多个张量沿着某一维度合并的操作。 是 PyTorch 中用于张量拼接的主要函数，其语法如下：

原创 2025.1.16学习笔记（红宝书）

标签函数（Tagged Function）通常是指与模板字符串结合使用的函数。

原创 AJAX学习（24.11.1-24.11.14）(包含HTTP协议）

1.通信概念：信息的传递和交换；三要素： =》主体（服务器和客户端）​ =》内容​ =》方式协议：互联网的通信协议是网页内容的传输协议。（网页内容又叫超文本）HTTP协议：超文本传输协议（HyperText Transfer Protocol）3.how。

原创 CSS颜色渐变效果1

【代码】CSS颜色渐变效果1。

原创 学习AJAX请求（初步）24.10.21-10.23

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

原创 异步编程（初学）

首先执行主线程中的代码，这通常是一个宏任务（例如，同步代码或一个。

原创 2024大二上js高级+ES6学习10.13（扩展运算符，Array和String的扩展方法，set数据结构）

10.13.2024。

原创 向日葵软件安装失败

一开始点击普通下载，下载完毕后，安装了好几次也没安装成功。在控制面板-程序和功能，寻找已安装 的向日葵。于是改为安全下载，发现能顺利下载并成功安装。重新点击普通下载，下载完安装还是失败。手动卸载已安装但是又没成功的向日葵。

原创 2024大二上js高级+ES6学习9.29（深/浅拷贝，正则表达式，let/const，解构赋值，箭头函数，剩余参数）

9.29.2024。

原创 2024大二上js高级+ES6学习9.26（闭包，递归函数）

9.26.2024。

原创 2024大二上js高级+ES6学习9.23（严格模式，this指向和改变this指向，高阶函数）

在浏览器环境中，全局作用域中的变量和函数实际上是全局对象的属性。在JavaScript中，let 和 var 都是用来声明变量的关键字，但它们之间有几个关键的区别，这些区别影响了变量的作用域、生命周期和如何被提升。在JavaScript中，全局作用域（Global Scope）和全局对象（Global Object）是两个相关但不同的概念。Math对象中的方法只能应用在数字上，而数组对象Array的方法中不包含求最大值和最小值。构造函数调用：原型对象中的方法是在实例对象调用这个方法时，才指向实例对象。

原创 2024大二上js高级+ES6学习9.21（构造函数，原型，类，新增方法）

如果属性的enumerble值是false,那么该属性不能被Object.keys获取（注意是通过defineproperty这个方法定义或修改的属性才有）Object.keys用用于获取对象自身的所有属性，返回值是一个数组，数组的元素就是对象的属性名。__proto__是实例化对象中的一个属性，它能指向构造函数的原型对象prototype。可以利用原型对象扩展内置对象的方法，但是直接在原型上添加会有一定的风险。给obj这个对象新增一个叫num的属性，属性的值为1000。Ldh就是一个实例化的对象。

原创 2024大二上js高级+ES6学习9.13-9.14（含tab栏案例）

Extends关键字可以让子类继承父类中的属性和方法，super可以用于访问和调用父类中的构造函数和普通函数。现在是用super调用父类的构造函数，原因是父类中的方法的this指向父类构造函数所创建对象的this,而父类中的方法需要使用到this中的属性，因此要通过super关键字调在子类的构造函数中调用父类的构造函数，获取父类的实例对象中this的相关属性（要在使用子类的this之前调用父类的构造函数）这也运用了闭包的特性（this的指向由事件触发元素变为类创建的实例对象）

原创 2024年大二上学习日记9.7-9.8（vue2完结撒花）

中间出现了一个小插曲，突然出现报错：Module not found: Error: Can't resolve 'core-js/fn/symbol' i，于是用yarn add core-js@2安装了插件，结果冒出了59个errors,吓得我一脸懵，连忙用yarn remove。为了使模块化看起来结构更加清晰，可以将求和的相关配置和人员的相关配置单独写成一个js文件，再在index.js文件中引入这两个文件，作为两个不同的模块进行使用。

原创 2024年大二上学习日记9.4-9.6

MapState前面三个点（ES6语法）表示在computed对象中展开mapState对象中的key和value，而对象写法中给值加单引号的原因是：sum的值要求是一个字符串，如果不加单引号，会将sum当成一个变量处理。在store/index.js中引入Vuex是因为要先应用了vuex才能使用store,但是在js文件中使用import时，文件在解析时会优先运行import文件，导致Vue.use语句无法在创建store之前运行。尚硅谷讲师的界面如下，我没有找到设置mutations地方，看不到。

原创 2024年大二上学习日记9.1-9.2

加过渡属性最好不要加在标签上（如h1），变换的时候不知道为什么会怪异地从‘天’飞下来，走了偏离的路线，用xxx-enter-active和xxx-leave-active就正常了。如：Category.vue通过slot给App.vue传递需要用到的数据，传递的数据类型是对象（因为传递的数据可能有多个）在public文件夹下新建一个text.txt文件，修改axios.get中的地址，可以成功请求text.txt中的数据。元素进入的起点就是离开的终点，元素离开的起点就是进入的终点，实现一个轮回的效果。

原创 2024暑假学习日记8.30-8.31

然后实现静态组件，公司的项目一般是已经开发了一部分的，需要阅读理解旧代码，分析其结构，将每部分的结构抽离成组件，再抽离样式，在子组件的style中加上scoped防止冲突。讲了组件间通信，初级方法是：父组件给子组件1传了一个函数，在子组件1中调用这个函数，由于函数本身在父组件中，传回的值可供父组件使用，再由父组件将该值传递给子组件2，从而实现子组件1和子组件2的通信。*考虑数据存放位置前要考虑数据是一个组件使用还是一些组件使用，如果是一些组件使用，需要把数据存放在共用数据的组件的父组件。

原创 2024年暑假学习日记8.7-8.9

vue是一个文件夹，里面有很多版本的vue,具体引入的vue要看node_modules文件夹下的vue文件夹下的package.json文件中的module配置。2.修改脚手架中的默认配置，在根目录下的vue.config.js文件中修改，详细见vuecli官网中的配置参考。main.js中引入的vue是残缺版的vue,不带模版解析器。将props中的数据复制到data中时，记得把页面中的数据名更改为新的数据名。写script中的脚本时提及了ES6中的模块化，还没学。main.js是整个项目的入口文件;

原创 C++实现红黑树基本操作

【代码】C++实现红黑树基本操作。

原创 使用Fittencode解决Vue脚手架安装问题

虽然尚硅谷讲师推荐的方法是使用淘宝镜像（我不了解是什么）来安装会加快速度，但是我上网寻找安装淘宝镜像教程时，发现有人建议少用淘宝镜像（因为有bug），而且我第一次安装时就又给我报了一堆错（这里就不展示了）。解决一个问题的过程又出现一个问题，而且我真不清楚淘宝镜像是什么，因此不敢胡乱尝试，选择放弃这条路。搜了一下报错提示第一行的单词ETIMEDOUT,初步了解应该是网络连接不畅导致超时，想到家里新的wifi网速确实很烂，就换成自己的热点多试了好几遍还是报一样的错误，所以又放弃了网络连接这条路。

原创 2024暑假学习日记8.3-8.6

听了生命周期函数，解决了之前遇到的疑问：就是有时会出现网页中Vue开发者工具中的Vue实例消失了，以下是度娘的AI解释。7. prototype是显示原型属性，__proto__是隐式原型属性。5.学习了组件的嵌套，初步了解了app组件。3.学习了v-pre指令，它可以提高效率。6.学习VueComponent。4.自定义指令：函数式和对象式。3.学习非单文件组件的基本使用。1.学习v-cloak指令。2.学习了v-once指令。1.学习vue生命周期。这里可以调浏览器网速。4.组件的几个注意点。

原创 尚硅谷css盒子模型概要