Yanyy
学生
获得徽章 1
#青训营笔记创作活动#
2月5日 day11
今日学习JavaScript 必须学会的11 个工具方法，学习了这些工具方法可以避免在编码过程中重复造轮子，提高代码的复用率，其中回到顶部，通过计时器去滚动，可以实现对回到顶部的优化，更丝滑。
2月5日 day11
今日学习JavaScript 必须学会的11 个工具方法，学习了这些工具方法可以避免在编码过程中重复造轮子，提高代码的复用率，其中回到顶部，通过计时器去滚动，可以实现对回到顶部的优化，更丝滑。
展开
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day10
在线预览的业务需求，通过第三方库来实现文档预览功能，并将其封装成preview组件。
docx:docx的实现需要使用docx-preview插件,创建容器标签，再引入并创建渲染函数；
pdf：pdf的预览需要使用PDFJS这个插件,通过将文件流解析写到canvas上实现预览效果，插件引入和使用后需要考虑pdf文件的缩放渲染，实现多格式的文件渲染函数映射，以执行对应格式的文件渲染，需要增加不支持的文件提示处理。
2月4日 打卡day10
在线预览的业务需求，通过第三方库来实现文档预览功能，并将其封装成preview组件。
docx:docx的实现需要使用docx-preview插件,创建容器标签，再引入并创建渲染函数；
pdf：pdf的预览需要使用PDFJS这个插件,通过将文件流解析写到canvas上实现预览效果，插件引入和使用后需要考虑pdf文件的缩放渲染，实现多格式的文件渲染函数映射，以执行对应格式的文件渲染，需要增加不支持的文件提示处理。
展开
评论
点赞
#青训营笔记创作活动#
2月3日 打卡day9
今日学习package.json配置中的描述配置和文件配置，描述配置包含的主要是项目的基本信息，包括名称，版本，描述，仓库，作者等，文件配置；文件配置包括项目所包含的文件，以及入口等信息。
2月3日 打卡day9
今日学习package.json配置中的描述配置和文件配置，描述配置包含的主要是项目的基本信息，包括名称，版本，描述，仓库，作者等，文件配置；文件配置包括项目所包含的文件，以及入口等信息。
展开
评论
点赞
#青训营笔记创作活动#
2月2日 打卡day8
今日学习一些惊艳的CSS属性，其中background-clip: text用于给较大的文字添加背景；mix-blend-mode:difference 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合，其中，difference 表示差值。尤为惊艳。
2月2日 打卡day8
今日学习一些惊艳的CSS属性，其中background-clip: text用于给较大的文字添加背景；mix-blend-mode:difference 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合，其中，difference 表示差值。尤为惊艳。
展开
评论
点赞
#青训营笔记创作活动#
2月1日 打卡day7
今日学习包管理器pnpm，相较于npm和yarn，pnpm安装包速度快、可以更高效地利用磁盘空间、支持monorepo且安全性更高。
2月1日 打卡day7
今日学习包管理器pnpm，相较于npm和yarn，pnpm安装包速度快、可以更高效地利用磁盘空间、支持monorepo且安全性更高。
评论
点赞
#青训营笔记创作活动#
1月31日 打卡day6
今日学习浏览器调试技巧，包含console、breakpoint、条件断点、DOM断点、VSCode断点，不同情境下选择不同方式调试浏览器可以提高开发效率和解决问题的能力。
1月31日 打卡day6
今日学习浏览器调试技巧，包含console、breakpoint、条件断点、DOM断点、VSCode断点，不同情境下选择不同方式调试浏览器可以提高开发效率和解决问题的能力。
评论
点赞
#青训营笔记创作活动#
1月30日 打卡day5
今日学习前端实现活体人脸检测，首先建立人脸模型，接着识别人脸，再进行特征检测，特征检测活包括人脸的远近、张嘴、眨眼、左右摇头，通过取视频中的若干帧处理判断实现。
1月30日 打卡day5
今日学习前端实现活体人脸检测，首先建立人脸模型，接着识别人脸，再进行特征检测，特征检测活包括人脸的远近、张嘴、眨眼、左右摇头，通过取视频中的若干帧处理判断实现。
评论
点赞
#青训营笔记创作活动#
1月28日 打卡day4
今日学习使用TinyPng提供的tinify压缩图片，使用命令行工具在打包代码之前，执行压缩命令，通过命令行交互，选择需要压缩的图片。分为五个过程：查找：找出所有的图片资源；分配：均分任务到每个进程；上传：把原图上传到TinyPng；下载：从TinyPng中下载压缩好的图片；写入：用下载的图片覆盖本地图片。
1月28日 打卡day4
今日学习使用TinyPng提供的tinify压缩图片，使用命令行工具在打包代码之前，执行压缩命令，通过命令行交互，选择需要压缩的图片。分为五个过程：查找：找出所有的图片资源；分配：均分任务到每个进程；上传：把原图上传到TinyPng；下载：从TinyPng中下载压缩好的图片；写入：用下载的图片覆盖本地图片。
展开
评论
点赞
#青训营笔记创作活动#
1月20日 打卡day3
今天学习了20个常用的 Git 指令用法，更清晰理解了git的工作流程以及20个常用的Git命令。
从远程仓库pull到工作区
从工作区add到暂存区
从暂存区commit到本地仓库
从本地仓库push到远程仓库
1月20日 打卡day3
今天学习了20个常用的 Git 指令用法，更清晰理解了git的工作流程以及20个常用的Git命令。
从远程仓库pull到工作区
从工作区add到暂存区
从暂存区commit到本地仓库
从本地仓库push到远程仓库
展开
评论
点赞
#青训营笔记创作活动#
1月19日 打卡day2
今日学习：
代码仓库MultiRepo的存在的问题：
1）项目间代码复用性低
2）依赖更新不及时，版本管理困难
3）项目基建重复
代码仓库MonoRepo的优势：
1）工作流的一致性，复用方便
2）项目基建成本降低
3）团队协作更容易
1月19日 打卡day2
今日学习：
代码仓库MultiRepo的存在的问题：
1）项目间代码复用性低
2）依赖更新不及时，版本管理困难
3）项目基建重复
代码仓库MonoRepo的优势：
1）工作流的一致性，复用方便
2）项目基建成本降低
3）团队协作更容易
展开
评论
点赞
#青训营笔记创作活动#
1月17日 打卡day1
今日学习：
JS实现图片拖拽抽象为几个过程：
1）实现元素抓取：克隆+拖拽状态+本体隐藏+元素自然回退
2）实现拖拽放大：变化系数+放大倍数
3）实现放置：元素拷贝+元素删除
4）边界判断：处理拖拽可能会中断的情况
5）优化体验：使用image加载原图，拖拽时图片优先读缓存，拖拽避免加载时间长而导致的卡顿空白问题。
1月17日 打卡day1
今日学习：
JS实现图片拖拽抽象为几个过程：
1）实现元素抓取：克隆+拖拽状态+本体隐藏+元素自然回退
2）实现拖拽放大：变化系数+放大倍数
3）实现放置：元素拷贝+元素删除
4）边界判断：处理拖拽可能会中断的情况
5）优化体验：使用image加载原图，拖拽时图片优先读缓存，拖拽避免加载时间长而导致的卡顿空白问题。
展开
评论
点赞