粉羊羊
获得徽章 0
#青训营笔记创作活动#
1月27日 打卡day50
今日学习
主要思路：生成一个 canvas 元素，让 canvas 元素与需要划词高亮功能的文本容器元素等宽高，并且重叠在文本容器上，划词的时候获取划词区域的文本节点相对于文本容器的位置信息，然后通过这些位置信息进行高亮背景的渲染。
1月27日 打卡day50
今日学习
主要思路：生成一个 canvas 元素，让 canvas 元素与需要划词高亮功能的文本容器元素等宽高，并且重叠在文本容器上，划词的时候获取划词区域的文本节点相对于文本容器的位置信息，然后通过这些位置信息进行高亮背景的渲染。
展开
评论
点赞
#青训营笔记创作活动#
1月26日 打卡day49
今日学习
近些年来看，前端的项目随着项目的复杂度越来越高，前端工程化的这个概念也就变的越来越被重视，但从业务或者团队的范围来看，前端工程化俨然已经成为一个前端团队的标配，稍具规模的团队都会根据自身业务设计出一套符合当前业务需求的前端架构出来，同时其也是区分初级前端和高级前端的分界线，
1月26日 打卡day49
今日学习
近些年来看，前端的项目随着项目的复杂度越来越高，前端工程化的这个概念也就变的越来越被重视，但从业务或者团队的范围来看，前端工程化俨然已经成为一个前端团队的标配，稍具规模的团队都会根据自身业务设计出一套符合当前业务需求的前端架构出来，同时其也是区分初级前端和高级前端的分界线，
展开
评论
点赞
#青训营笔记创作活动#
1月25日 打卡day48
今日学习
在 1.0 版本中使用 v-if 判断太麻烦，为了更方便用户传递参数，搜索组件在 2.0 版本中通过 component :is 动态组件 && v-bind 属性透传实现，将用户传递的参数全部透传到组件上，所以大家可以直接根据 element 官方文档在 props 中传递参数了。
1月25日 打卡day48
今日学习
在 1.0 版本中使用 v-if 判断太麻烦，为了更方便用户传递参数，搜索组件在 2.0 版本中通过 component :is 动态组件 && v-bind 属性透传实现，将用户传递的参数全部透传到组件上，所以大家可以直接根据 element 官方文档在 props 中传递参数了。
展开
评论
点赞
#青训营笔记创作活动#
1月24日 打卡day47
今日学习
pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容，出现模糊的问题,所以进行缩放渲染是有必要的
1月24日 打卡day47
今日学习
pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容，出现模糊的问题,所以进行缩放渲染是有必要的
评论
点赞
#青训营笔记创作活动#
1月23日 打卡day46
今日学习
vue-tour 是一个轻量级、简单且可自定义的 Tour 插件，配置也算比较简单清晰，但只适用于 Vue2 的项目，具体效果可以直接参考对应的前面链接对应的内容。
1月23日 打卡day46
今日学习
vue-tour 是一个轻量级、简单且可自定义的 Tour 插件，配置也算比较简单清晰，但只适用于 Vue2 的项目，具体效果可以直接参考对应的前面链接对应的内容。
展开
评论
点赞
#青训营笔记创作活动#
1月22日 打卡day45
今日学习
JSDoc是Javascript注释规范标准，Typescript出现之后，虽然JSDoc也一直在兼容TS，但无奈这2种语言一种是弱类型，一种是强类型，注释对它们的意义大相径庭，所以JSDoc并不适合TS使用。
1月22日 打卡day45
今日学习
JSDoc是Javascript注释规范标准，Typescript出现之后，虽然JSDoc也一直在兼容TS，但无奈这2种语言一种是弱类型，一种是强类型，注释对它们的意义大相径庭，所以JSDoc并不适合TS使用。
展开
评论
点赞
#青训营笔记创作活动#
1月20日 打卡day44
今日学习
两种最广泛被使用的版本管理工具就是 Git 和 svn，而 Git 优越的版本管理能力，及广被使用的 github、gitlab 开源平台，Git 成为了程序员必须掌握了一个工具。
1月20日 打卡day44
今日学习
两种最广泛被使用的版本管理工具就是 Git 和 svn，而 Git 优越的版本管理能力，及广被使用的 github、gitlab 开源平台，Git 成为了程序员必须掌握了一个工具。
展开
评论
点赞
#青训营笔记创作活动#
1月19日 打卡day43
今日学习
原来 CSS scroll-snap-type: x mandatory; 可以让你顺滑切图。当你滑动横向滚动条到一定位置时，会自动为你切图，这样显得流畅
1月19日 打卡day43
今日学习
原来 CSS scroll-snap-type: x mandatory; 可以让你顺滑切图。当你滑动横向滚动条到一定位置时，会自动为你切图，这样显得流畅
展开
评论
点赞
#青训营笔记创作活动#
1月18日 打卡day42
今日学习
配置完成之后我们就可以在 vite项目 里用 less 的方式写样式代码了, modifyVars属性里面的配置是为了指定 less 全局变量的地址, 这样我们可以把主题, 通用样式放在该目录下, 以便直接在项目的任何页面直接使用。
1月18日 打卡day42
今日学习
配置完成之后我们就可以在 vite项目 里用 less 的方式写样式代码了, modifyVars属性里面的配置是为了指定 less 全局变量的地址, 这样我们可以把主题, 通用样式放在该目录下, 以便直接在项目的任何页面直接使用。
展开
评论
点赞
#青训营笔记创作活动#
1月17日 打卡day41
今日学习
覆盖逻辑，Block的渲染从第一个开始，到最后一个结束。也就是按照数组的顺序，那么层级关系也就很明显了，优先渲染的Block会被下一次渲染的Block覆盖掉（重叠的话会被覆盖,如果两个Block离得很远，就不会被覆盖）
1月17日 打卡day41
今日学习
覆盖逻辑，Block的渲染从第一个开始，到最后一个结束。也就是按照数组的顺序，那么层级关系也就很明显了，优先渲染的Block会被下一次渲染的Block覆盖掉（重叠的话会被覆盖,如果两个Block离得很远，就不会被覆盖）
展开
评论
点赞
#青训营笔记创作活动#
1月15日 打卡day39
今日学习
借助不同的混合模式，我们可以实现不同的颜色叠加效果。这里 mix-blend-mode: darken 的作用是，只有白色文字部分会显现出上层的 .bg 的颜色，而黑色背景部分与上层背景叠加的颜色仍旧为黑色，与 background-clip: text 有异曲同工之妙。
1月15日 打卡day39
今日学习
借助不同的混合模式，我们可以实现不同的颜色叠加效果。这里 mix-blend-mode: darken 的作用是，只有白色文字部分会显现出上层的 .bg 的颜色，而黑色背景部分与上层背景叠加的颜色仍旧为黑色，与 background-clip: text 有异曲同工之妙。
展开
评论
点赞
#青训营笔记创作活动#
1月14日 打卡day38
今日学习
React.memo() 是 React 的一个顶层 API 且为高阶组件，它对组件做的事类似于 React.PureComponet，用于控制组件的重新渲染，不同的是：React.memo() 是对函数组件进行优化，React.PureComponent 是定义类组件时使用的。
1月14日 打卡day38
今日学习
React.memo() 是 React 的一个顶层 API 且为高阶组件，它对组件做的事类似于 React.PureComponet，用于控制组件的重新渲染，不同的是：React.memo() 是对函数组件进行优化，React.PureComponent 是定义类组件时使用的。
展开
评论
点赞
#青训营笔记创作活动#
1月13日 打卡day37
今日学习
因为缩放始终都以图片中心为原点进行缩放，这显然不符合我们的操作习惯，所以在上面的代码中，我们通过鼠标当前的偏移量即 offsetX、offsetY 的值改变 transform-origin 来动态设置缩放的原点，效果如下：
1月13日 打卡day37
今日学习
因为缩放始终都以图片中心为原点进行缩放，这显然不符合我们的操作习惯，所以在上面的代码中，我们通过鼠标当前的偏移量即 offsetX、offsetY 的值改变 transform-origin 来动态设置缩放的原点，效果如下：
展开
评论
点赞
#青训营笔记创作活动#
1月12日 打卡day36
今日学习
只要数据源发生变化，就一定会触发watcher观察者函数（Object。defineProperty（））的回调函数，去驱动视图更新，(加_是为了表明这是vue自带的方法)
1月12日 打卡day36
今日学习
只要数据源发生变化，就一定会触发watcher观察者函数（Object。defineProperty（））的回调函数，去驱动视图更新，(加_是为了表明这是vue自带的方法)
展开
评论
点赞
#青训营笔记创作活动#
1月11日 打卡day35
今日学习
vue-tour
vue-tour 是一个轻量级、简单且可自定义的 Tour 插件，配置也算比较简单清晰，但只适用于 Vue2 的项目，具体效果可以直接参考对应的前面链接对应的内容。
1月11日 打卡day35
今日学习
vue-tour
vue-tour 是一个轻量级、简单且可自定义的 Tour 插件，配置也算比较简单清晰，但只适用于 Vue2 的项目，具体效果可以直接参考对应的前面链接对应的内容。
展开
评论
点赞
#青训营笔记创作活动#
1月10日 day34
今日学习
策略模式就是将一系列算法封装起来，并使它们相互之间可以替换。被封装起来的算法具有独立性，外部不可改变其特性。
1月10日 day34
今日学习
策略模式就是将一系列算法封装起来，并使它们相互之间可以替换。被封装起来的算法具有独立性，外部不可改变其特性。
评论
点赞
#青训营笔记创作活动#
1月9日 打卡day33
今日学习
插件 vite-plugin-mock 有一个配置项 localEnabled，可以决定是否开启 mock 服务。默认即为开启状态。结合 command 属性，就可以动态的切换 mock 服务的状态了。
1月9日 打卡day33
今日学习
插件 vite-plugin-mock 有一个配置项 localEnabled，可以决定是否开启 mock 服务。默认即为开启状态。结合 command 属性，就可以动态的切换 mock 服务的状态了。
展开
评论
点赞
#青训营笔记创作活动#
1月8日 打卡day32
今日学习
pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容，出现模糊的问题,所以进行缩放渲染是有必要的
1月8日 打卡day32
今日学习
pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容，出现模糊的问题,所以进行缩放渲染是有必要的
评论
点赞