
获得徽章 1
- #青训营笔记创作活动#
12.29 打卡Day14
今日学习:
常用Git指令
1. 工作流程
工作区
暂存区
本地仓库
远程仓库
2. 指令
git clone:将存储库克隆到本地
git init:在目录中创建新的Git目录
git remote:管理跟踪远程仓库
push -u origin master 本地仓库的master远程仓库的master关联
git checkout:切换分支
git branch:查看 创建 删除分支
git tag:创建 删除 查看标签
git add:将本地文件添加到暂存区
gir commit:将暂存区内容添加到本地仓库
git push:将本地分支推送到远程仓库
git pull:从远程仓库拉取代码并合并到本地当前分支
git fetch:从远程获取代码库
git cherry-pick:获取指定commit 可以将分支a上的commit1复制到分支b上
展开评论点赞 - #青训营笔记创作活动#
12.26 打卡Day13
今日学习:
对promise有进一步了解
避免回调地狱等
对异步async了解更深
原理理解更加透彻展开评论点赞 - #青训营笔记创作活动#
12.21 打卡Day11
今日学习:
CSS实用的几个函数
1. clamp()
接收参数:最小值 首选值 最大值
流体的尺寸和单位
装饰性元素 pc端和移动端
2. Max()
比较选择大的值
3. Min()
比较选择小的值
展开评论点赞 - #青训营笔记创作活动#
12.19 打卡Day10
今日学习:
CSS也可以防止按钮重复点击
1.思路
禁用点击事件 pointer-events
禁用时长 animation
触发时机 伪类:active
2. 实现过程
看代码
3. 评论
实际运用不大 可做开拓思维
loading展开评论点赞 - #青训营笔记创作活动#
12.17 打卡Day08
今日学习:
前端图片压缩
1. TinyPng
通过官网手动压缩
提供的tinify进行压缩
2. 开发工具
在图片上传前
webpack plugin
实现思路 看文章代码
#UI压缩后 存在aws资源服务器 会自动生成webp格式的压缩版
展开评论点赞 - #青训营笔记创作活动#
12.16 打卡Day 07
今日学习:
巧妙的css
1. position: sticky
粘性布局
2. :empty 选择器
在容器内容为空时,可以显示的类,也可以添加伪类选择器
3. gap属性
4. background-clip: text
设置带背景的文字
5. 各种伪类
如 :invalid
:focus-within
:mix-blend-mode:difference
展开评论点赞 - #青训营笔记创作活动#
12.15 打卡Day06
今日学习:
Esbuild
1. 是什么
基于Golang开发的一款打包工具 主打性能优势
2. 架构优势
多核并行 没有第三方库黑盒逻辑 高效利用内存
3. 与SWC对比
速度 兼容性较差 插件机制
4. 虚拟模块支持
与Rollup对比,Esbuild中对于虚拟模块的支持更加友好 编译能力,可以完成丰富的功能
5. 落地场景
代码压缩能力优秀 代替ts-node和ts-jest 第三方库Bundle 打包Node库 小程序编译 Web构建展开评论点赞 - #青训营笔记创作活动#
12.13 打卡Day 05
今日学习:
浅认识了webRTC
⚠️webRTC只能在https或localhost下使用
1. 是什么
一堆文字介绍,理解为 无需第三方情况下实现数据传输
2. 应用场景
直播 游戏 视频会议 屏幕共享...
3. 媒体流
展开评论点赞