获得徽章 14
- #青训营笔记创作活动#
2月23日 打卡day42
找到当前要移动的元素, 然后动态改变它的位置, 由于每个元素都设置唯一的key, 所以当元素被选中的时候就可以根据key找到此元素, 并只对该元素进行操作。
评论点赞 - #青训营笔记创作活动#
2月22日 打卡day41
clickBlock.bind(null, imgDom, this)中,传递了两个参数,分别是imgDom和this, this就是指向了当前的映射元素Class Block,imgDom指向了我们映射元素生成的真实DOM,我们全部传给了clickBlock方法。
展开评论点赞 - #青训营笔记创作活动#
2月21日 打卡day40
了解了用 pixi.js 来完成一个水波交互动画,包括了水体扭曲和点击水波扩散的效果的实现,主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
评论点赞 - #青训营笔记创作活动#
2月20日 打卡day39
background-clip:background-clip 设置元素的背景(背景图片或颜色)是否延伸到边框、内边距盒子、内容盒子下面。
评论点赞 - #青训营笔记创作活动#
2月19日 打卡day38
React Hooks 作为 React 库的重要补充,它使函数组件能够以新的方式编写、重用和共享 React 代码,但不规范的使用也会导致性能降低。
评论点赞 - #青训营笔记创作活动#
2月18日 打卡day37
实现图片预览/查看的关键点在于 CSS3 中的 transform 变换,该属性应用于元素在2D或3D上的旋转,缩放,移动,倾斜等等变换。
评论点赞 - #青训营笔记创作活动#
2月17日 打卡day36
使用index作为key时,在删除数据时,因为vue不会深入地区对比子组件的文本内容,所以会错误移除VDOM中的节点(index的值是不固定的)。
评论点赞 - #青训营笔记创作活动#
2月16日 打卡day35
引导页核心功能:一是 高亮部分,二是 引导部分
两点功能就是 引导部分 跟着 高亮部分 移动,并且添加一些简单的动画或过渡效果即可。
评论点赞 - #青训营笔记创作活动#
2月15日 打卡day34
策略模式就是将一系列算法封装起来,并使它们相互之间可以替换。被封装起来的算法具有独立性,外部不可改变其特性。
评论点赞 - #青训营笔记创作活动#
2月14日 打卡day33
相比于 Vuex,Pinia 删减了复杂的概念,简化了数据流转的过程,现在只剩下了 store、state、getters、actions 这四个核心概念。
评论点赞