![[送心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_56.5777828.png)
白色小甜羊
获得徽章 2
- #青训营笔记创作活动#
1月30日 打卡day7
主要学习了通过第三方库实现文档的在线预览功能，将其封装成preview组件。
docx需要使用docx-preview插件。
首先要安装docx-preview。接着创建一个容器标签，引用并创建渲染函数。
PDF需要用PDFJS插件，通过文件流解析到canvas实现预览效果。展开评论点赞 - #青训营笔记创作活动#
1月29日 打卡day6
主要学习了技术领域值得学习的低代码开源项目，可以通过简单的拖拽和配置即可实现业务应用的搭建，能够在多数业务场景下实现大幅度提效降本。评论点赞 - #青训营笔记创作活动#
1月28日 打卡day5
主要学习了css的7个属性，如
position：sticky实现标题滚动时各个标题贴着顶部标题移动。
：empty选择器可以选中内容为空的容器，通过伪元素给选中的空容器添加提示。
gap属性可以让每个元素隔开一定的px值。
background-clip：text可以实现一个带图片背景的文字效果。
user-select可以实现禁用光标选中，让网页看起来和移动端一样。
：invalid实现校验提示。
：focus-within伪类表示一个元素或该元素的后代元素获得焦点。即子元素的状态改变父元素的样式。
mix-blend-mode：difference描述元素的内容与元素的直系父元素的内容与背景如何混合。
展开评论点赞 - #青训营笔记创作活动#
1月26日 打卡day4
主要学习了通过css实现类似“节流”的功能——控制一个动画的状态变化，如按钮的禁用状态变成可点击状态，每当点击按钮，按钮会变为禁用状态直至达到我们设定的时间才可重新点击。也可以使用transition回调函数设置变换按钮禁用态。展开评论点赞
