hll2023
获得徽章 1
赞了这篇文章
#青训营笔记创作活动#
2月12日 打卡day9
今日学习 git指令
Git有四个工作区
工作区 平时开发改动的地方。
暂存区:通过git add后，工作区的文件会被移入暂错区。
本地仓库 位于自己的电脑上，通过git commit提交暂存区的内容进入本地仓库
远程仓库 用于托管代码的服务器，远程仓库的内容能被分布在多个地点的处于协作关系的本地仓库修改，本地仓库修改完代码后通过git push命令同步代码到远程仓库。
2月12日 打卡day9
今日学习 git指令
Git有四个工作区
工作区 平时开发改动的地方。
暂存区:通过git add后，工作区的文件会被移入暂错区。
本地仓库 位于自己的电脑上，通过git commit提交暂存区的内容进入本地仓库
远程仓库 用于托管代码的服务器，远程仓库的内容能被分布在多个地点的处于协作关系的本地仓库修改，本地仓库修改完代码后通过git push命令同步代码到远程仓库。
展开
评论
点赞
#青训营笔记创作活动#
2月 11日 打卡day8
今日学习 浏览器调试技巧
console.error
console.warn
console.assert
console.dir
console.table
console.time console.timeEnd
断点调试
条件断点
查找对应文件Ctrl+p
查找对应行 ctrl+p :
dom断点
2月 11日 打卡day8
今日学习 浏览器调试技巧
console.error
console.warn
console.assert
console.dir
console.table
console.time console.timeEnd
断点调试
条件断点
查找对应文件Ctrl+p
查找对应行 ctrl+p :
dom断点
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡day7
今日学习 实用的css属性
1.css选择器里的符号
空格 后代关系
> 父子关系
+ 相邻的两兄弟关系，第二个选择器必须跟在第一个选择器之后
～ 一般的兄弟关系，第二个选择器不必紧跟第一个
* 所有子元素
2. : empty选择器
代表没有子元素的元素，子元素只可以是元素节点或文本(包括空格)
使用: empty选中内容为空的容器，然后通过伪元素为空容器添加相应提示(比如，暂无数据)
3. background-clip:text
做带背景的文字效果
4. user-select: none 禁用光标选中
5. : invalid 任意内容未通过验证的元素，可检验提示效果
6. : focus-within 一个元素获得焦点或该元素的后代获得焦点就会匹配上该元素。
可根据子元素的状态来改变父元素的样式。
2月10日 打卡day7
今日学习 实用的css属性
1.css选择器里的符号
空格 后代关系
> 父子关系
+ 相邻的两兄弟关系，第二个选择器必须跟在第一个选择器之后
～ 一般的兄弟关系，第二个选择器不必紧跟第一个
* 所有子元素
2. : empty选择器
代表没有子元素的元素，子元素只可以是元素节点或文本(包括空格)
使用: empty选中内容为空的容器，然后通过伪元素为空容器添加相应提示(比如，暂无数据)
3. background-clip:text
做带背景的文字效果
4. user-select: none 禁用光标选中
5. : invalid 任意内容未通过验证的元素，可检验提示效果
6. : focus-within 一个元素获得焦点或该元素的后代获得焦点就会匹配上该元素。
可根据子元素的状态来改变父元素的样式。
展开
评论
点赞
#青训营笔记创作活动#
2月9日 打卡day6
今日学习 css函数
var() 自定义属性值，先在:root上使用自定义属性。
url() 指向一个资源
repeat() 列表的重复片段
minmax() 定义一个长宽范围的闭区间，用于grid布局
min() max()取最大/最小
counters() 计数器
clamp(最小值，首选值，最大值) 将一个值限制在一个上限和下限之间
calc()允许在声明css属性值时执行一些计算，+-运算符两边必须有空白字符
2月9日 打卡day6
今日学习 css函数
var() 自定义属性值，先在:root上使用自定义属性。
url() 指向一个资源
repeat() 列表的重复片段
minmax() 定义一个长宽范围的闭区间，用于grid布局
min() max()取最大/最小
counters() 计数器
clamp(最小值，首选值，最大值) 将一个值限制在一个上限和下限之间
calc()允许在声明css属性值时执行一些计算，+-运算符两边必须有空白字符
展开
评论
点赞
#青训营笔记创作活动#
2月8日 打卡day5
今日学习 借助CSS监听事件
相对于定时器而言，css在控制定时器的开启和暂停上更有优势。
: hover和: active配合transition延时、transitioned事件监听可以实现鼠标经过延时触发效果和长按触发效果。
css动画设置infinite无限播放后配合animationiteration监听可实现周期性触发效果，其中: hover可控制动画的暂停和播放。
2月8日 打卡day5
今日学习 借助CSS监听事件
相对于定时器而言，css在控制定时器的开启和暂停上更有优势。
: hover和: active配合transition延时、transitioned事件监听可以实现鼠标经过延时触发效果和长按触发效果。
css动画设置infinite无限播放后配合animationiteration监听可实现周期性触发效果，其中: hover可控制动画的暂停和播放。
展开
评论
点赞