学三件套时, .学长分享的好用工具, 当时有许多看不懂(现在也是).避免以后遗忘, 把它搬到这里来
有些东西这里不方便分享, 留个坐标, 只有我自己能看文件夹位置 "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: { ...
定义全局变量在 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 ...
参考资料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 ...
前端路由傻傻分不清？route和router的区别，看完这篇别再搞混了！一、前言：为什么这俩玩意儿容易搞混？刚学前端路由时，我也被route和router搞得头晕眼花，面试还被问：”你能说说$route和$router的区别吗？” 我支支吾吾半天，面试官的表情逐渐凝固… 😅
今天，我们就来彻底搞懂这俩兄弟，让你以后再也不怕面试官的灵魂拷问！
二、一句话总结router（路由器） ：是管理路由的老大，负责整个路由的跳转、拦截、传参等。route（路由信息） ：是当前激活的路由对象，存储当前页面的路径、参数、查询参数等信息。
举个栗子 🌰：
router 就像快递公司的调度中心，决定包裹（页面）怎么配送。route 就像你手里的快递单，记录当前包裹（页面）的信息（地址、收件人、订单号等）。
三、代码实战：Vue里的route和router1. router（Vue Router实例）router是全局路由管理器，负责跳转、拦截、动态路由等操作。
123456789101112131415// 在Vue组件里使用export default { methods: { ...
前端学习学习路线跟着发的视频学就可以了，一定要记笔记 (东西很多会忘)
我是整体跟着这套视频学下来的，但是学完之后的感觉就是内容很杂很多，学的过程中也不知道哪些是重点，所以有必要在这里列一下哪些是着重需要关注的知识。
总之所有视频都要看一遍，按照自己的节奏来，不需要赶进度，重点一定要自己都理解了。
三件套HTML部分
可以适当倍速看，很多标签其实不用学，重点学会 HTML基础结构 + 标签div、h、a、img、iframe、table(后面两个其实已经过时了，但面试会问) + 浏览器原理(面试) + URL(面试)
CSS部分
👇目前常用的，也就是必须掌握的：
文本字体属性
伪元素+伪类
选择器理解+笔记记好就ok、后期的话要会用深度选择器
flex布局、绝对定位、相对定位、浮动、粘性定位(面试)
居中 (要学会所有居中方式)
盒子模型
在CSS基础学完后，跟着做一个完整的页面(我们当时做的是视频里的网易云)，跟着视频做一遍CSS基本上都会用了。（后面仿王者荣耀的我们没做，如果你觉得对CSS力不从心的话可以继续做，基本做一个就🆗了）
这部分笔记一定要记好，以后可能会经常翻出 ...
