同性交友的技巧Git——Github，学前端开发技术

删除分支：git barnch -d a 删除a分支

强制删除分支 git barnch -D

测试密钥：ssh -T git@github.com

从命令行推送现有存储库

克隆：git clone

git clone GitHub - cookiecutter/cookiecutter: A cross-platform command-line utility that creates projects from cookiecutters (project templates), e.g. Python package projects, C projects., e.g. Python package projects, C projects.") 复制cookiecutter网站的cookiecutter文件到当前目录下

或 git remote add origin https://github.com/xiaochengcong/test.git

查看状态：git status

添加到git仓库：git add cookiecutter/

提交 git commit -m “描述符”

生成SSH key

生成密钥：ssh-keygen -t rsa

Linux/Mac 系统 在 ~/.ssh 下，win系统在 /c/Documents and Settings/username/.ssh 下，都是隐藏文件

第一步先在 GitHub 上的设置页面，点击最左侧 SSH and GPG keys ：

需要做的只是在 Key 那栏把 id_rsa.pub 公钥文件里的内容复制粘贴进去就可以了（上述示例为了安全粘贴的公钥是无效的），Title 那栏不需要填写，点击 Add SSH key 按钮就ok了。

SSH key 添加成功之后，输入 ssh -T git@github.com 进行测试，如果出现以下提示证明添加成功了。

…或在命令行上创建新的存储库

echo “# test” >> README.md git init git add README.md git commit -m “first commit” git branch -M main git remote add origin https://github.com/xiaochengcong/test.git git push -u origin main

…或从命令行推送现有存储库

提交代码：git push origin master

用户名和邮箱

git config --global user.name “stormzhang” git config --global user.email “stormzhang.dev@gmail.com”

alias

git config --global alias.co checkout # 别名 git config --global alias.ci commit git config --global alias.st status

其它配置

git config --global core.editor “vim” # 设置Editor使用vim

diff

git diff <$id1><$id2> # 比较两次提交之间的差异 git diff …# 在两个分支之间比较 git diff --staged # 比较暂存区和版本库差异

checkout

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-XV5l0mz2-1712077084762)]