- 博客(36)
- 收藏
- 关注
RSS订阅原创 DeepSeek 概述与本地化部署【详细流程】
DeepSeek，中文名为“深度求索”，是一家位于杭州的人工智能公司，由知名对冲基金 High-Flyer 投资支持。该公司专注于人工智能基础技术研究，并以其开源的大型语言模型在业内脱颖而出。通过将这些模型开源，深度求索不仅推动了技术的发展，还让更多开发者能够参与到人工智能的进步中来，这种开放的态度赢得了广泛的关注和认可。DeepSeek是由杭州深度求索人工智能基础技术研究有限公司开发的AI大模型，具备强大的智能问答和多模态交互能力。
2025-02-14 21:55:16
1602
1
原创 【Vue3 入门到实战】16. Vue3 非兼容性改变
Vue 3 引入了许多改进和新特性，但同时也带来了一些与 Vue 2 不兼容的变化。以下是 Vue 3 中一些重要的非兼容性改变(参考官网)。地址链接如下👇 👇 👇。
2025-02-14 14:25:16
1312
原创 【Vue3 入门到实战】15. 组件间通信
本文主要讲解Vue3中组件间的通信方式，包括props、customEvent、mitt、v-model、$attrs、$refs与$parent、provide与inject、pinia、slot插槽等9种方式，其中pinia和slot在前文已有说明，可查阅【Vu3 入门到实战】专栏中的相应部分，链接放在下面。
2025-02-13 21:13:52
1094
原创 【Vue3 入门到实战】14. telePort 和 Suspense组件
Teleport>组件允许你将子组件的内容渲染到 DOM 树中的任意位置（如<body>标签内），而不局限于其父组件的范围，适用于模态框、提示框等需要脱离当前组件层次结构进行渲染的场景<Suspense>组件用于处理异步依赖（如异步组件），在异步组件加载期间显示备用内容，并在组件准备好后切换到实际内容，适用于需要动态加载数据或组件的应用场景。这两者分别解决了组件渲染位置和异步加载状态管理的问题。更多内容点击下方链接 ↓ ↓ ↓Vue3入门到实战_借来一夜星光的博客-CSDN博客。
2025-02-13 19:00:00
412
原创 【Vue3 入门到实战】13. 常用 API
创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行逻辑控制。下面我们使用自定义 ref 来实现一个防抖效果，用来熟悉这个 customRef。代码如下<template><div></div>let initValue = '你好'let timereturn {// 当msg被读取时调用get(){track() // 告诉Vue,这个msg数据很重要，你要对msg进行持续关注，一旦msg变化就去更新console.log('hhh,我被读取啦')},
2025-02-12 21:16:08
1376
原创 【Vue3 如门到实战】12. slot 插槽
插槽不仅是一种内容分发机制，也是一种组件间通信的方式。通过插槽，父组件可以向子组件传递内容，并且作用域插槽还可以让子组件向父组件传递数据。这种方式为组件间的灵活交互提供了强大的支持。更多内容请点击下方链接 ↓ ↓ ↓Vue3入门到实战_借来一夜星光的博客-CSDN博客。
2025-02-12 01:00:00
264
原创 【Vue3 入门到实战】11. Pinia 状态管理
Pinia 是一个用于 Vue 3 的状态管理库,类似于 vue2 中的 vuex，Pinia 不像 Vuex 那样有严格的规则（如必须使用 mutations 来修改状态），这使得代码更加灵活。包含了如何搭建 pinia、数据存储与读取、数据i修改、以及pinia提供的 storeToRefs、getters、$subscribe等等。
2025-02-08 21:47:44
956
原创 【Vue3 入门到实战】10. Router 路由
以上就是和 vue-router 相关的部分内容，包含路由配置、路由的两种模式、路由嵌套、传参、编程式导航等等。更多相关内容点击下方链接 ↓ ↓ ↓Vue3入门到实战_借来一夜星光的博客-CSDN博客。
2025-02-08 01:45:00
1419
原创 【Vue3 入门到实战】9. Vue3生命周期
组件的生命周期是指组件从创建到销毁过程中经历的一系列阶段。每个阶段都有对应的钩子函数，允许你在特定的时间点执行代码。这些钩子函数可以帮助你更好地控制组件的行为，例如初始化数据、处理副作用、清理资源等。生命周期主要包含四个阶段，即创建、挂载、更新、销毁。beforeCreate:触发时机： 在实例初始化之后，数据观测和事件配置之前。用途：此时还不能访问data、methods 或者 DOM 元素。created:触发时机：在实例创建完成后被调用。此时已完成数据观测和事件配置，但尚未挂载到 DOM。用途：可以在
2025-02-07 01:30:00
1455
原创 【vue3 入门到实战】8. props 的使用
props 是用于父组件向子组件传递数据的主要机制。Vue 3 提供了更灵活和强大的方式来定义和使用 props。
2025-02-07 00:15:00
182
原创 【Vue3 入门到实战】6. watchEffect
可以看到 watchEffect 无需明确指出要监视的数据，用到哪些属性，就会监视哪些属性。(1) 都能监听响应式数据的变化，不同的是监听数据变化的方式不同。不用明确指出监视的数据（函数用到哪些属性，就监视哪些属性）可以看到当满足条件时，控制台就会打印响应内容。要明确指出监视的数据。
2025-02-06 16:59:02
481
原创 【vue3 入门到实战】7. 标签中的 ref
值得一提的是，这里的获取的组件的实例对象是没有任何信息的。如果想拿到子组件中的信息，需要在子组件 Person.vue 中要使用 defineExpose 暴露内容。这样控制台打印的内容包含了子组件暴露的内容。用在普通DOM标签上，获取的是。用在组件标签上，获取的是组件的。
2025-02-06 16:57:15
313
原创 【Vue3 入门到实战】5. Watch 监视
在 Vue 3 中，watch 是一个非常强大的工具，用于侦听响应式数据的变化，并在变化时执行相应的逻辑。它不仅可以监听单个 ref 或 reactive 对象，还可以监听多个源或更复杂的表达式。以下是关 watch 的详细说明。
2025-01-16 15:24:13
1163
原创 【Vue3 入门到实战】4. toRefs、toRef与computed计算属性
toRefs将一个响应式对象中的每一个属性，转换为 ref 对象。计算属性会根据其依赖的数据自动更新，并且具有缓存机制，只有在其依赖的数据发生变化时才会重新计算。
2025-01-16 02:15:00
841
原创 【Vue3 入门到实战】3. ref 和 reactive区别和适用场景
ref的本质就是实例化了RefImpl类得到了一个对象，访问这个对象的value属性时触发track，设置这个对象的value属性时触发trigger。reactive响应式的原理是：创建了一个被Proxy代理的对象，Proxy里面代理了各种操作，在读取的时候触发track函数，在写入的时候触发trigger函数。
2025-01-15 16:04:30
1663
原创 【Vue3 入门到实战】2. OptionsAPI与CompositionAPI及setup
选项式 API 是 Vue 2 中的传统模式，并且在 Vue 3 中仍然得到支持。它通过在组件定义中使用选项（如data、methods、computed等）来组织代码。下面的两张动态图可以很形象的解释OptionsAPI的设计Options API 的弊端数据、方法、计算属性等，是分散在：`data`、`methods`、`computed`中的，若想新增或者修改一个需求，就需要分别修改：`data`、`methods`、`computed`，不便于维护和复用。setup。
2025-01-15 13:59:35
1142
原创 【Vue3 入门到实战】1. 创建Vue3工程
在过去的接触中，我积累了关于 Vue 3 的一些零散知识点。为了更深入和系统地学习 Vue 3，我决定跟随视频教程和官方文档进行一次全面的学习，并在此过程中记录下我的学习笔记。本文将详细讲解如何从头开始创建一个 Vue 3 工程。这不仅是构建任何 Vue 应用的第一步，也是理解框架工作原理的重要起点。随着后续的学习，我将继续撰写系列文章，涵盖更多主题和技术细节。学习视频 ↓ ↓ ↓【尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程】
2025-01-14 20:42:22
940
原创 【Vue实战】Vuex 和 Axios 拦截器设置全局 Loading
最主要的就是vuex的store中的部分逻辑，以及相应拦截器和请求拦截器调用store中的，总结一下实现步骤吧。(1) 引入必要的库(2) 创建 Vuex Store(3) 配置 Axios 实例(4) 创建加载组件(5) 将组件集成到应用。
2025-01-13 21:44:27
2748
原创 冒泡排序基础与实现
冒泡排序（Bubble Sort）是一种简单的排序算法，它通过重复地遍历要排序的列表，比较相邻元素并根据需要交换它们的位置来工作。这个过程会持续进行，直到整个列表变得有序为止。由于其简单性，冒泡排序常用于教学目的，但它并不是最高效的排序算法，特别是在处理大数据集时。当用户点击“运行冒泡排序”按钮时，会调用bubbleSort函数，执行冒泡排序，并将排序前后的数组显示在页面上的 <p> 元素内。以上就是所有内容。
2025-01-12 23:50:44
372
原创 【前端动效】原生js实现拖拽排课效果
如图所示，页面左侧有一个包含不同课程（如语文、数学等）的列表，页面右侧是一个表格，表示一周内每天的不同时间段。用户可以通过拖拽左侧的课程到右侧的时间表中，来安排课程。
2025-01-12 23:29:02
1147
原创 【前端动效】HTML + CSS 实现打字机效果
写下两段一模一样的文字，将第二段文字覆盖第一段文字，设置第二段文字的背景和整体背景一致，且文字透明，再设置第二段文字的线性渐变(从透明到黑色渐变)。这样第一段文字就会慢慢的显示出来，就实现了上图所示的打字机效果。这里有两段一模一样的段落，其实，真正显示的是第一段，而第二段的作用实际是用它的背景来覆盖第一段文字的内容，再通过背景渐变来浮现第一段文字的内容。上文已经说过，要想动画生效，前提条件是动画中变化的是一个数字类属性 ，而这里的 --p 却是一个变量，所以我们需要将变量通过。里设置文字的大小和颜色，
2025-01-12 22:34:51
5209
原创 【前端动效】js动态时钟效果
以上内容解释了如何精确计算指针的旋转角度、以及确保指针图片的中心对齐。最后实现了视觉效果良好的动态时钟。时、分、秒以及表盘的图片资源放在了下方，如有需要可点击下载。
2025-01-11 21:43:51
1102
原创 【前端动效】四角线框的跟随移动
创建一个动态聚焦框，当用户将鼠标悬停在某个图片上时，聚焦框会平滑地出现在该图片周围，并且能够根据图片的位置和大小进行精确调整
2025-01-11 03:00:00
977
1
原创 Docker学习【干货教程】
Docker 就像是这样一个“可移动厨房”，它允许开发者将应用程序及其所有依赖（比如数据库、配置文件等）打包到一个独立的小盒子（容器）中。这个小盒子可以在任何安装了 Docker 的机器上运行，无论是开发者的笔记本电脑、测试服务器还是生产服务器。由于容器内部环境是完全隔离且一致的，因此可以确保应用程序在任何地方都能以相同的方式运行，消除了“在我的机器上能正常工作”的问题。
2025-01-10 18:27:58
1498
原创 Dockerfile 构建java镜像并运行部署java项目
Dockerfile是一个文本文件，它包含了用于构建 Docker 镜像的一系列指令。通过dockerfile，你可以定义应用程序的运行环境，包括操作系统、依赖库、配置文件以及启动命令等。这使得 Docker 镜像可以被一致地构建和部署，确保了开发、测试和生产环境之间的兼容性。通俗点来讲，Dockerfile 就像是一份“食谱”，它告诉 Docker 如何一步一步地准备一个特定的运行环境。想象一下，你想要制作一款特别的蛋糕。你需要知道：用什么材料（比如面粉、鸡蛋、糖）。
2025-01-10 17:58:47
2033
原创 Docker自定义网络，让容器之间相互通信
所有容器连接到默认的bridge网络时，默认情况下可以相互通信。这虽然方便，但也带来了潜在的安全风险，因为任何容器都可以访问其他容器。其实，想象一下，如果你有很多朋友在同一个房间里聊天，可能会有点混乱。但是如果你把他们分成几个小组，每个小组在一个小房间里聊，就会清晰很多。自定义网络就是这么做的——它把相关的容器分组，确保它们只跟自己组内的成员交流。
2025-01-09 17:52:55
500
原创 Docker容器部署前端Vue项目【保姆级教学】
从项目打包、配置nginx.conf文件、再到Docker安装Nginx、以上就是Docker部署前端Vue项目的全部内容。上面步骤都是一步步验证过的，按照流程走基本没问题。
2025-01-09 14:09:18
5756
3
原创 【CentOS7】Linux安装Docker容器 (超详细)
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 或 Windows 机器上，也可以实现虚拟化。以上就是包括添加 YUM 仓库、安装 Docker、配置镜像加速器以及确保配置生效的详细步骤。docker：docker: Get https://registry-1.docker.io/v2/: net/http: request canceled 报错
2025-01-08 15:45:34
1002
原创 用HTML + CSS实现太极图
这个太极图主要是利用了HTML5和CSS3的技术特性，包括Flexbox布局、渐变背景以及关键帧动画来实现的。不失为一种简洁而优雅的方式来呈现传统文化符号。
2025-01-08 10:08:37
630
原创 JS原生实现无缝轮播
无缝轮播实现的关键点在于需要确保滚动到最后一张图片时，能够平滑地回到第一张图片，而不会出现明显的跳转。因此，在初始化时，我们克隆了第一张图片并将其添加到图片序列的末尾。
2025-01-07 13:59:33
1166
原创 基于web的宠物用品商城设计与实现
管理员模块在猫狗用品商城管理系统中主要划分为商品管理、商家管理和审核管理三部分职能。商家模块主要包括首页信息展示、商品管理、留言查看以及个人信息管理几个重要功能。用户模块主要包括账号注册、商品浏览与购买、以及个人信息管理。
2024-12-20 16:45:36
239
原创 Nginx防盗链原理与演示
防盗链是一种保护网站资源不被其他网站非法链接的技术。防止外部网站通过直接链接的方式引用你的图片、视频、CSS文件或其他静态资源。从而避免不必要的带宽消耗和服务器负载。检查HTTP请求头中的Referer字段、以确定请求是否来自合法的来源。如果Referer不在白名单中，则拒绝提供资源或返回一个代替的内容。
2024-12-18 14:22:38
492
原创 Java基础学习——List集合的三种遍历方式
public class ListDemo { public static void main(String[] args) { ArrayList<String> array = new ArrayList<String>(); array.add("哈哈"); array.add("嘿嘿"); array.add("桀桀"); Iterator<String> it=array.iterator(); //迭代器遍历 while(it...
2022-05-11 23:06:58
208
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人