MapleTx
获得徽章 1
- #青训营笔记创作活动#
1月30日 打卡day6
今日学习
了解了package.json的一些配置，了解这些常见配置让我对前端项目中的package文件有了更多认识，其中的scripts配置可以让项目启动更便捷，dependence配置的解读让我对使用到的依赖更加了解。展开评论点赞 - #青训营笔记创作活动#
1月17日 打卡day5
今日学习
使用vue框架，仅用500行代码即可实现羊了个羊小游戏，在游戏地图由一层一层的二维数组组成，通过一层层的遍历可以得到coverMap，对每个元素可以判定其是否被遮挡，不被遮挡的元素才可以点击。其核心逻辑，就是pending栏集齐三个就消掉，作者用了cardItem来表示一个个的卡片实例，用calcValueList储存pending栏里面每个实例的数量，点击苹果的时候，那pending栏里面苹果的值就加一，如果某个实例在pending栏里面数量为3了，就消掉。展开评论点赞 - #第五届青训营阅读打卡#
1月16日 打卡day3
今日学习
1. :hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
2. :active配合transition延时、transitionend监听可以实现长按触发效果
3. CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果
4. 可以直接通过:hover来控制台动画的暂停和播放展开评论点赞 - #青训营笔记创作活动#
1月15日 打卡day3
今日学习 从文中学到了一些需求的便捷实现方法，比如用empty提示用户接口没有数据；用position sticky实现标签吸顶的功能，都是有用的小技巧。评论点赞 - #青训营笔记创作活动#
1月14日 打卡day2
今日学习 学到js一些小方法的实现，比如用计时器去实现丝滑地滑动到顶部，还有一些常用的正则判断方法，以及检测是否为指定对象的方法。评论点赞 - #青训营笔记创作活动# 1月13日，打卡day1
今日学习：对于前端工具比较感兴趣于是看了这篇文章，其中的css动画网站很有帮助，不仅可以直观看到css动画，选择合适的动画，还可以通过代码学习其中的思路。看到免费的部署网站surge和JSON格式化网站也是不错的收获。评论点赞