Github
未读新版git推送注意点一切的开始
1git init
旧版本Git指令会默认创建一个本地的master分支
我是win 2.42版本
但是
在较新的GitHub的新仓库中，默认的初始分支名称已经从master变更为main
如果我们直接一套推送上去会直接推送到远程仓库，会直接推送到远程的master分支上，而当前默认的主分支main上没有东西
然后我去尝试了一下更新Git版本
访问Git for Windows官方网站，安装最新版Git 2.47
然后我发现git init还是默认master分支
最后还是先养成习惯
1git init -b main
切到指定分支创建
接下来
连接远程
1git remote add origin 仓库地址
推送三件套
123git add .git commit -m "注释"git push -u origin main
gitgit 的运行机制1git分为本地仓库和远程仓库，我们一般情况都是写完代码，commit到本地仓库（生成本地仓的commit ID，代表当前提交代码的版本号），然后push到远程仓库（记录这个版本号）
git config(配置)一个系统只需要配置一次
12git config --global user.name "chen"git config --global user.email "xxx@qq.com"
文件的状态查看1git status
未跟踪1//add .前
已跟踪123staged //暂缓区中的文件状态,也就是indexUnmodified //commit命令，可以将staged中文件提交到Git仓库Modified //修改了某个文件后，会处于Modified状态;
SSH密钥
获取git仓库操作流程图
git上创建新仓库
1234567界面右上角"+"New repository仓库名字加描述Create repository
建立本地仓库
123456文件根目 ...
Github
未读GitHub自动化部署通过 GitHub Actions 实现「提交代码 → 自动构建 → 生成 Releases」
实现步骤
**在本地仓库中创建 **.github/workflows/build.yml
1234567891011121314151617181920212223242526272829303132name: Build and Releaseon: push: tags: - 'v*' # 当打 tag 时触发jobs: build: runs-on: windows-latest steps: - uses: actions/checkout@v4 - name: Install Node.js uses: actions/setup-node@v3 with: node-version: 20 - name: Install PNPM run: npm install -g pnpm - name: Install Dependenci ...
var/let/const区分作用域var 和 let 的作用域规则一样
1函数外，是全局执行上下文，函数里，是当前函数执行上下文。//声明的变量的作用域只能是全局或者整个函数块的。
重复声明var 允许，let/const不允许
12345function test() { var a = 3; var a = 4; console.log(a) // 4}
let是块级作用域
const只能在声明它们的块级作用域中访问
const/let在块级作用域外无法访问内部变量！
1234if(true){ const a=1;}console.log(a)
绑定全局变量在全局环境声明变量，var会在全局对象里新建一个属性，let/const不会
12345var foo = 'global'let bar = 'global'console.log(this.foo) // globalconsole.log(this.bar) // unde ...
TS类型（interface）声明1234567let a: string //变量a只能存储字符串let b: number //变量a只能存储数值let c: boolean //变量a只能存储布尔值// 参数x必须是数字，参数y也必须是数字，函数返回值也必须是数字function demo(x:number,y:number):number{ return x + y}
总览12345string 、 number 、 boolean 、 null 、 undefined 、 bigint 、 symbol 、 object(Array 、Function 、Date ......)(新)void 、 never 、 unknown 、 any 、 enum 、 tuple(自定义)type 、 interface
常用类型字面量1值只能是字⾯量值 （值本身）
any123456789101112131415//显式的anylet a: anya = 100a = '你好'a = false//隐式的anylet bb = 100b ...
页面circle加载动画
HTML1234<div class="container"> <div class="circle"></div> <span>loding......</span></div>
CSS123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869* { margin: 0; padding: 0; box-sizing: border-box;}body { width: 100%; height: 100vh; /* border: 10px solid red; */}.container { position: relative; wid ...
页面预加载本文实现了
1.预加载转圈动画+加载完毕销毁组件
2.开屏蒙版特效（after资源加载完毕）
3.主页背景图模糊+缩放动画（after资源加载完毕）
代码结构HTML1234567<!-- 加载动画 --><div class="svg"> <div class="container"> <div class="circle"></div> <span>loding......</span> </div></div>
门板123<!-- 门板 --><div class="left"></div><div class="right"></div>
主页面12<!-- 主页面 --><img class="page" src=&quo ...
组件通信父子双传props父传子
子传父
v-model（双向绑定）表单
12345//用在html标签<input type="text" v-model="username">//用在组件标签上<组件 v-model="username"/>
父传子$refs改变子的玩具
让所有子的书变多
默认插槽
具名插槽
子传父自定义父组件
1<Child @send-toy="toy = $event"/>
子组件
1this.$emit('send-toy', 具体数据)
$parent减少父的房产
作用域插槽params 作为对象
祖传孙$attrs
provide（配 inject）
孙传组inject（配 provid）
兄弟传mitt安装
1npm i mitt
/utils/emitter
12345678//引入mittimport mitt from 'mitt'// 调用 ...
路由
router/index.ts
1234567891011121314151617import { creatRouter, createWebHistory } from 'vue-router'import 自定义名1 from '../pages/组件1.vue'import 自定义名2 from '../pages/组件2.vue'export default createRouter({ history: createWebHistory(), routes:[ { path:'/自定义路由名1' component:/自定义名1, }, { path:'/自定义路由名2' component:/自定义名2, }, ],})
App ...
