秋风为画扇的个人主页 - 动态

#青训营笔记创作活动#
2月18日打卡day11 今日学习
Vite项目适配屏幕的两种方案
1. 基于rem的适配方案
安装依赖

#青训营笔记创作活动#
2月16日打卡day13
今日学习: 用CSS实现节流
需要用到pointer-events animation :active
控制一个动画的精准控制，假设有一个动画控制按钮从禁用到可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了节流的效果

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月14日打卡day34
学习内容: 使用逻辑运算来代替if-else
有条件赋值或者递归时考虑使用三元运算符
switch case
对象配置/策略模式

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月13日打卡day21
学习内容: 一个新的包管理器——pnpm
对比yarn/npm优势在于: 包的安装速度快，磁盘空间利用高效
支持monorepo
安全性高
使用起来很简单

展开

青训营-快乐出发

关注了

3年前

#青训营笔记创作活动#
2月12日打卡day29
学习内容对package.json文件的配置项了解得不深，这篇文章写得很详细
bugs: 项目bug的反馈地址
license: 项目的来源许可证
type: 使用了ES模块化，如果不想修改后缀名，可以在配置文件中将type字段设置为module
main: 指定项目的入口文件

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月11日打卡day19
今日学习: 浏览器调试技巧
1. 当有多个变量需要调试输出时，可以加一个大括号，借助ES6的属性的简洁表示法，可以更直观地查看
2. console.time 和 console.timeEnd用于计算代码的执行时间
3. console.dir输出DOM节点对应的JS对象映射
4. 条件断点
5. VS Code 断点

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月10日打卡 day5
今日学习 1. 计算距离下次生日还有多少天
2. 回到顶部
3. 复制文本
4. 实现防抖与节流
5. 过滤特殊字符
6. 检测是否是一个函数、检测是否为一个安全数组、检测对象是否为安全对象

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月9日打卡day 43
今日学习 1. 颜色选择器通常需要复杂的js代码实现，但是现在可以直接通过设置input标签属性来实现了
<input type="color" value="#FF99FF" />
2. 使用纯css实现"打字效果"
3. 使用css实现滑顶/触底效果
4. 实现切图

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月5日打卡 day44
今日学习: 很常用，但是我记不住的git指令

git branch 查看本地分支
git branch -d [branch name] 删除本地分支
git fetch --all 获取所有远程仓库所有分支的更新
git merage 用于合并分支
git rebase master 分支变基
git reset 退回某一次提交的版本
git log 查看commit记录

展开

青训营-快乐出发

3年前

#青训营笔记创作活动#
2月1日打卡 day36
今日学习: 在vue中使用index作为key，会导致diff中的优化失效，降低了复用性，违背了虚拟DOM的初衷，当对序列进行破坏顺序的操作时，甚至还会发生错误。更不能使用随机数作为key，因为key值无论是删除还是反转，根本就不可能找到相同的值，diff算法就毫无意义了，没有复用性可言

展开

青训营-快乐出发