前提:因交叉学科老师要求交一个v-log, 但拍摄小白根本不会拍摄. 只能靠网上的资源现拼接啦.但是B站居然没有下载视频这一功能, 所以有了这篇帖子
安装首先! 你必须要有一个 python 环境
然后进入点击这个仓库链接 yutto
克隆该仓库
打开控制台, 或者git, 进入克隆该仓库的文件夹
运行 pip install yutto-2.0.3-py3-none-any.whl
等待安装依赖, 接着运行 pip install yutto
恭喜你! 现在你可以下载各种各样的B站2视频啦
下载操作复制视频链接
运行 yutto + 视频链接
欧克, 视频已经安装到你的电脑文件夹上面啦! (默认安装在你克隆的仓库的文件夹里面哦)
功能介绍将帖子内部的标题提取出来, 按照层级顺序将他们呈现在目录上, 方便用户浏览大致内容
随着用户滑动界面, 目录会显示用户浏览的位置(具体表现为对应的标题演示变化, 加上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. ...
学三件套时, .学长分享的好用工具, 当时有许多看不懂(现在也是).避免以后遗忘, 把它搬到这里来
有些东西这里不方便分享, 留个坐标, 只有我自己能看文件夹位置 "D:\front\前端学习.md"
分享
❗ 注：还是按自己学习主线走，大部分只是闲下来拿来玩玩不要太投入了哈哈，这里仅作一个分享
其实很多我也没咋用过，学会了浇浇我♿
更多的平时可以多逛逛 掘金社区 或者 b站
你可能会需要的谷歌邮箱
这个注册比较看运气，而且需梯子，不过能有一个的话最好了
2025 Gmail注册教程｜跳过+86手机号验证，0失败保姆级注册方法！适用国内用户_哔哩哔哩_bilibili
沉浸式翻译
一键自动翻译网页，好像需要有谷歌账号
沉浸式翻译 - 双语对照网页翻译插件 | PDF翻译 | 视频字幕翻译
常用技能学习learn git branching
用来学习git基础操作（我也好多不会额啊啊啊）
Learn Git Branching
lodash
现代JS工具函数库，网上很多项目都会接触这个库的函数，在跟着做项目时如果有引用的可以来这里找
Lodash 简介 ...
位置: src下的router文件
安装和设置路由导入mian.js, , 并使用 app.use(router)
12345678910111213141516import{createRouter, createWebHistory,createWebHashHistory} from 'vue-router'const routes = [ { path: '/', component: () => import ("../views/index.vue") },]const router = createRouter({ history: createWebHistory(), // history: createWebHashHistory(), routes})export default router
配置路径别名打开vite.config.js文件导入 import path from ...
easybbs
未读前端路由傻傻分不清？route和router的区别，看完这篇别再搞混了！一、前言：为什么这俩玩意儿容易搞混？刚学前端路由时，我也被route和router搞得头晕眼花，面试还被问：”你能说说$route和$router的区别吗？” 我支支吾吾半天，面试官的表情逐渐凝固… 😅
今天，我们就来彻底搞懂这俩兄弟，让你以后再也不怕面试官的灵魂拷问！
二、一句话总结router（路由器） ：是管理路由的老大，负责整个路由的跳转、拦截、传参等。route（路由信息） ：是当前激活的路由对象，存储当前页面的路径、参数、查询参数等信息。
举个栗子 🌰：
router 就像快递公司的调度中心，决定包裹（页面）怎么配送。route 就像你手里的快递单，记录当前包裹（页面）的信息（地址、收件人、订单号等）。
三、代码实战：Vue里的route和router1. router（Vue Router实例）router是全局路由管理器，负责跳转、拦截、动态路由等操作。
123456789101112131415// 在Vue组件里使用export default { methods: { ...
