IOC(控制反转)和DI（依赖注入）是spring中的重要组成部分，下面是个人的一些理解，不代表官方。
1、IOC是什么？
IOC:全名是Inversion of Controller 中文解释是控制反转，不是什么技术，是一种设计思想。在java开发中IOC意味着你设计好的对象交给容器控制，而不是传统的在你对象内部直接控制。如何理解好IOC那？理解IOC的关键是要明确：“谁控制谁”、“控制什么”、为何是反转（有反转就应该有正转）哪些方面反转了，我们来分析一下：
1）谁控制谁，控制什么：传统的java SE程序设计，我们直接在对象内部new进行创建对象，是程序主动去创建对象，而IOC有专门的容器来创建这些对象，即由IOC容器来控制对象的创建；谁控制谁？当然是IOC容器控制对象，控制什么？主要是控制外部资源的获取（不只是对象包括比如文件等）。
2）为何是反转，那方面反转了：有反转就有正转，传统应用程序是由我们自己在对象中直接获取依赖对象，也就是正转；而反转是由容器来帮忙创建和注入依赖对象；为何是反转？因为由容器帮我们查找及注入依赖对象，对象只是被动的接受依赖对象，所以是反转；哪些方面反转了 ...
学 vue 前搭建小兔鲜项目时发现什么都不懂, 个人推荐可以只跟着打完前三天的, 了解项目的基本构造, 之后就可以开始vue的学习啦!![[前端了解/小兔鲜/vue项目结构.canvas]]
学 vue学习vue前可以先找一个速通typescript (一二十分钟)来看一看, 后面学vue的时候遇到不会的语法了再去网上找
我当时是看的这个视频【尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程】https://www.bilibili.com/video/BV1Za4y1r7KE?p=67&vd_source=26eb5025743189cb77f15d6e356b6da3暑假的时候学的, 学了十天(内容不多, 但是自己玩玩耍耍, 白天的时候打游戏去了, 只有晚上的时候学了点)
不知道大家学这个的手是什么时候, 按照正常上学时候的速度, 应该能在5-10天学完, 拖太长了也不好
练习vue不知道这个时候你们有自己的博客没有
看着学长学姐们自己写的博客, 我是真心动啊, 于是马上安排
在网上找的教程, 用 hexo 框架搭了一 ...
前提:因交叉学科老师要求交一个v-log, 但拍摄小白根本不会拍摄. 只能靠网上的资源现拼接啦.但是B站居然没有下载视频这一功能, 所以有了这篇帖子
安装首先! 你必须要有一个 python 环境
然后进入点击这个仓库链接 yutto
克隆该仓库
打开控制台, 或者git, 进入克隆该仓库的文件夹
运行 pip install yutto-2.0.3-py3-none-any.whl
等待安装依赖, 接着运行 pip install yutto
恭喜你! 现在你可以下载各种各样的B站2视频啦
下载操作复制视频链接
运行 yutto + 视频链接
欧克, 视频已经安装到你的电脑文件夹上面啦! (默认安装在你克隆的仓库的文件夹里面哦)
两个流程参考图
一个是我写的 【Xmind思维导图】axios源码
一个是.学长写的 【Xmind思维导图】Axios https://app.xmind.cn/share/oWnkR6z1?xid=4ubuXhXS
官方文档
lec飞书资源
来自 .学长
数据流axios 作为方法导出，接收 defaults 默认配置
axios 自带 .create 方法，用户在二次封装时用到，传入一个 config 配置对象
两个方法通过 createInstance 被创造，不过 .create 方法传入的是 (mergeConfig(defaults, config)) 深合并后的默认配置
createInstance 方法中，首先创建一个 Axios 实例（即 context），然后定义一个 instance 函数，将 instance 内部的 request 方法的 this 指向 context(Axios) 实例，所以 instance(config) 等价于 Axios.request(config)；
并使用 extend 浅拷贝将 context(Axios) 将实例上的所有属 ...
框架Vue 3 的框架结构相比 Vue 2 进行了彻底的重构，使其更加模块化、高性能和 Tree-shaking 友好。
Vue 3 的核心不再是一个庞大的单体结构，而是由一系列职责清晰的模块组成的，这种设计被称为 “Monorepo” 架构。
Vue 3 的模块化框架结构Vue 3 的框架主要由以下几个核心包组成，它们协同工作，构成了 Vue 的运行时环境：
1. 响应式系统 (@vue/reactivity)
核心作用： 这是 Vue 3 最底层也是最核心的机制。它负责跟踪状态的变化并触发视图更新。
技术基础： 使用 JavaScript Proxy 实现。
主要 API： 提供了 reactive、ref、readonly、computed、watch 等函数，用于创建和管理响应式状态。
优势： 它是完全独立的，可以被用于任何 JavaScript 环境中，与 DOM 解耦。
2. 运行时核心 (@vue/runtime ...
功能介绍将帖子内部的标题提取出来, 按照层级顺序将他们呈现在目录上, 方便用户浏览大致内容
随着用户滑动界面, 目录会显示用户浏览的位置(具体表现为对应的标题演示变化, 加上active)
当用户直接点击目录上的某一个标题时, 界面也会跳转到相应的位置
学习: 对于任何浏览器, 怎么在不影响滚动功能的情况下, 隐藏滚动条
详解样式12345678910111213141516171819202122 <div class="toc-panel"> <div class="toc-container"> <div class="toc-title">目录</div> <div class="hiddenMouse"> <div class="toc-list"> <template v-if="tocArray.length === 0"> <div clas ...
上传文件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687<script setup>import { ref, getCurrentInstance } from 'vue';const {proxy} = getCurrentInstance()const props = defineProps({ modelValue: { type: Object, default: null }, imageUrlPrefix: { type: String, }})//如果父组件传来一个图片地址, 就用父组件的, 否则展示用户上传的图片const localP ...
仓库链接[[前端了解/仿知乎, 掘金vue3项目/_resources/评论组件/3cc93b50abce1b169da3d99c0ffa751a_MD5.jpeg|Open: Pasted image 20250922101620.png]]![[前端了解/仿知乎, 掘金vue3项目/_resources/评论组件/3cc93b50abce1b169da3d99c0ffa751a_MD5.jpeg]]
评论CommentList
commentPost, 发表评论的文本框加按钮
发布图片CommentImage
图片链接CommentImgUrl
发布帖子, 添加与父组件的响应事件 – postCommentFinish
评论列表CommentListItem
每发表一个新评论, 就把后端返回的数据(回复评论下的所有评论) 中最后一个数添加到父级评论数组中 postCommentFinish
一级评论直接把评论列表更新为后端返回的数据
二级评论添加到评论列表的子级中
处理 ...
借助element的图片预览组件
功能
当点击点击遮罩层时, 关闭 preview hide-on-click-modal
预览图片时, 关闭页面的鼠标滚轮 stopScroll
可以在图片预览处切换查看的图片 imageList
基础封装1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<script setup>import { ref } from 'vue'const props = defineProps({ imageList: { type: Array, },})//开始预览的const previewImageIndex = ref(null)//关闭图片预览const closeImgViewer = () => { startScroll() previewImageIndex. ...
