定义全局变量在 main.ts 里定义全局变量
12345app.config.globalProperties.globalInfo = { bodyWidth: 1300,}
在组件中引用全局变量
123456789101112131415161718<template> <div class="header"> <div class="header-content" :style="{width: proxy.globalInfo.bodyWidth + 'px'}" > </div></div></template><script setup>import {ref, getCurrentInstance} from 'vue'const {proxy} = getCurrentInstance() ...
前言2025-9 原版链接仓库链接
一些东西按照自己的理解写了一下, 最后实现的功能暂时没什么问题
组件库 : element
基础表单封装作用 : 表单的壳子, 实现标题和最后 “登录/注册/重置表单”的渲染部分
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990<script setup>const props = defineProps({ show: { type: Boolean, default: true, }, title: { type: String, default: '标题', }, showClose: { type: B ...
前端路由傻傻分不清？route和router的区别，看完这篇别再搞混了！一、前言：为什么这俩玩意儿容易搞混？刚学前端路由时，我也被route和router搞得头晕眼花，面试还被问：”你能说说$route和$router的区别吗？” 我支支吾吾半天，面试官的表情逐渐凝固… 😅
今天，我们就来彻底搞懂这俩兄弟，让你以后再也不怕面试官的灵魂拷问！
二、一句话总结router（路由器） ：是管理路由的老大，负责整个路由的跳转、拦截、传参等。route（路由信息） ：是当前激活的路由对象，存储当前页面的路径、参数、查询参数等信息。
举个栗子 🌰：
router 就像快递公司的调度中心，决定包裹（页面）怎么配送。route 就像你手里的快递单，记录当前包裹（页面）的信息（地址、收件人、订单号等）。
三、代码实战：Vue里的route和router1. router（Vue Router实例）router是全局路由管理器，负责跳转、拦截、动态路由等操作。
123456789101112131415// 在Vue组件里使用export default { methods: { ...
参考资料pinia的使用(原链接)Pinia支持compositionApi同时也兼容optionsApi(this指向)Pinia可以采用多个store,store之间可以互相调用（扁平化），不用担心命名冲突问题
Pinia基本使用组合式 与 选项式 写法
123456789101112131415161718192021222324252627282930313233343536import {defineStore} from '../pinia/store'import {ref, computed} from 'vue'export const useCounterStore = defineStore('counter', ()=>{ const count = ref(0) const double = computed(()=>{ return count.value * 2 }) const ...
前端学习学习路线跟着发的视频学就可以了，一定要记笔记 (东西很多会忘)
我是整体跟着这套视频学下来的，但是学完之后的感觉就是内容很杂很多，学的过程中也不知道哪些是重点，所以有必要在这里列一下哪些是着重需要关注的知识。
总之所有视频都要看一遍，按照自己的节奏来，不需要赶进度，重点一定要自己都理解了。
三件套HTML部分
可以适当倍速看，很多标签其实不用学，重点学会 HTML基础结构 + 标签div、h、a、img、iframe、table(后面两个其实已经过时了，但面试会问) + 浏览器原理(面试) + URL(面试)
CSS部分
👇目前常用的，也就是必须掌握的：
文本字体属性
伪元素+伪类
选择器理解+笔记记好就ok、后期的话要会用深度选择器
flex布局、绝对定位、相对定位、浮动、粘性定位(面试)
居中 (要学会所有居中方式)
盒子模型
在CSS基础学完后，跟着做一个完整的页面(我们当时做的是视频里的网易云)，跟着视频做一遍CSS基本上都会用了。（后面仿王者荣耀的我们没做，如果你觉得对CSS力不从心的话可以继续做，基本做一个就🆗了）
这部分笔记一定要记好，以后可能会经常翻出 ...
blog
未读创建一个文件夹
在文件夹打开git
1git clone -b main https://github.com/jerryc127/hexo -theme-butterfly .git themes/butterfly
应用主题修改Hexo 根目录下的_config.yml，把主题改为butterfly
1theme: butterfly
安装插件下载安装渲染器：
1npm install hexo -renderer-pug hexo -renderer-stylus --save
重中之重
在hexo 的根目录创建一个文件_config.butterfly.yml，并把主题目录的_config.yml 内容复制_config.butterfly.yml到 去。
注意:
复制的是主题的_config.yml，而不是hexo 的_config.yml
不要把主题目录的_config.yml删掉
以后只需要在_config.butterfly.yml进行配置就行。如果使用了_config.butterfly.yml， 配置主题的_config.yml将不会有效果。
Hexo ...
1234567891011文档指路https://butterfly.zhheo.com/create.html我的主题色 : rgb(191, 219, 221)加载动画 (安知鱼)https://blog.anheyu.com/posts/52d8.html导航栏修改(安知鱼)https://blog.anheyu.com/posts/8e53.html试了一下, 每次改完网站就挂了(细节处理太麻烦了), 以后再试试其他主题
上面这些适合想要完全按照自己喜好搭建博客的仔仔啊
但是框框太懒了, 搭一半就放弃了 , 直接去用别人现成的主题去了
找到了一个现成的主题(安知鱼)https://docs.anheyu.com/intro.html
基本clone下来就可以了, 不需要过多的配置, up主已经帮我们配好了
同时推荐一下这个up主发的部署视频(默认你已经有github了啊)07.通过github page部署至互联网
记得将autodeploy.yml中的node版本改成自己电脑上的版本哦, node-version: "22.x"
自动部署, 完成之后只需 ...
路漫漫其修远兮, 路还长, 一切才刚刚开始
总体来讲, 我的大学生活算是幸运的了
冥冥之中, 自有定义初识Lec2024-07说来也巧, 加入学校官方新生群后, 并没有很多卖卡卖被子(就一两个) 的”热心” 学长学姐加我, 所以我眼中的西柚学长学姐们都是十分善良的
也正是因为这一点, 在看到计算机团队在招新宣传的时候, 我才没有把团队归为社团, 部门这类相对没有意义的组织(就像一位学长说的: “能加入lec, 本身就是莫大的缘分. 有人不相信所谓的团队招新, 认为是推销骗子; 有人哪怕加入了招新群, 但在暑假没有准备开学的考试. 我们能顺利加入团队, 本身就是lec最好的选择与安排”)
2024-08感谢当时充满好奇心的我啊, 挑选了一个当时在群里发言比较积极, 看着十分乐于助人的学长(后来知道, cxh学长是lec团队非常优秀的一个人, 不仅技术好, 人也很好相处, 经常在群里发一些有用的资料 (框框经常看这个学长的blog, 争取像他一样, 进大厂!)). 后来么, 就被拉入了lec招新群.
转折点开始!
就此框框也是知道团队的存在了, 不止lec, 当时我基本把所有的计算机团队 ...
框框灵机一动, 想在手机上面也能访问github, 这里做个记录, 免得之后忘记怎么设置了
前提我现在的手机型号是 oppo Pro12, 安卓, 电脑用的是clash verge, 节点购买的 赔钱机场
网上的资料使用电脑clash verge给手机共享代理【电脑上的准备】
1.首先打开clash verge的设置界面，打开“局域网连接”，若弹出防火墙提示，请选择允许访问
2.使用win+r快捷键，在弹出页面输入“cmd”并点击确定或回车
3.在新弹出的页面中输入”ipconfig/all“并回车
4.在显示的列表中找到“ IPv4 地址 . . . . . . . . . . . . :”一栏
【手机上的设置】
1.进入网络设置中的wifi设置，通常在你连接的wifi右侧会有感叹号图标，或者长按可以修改网络具体设置，若没有，请自行在网上查询您所使用的设备如何设置手动代理
2.在网络的具体设置中找到代理设置，通常默认为关闭，请将其设置为手动
3.在服务器一栏内填写上方电脑中获取到的ipv4地址（通常格式为192.168..或10.236..）
4.在端口一栏填写clash ...
