白色小甜羊
获得徽章 2
#青训营笔记创作活动#
1月30日 打卡day7
主要学习了通过第三方库实现文档的在线预览功能，将其封装成preview组件。
docx需要使用docx-preview插件。
首先要安装docx-preview。接着创建一个容器标签，引用并创建渲染函数。
PDF需要用PDFJS插件，通过文件流解析到canvas实现预览效果。
1月30日 打卡day7
主要学习了通过第三方库实现文档的在线预览功能，将其封装成preview组件。
docx需要使用docx-preview插件。
首先要安装docx-preview。接着创建一个容器标签，引用并创建渲染函数。
PDF需要用PDFJS插件，通过文件流解析到canvas实现预览效果。
展开
评论
点赞
#青训营笔记创作活动#
1月29日 打卡day6
主要学习了技术领域值得学习的低代码开源项目，可以通过简单的拖拽和配置即可实现业务应用的搭建，能够在多数业务场景下实现大幅度提效降本。
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月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回调函数设置变换按钮禁用态。
1月26日 打卡day4
主要学习了通过css实现类似“节流”的功能——控制一个动画的状态变化，如按钮的禁用状态变成可点击状态，每当点击按钮，按钮会变为禁用状态直至达到我们设定的时间才可重新点击。也可以使用transition回调函数设置变换按钮禁用态。
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
1月17日 打卡day3
主要学习了前端必备实用工具与网站。包括在线编辑工具，优质项目参考，图标库，图片下载网站，快速部署建站，性能测评等工具，这些工具对前端学习有很大帮助。
1月17日 打卡day3
主要学习了前端必备实用工具与网站。包括在线编辑工具，优质项目参考，图标库，图片下载网站，快速部署建站，性能测评等工具，这些工具对前端学习有很大帮助。
评论
点赞
赞了这篇文章
赞了这篇文章
赞了这篇文章
#青训营笔记创作活动#
1月16日 打卡day2
主要学习了前端浏览器调试的方法——打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。
打印输出——有多个变量需要输出,可以添加一个中括号，同时借助ES6的属性的简洁表示法，可以更直观的查看变量对应。也可以在控制台输出警告信息,错误信息，计算代码段的执行时间。
断点的方式有两种:直接断点、代码断点。并学习了细分下断点的调试知识。
1月16日 打卡day2
主要学习了前端浏览器调试的方法——打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。
打印输出——有多个变量需要输出,可以添加一个中括号，同时借助ES6的属性的简洁表示法，可以更直观的查看变量对应。也可以在控制台输出警告信息,错误信息，计算代码段的执行时间。
断点的方式有两种:直接断点、代码断点。并学习了细分下断点的调试知识。
展开
评论
点赞