获得徽章 17
- #青训营笔记创作活动# 2月8日，打卡day41，今日学习《涨姿势了，这 4 个场景可用 CSS 完全取代 JS ~》总结：颜色选择器可以通过设置 input 标签属性，打字效果可以通过@-webkit-keyframes动画来实现、触底可以用smooth，切换图片可以用scroll-snap-type: x mandatory;展开评论点赞
- #青训营笔记创作活动# 2月7日，打卡day40，今日学习《从零开发几何画板(vue3 + vite版)》我认为这篇文章的重点是如何创建几何图形，这里主要通过计算属性规定他们的宽高，但是我不太了解，他那个圆形是如何实现的，也许原理都差不多吧评论点赞
- #青训营笔记创作活动# 2月6日，打卡day39，今日学习《有趣又逼真的水波交互动画》主要采用pixijs。pixi.js 内置的过滤器类DisplacementFilter ，它的作用是做贴图置换，做纹理偏移。通过不断改变x轴来实现纹理偏移水体扭曲的效果。水波的话可以用filtera插件，配置水波的运动来达到效果评论点赞
- #青训营笔记创作活动# 2月5日，打卡day38，今日学习了《超强的苹果官网滚动文字特效实现》，主要借助 background-clip，然后使用linear-gradient设置一个渐变背景，然后控制背景的position，这样子就能达到效果。或者使用 mix-blend-mode 实现，加上渐变背景也能达到第一种的效果评论点赞
- #青训营笔记创作活动# 2月4日，打卡day37，今日学习了《React Hooks 最佳实践 🔧》 总结：这篇文章特别适合vue转react的同学阅读，写hook的时候可以安装官方的eslint插件，这样就不用自己配置eslint。我们经常在useEffect中请求数据，不过要注意useEffect返回的是值而不是函数，所以要把函数独立出来。展开评论点赞
- #青训营笔记创作活动# 2月3日，打卡day36，今日学习了《原生JS手写一个优雅的图片预览功能，带你吃透背后原理》。总结：实现图片预览/查看的关键点在于 CSS3 中的 transform 变换，我之前实现这个功能采用了medium-zoom来实现评论点赞
- #青训营笔记创作活动# 2月2日，打卡day35，今日学习《不使用第三方库怎么实现【前端引导页】功能？》总结：实现引导页核心功能其实就两点：高亮部分和引导部分，高亮部分 通过 el.cloneNode(true) 复制对应目标元素节点，并将克隆节点添加到蒙层上，引导部分 通过 position: fixed 实现定位效果。评论点赞
- #青训营笔记创作活动# 2月1日，打卡day34，今日学习了《一个登录案例包学会 Pinia》。Pinia 号称下一代的 Vuex。他与vuex的不同是pinia精简了很多语法，让新手去上手状态管理库特别方便，而且api也更加简单，数据流转也特别清晰，如果是vue技术栈的同学，强烈推荐pinia。评论点赞
- #青训营笔记创作活动# 1月31日，打卡day33，今日学习了《前端实现docx、pdf格式文件在线预览》，总结 使用docx-preview插件，然后根据文档进行配置，如果要适应pdf的话，可以使用pdfjs这个插件，然后将文件解析到canvas上，其实最好的方法是后端解析成html或图片返回给前端渲染评论点赞