获得徽章 10
赞了这篇文章
#青训营笔记创作活动# 2月8日 打卡day50
今日学习生成一个 canvas 元素，让 canvas 元素与需要划词高亮功能的文本容器元素等宽高，并且重叠在文本容器上，划词的时候获取划词区域的文本节点相对于文本容器的位置信息，然后通过这些位置信息进行高亮背景的渲染。
今日学习生成一个 canvas 元素，让 canvas 元素与需要划词高亮功能的文本容器元素等宽高，并且重叠在文本容器上，划词的时候获取划词区域的文本节点相对于文本容器的位置信息，然后通过这些位置信息进行高亮背景的渲染。
评论
点赞
#青训营笔记创作活动# 2月7日 打卡day49
今日学习前端工程化指的是:在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，从而实现前端的4 个现代化:模块化、组件化、规范化、自动化
今日学习前端工程化指的是:在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，从而实现前端的4 个现代化:模块化、组件化、规范化、自动化
评论
点赞
#青训营笔记创作活动# 2月6日 打卡day48
今日学习ProTable 组件目前使用属性透传进行重构，支持 el-table && el-table-column 所有属性、事件、方法的调用，不会有任何心智负担。
今日学习ProTable 组件目前使用属性透传进行重构，支持 el-table && el-table-column 所有属性、事件、方法的调用，不会有任何心智负担。
评论
点赞
#青训营笔记创作活动# 2月5日 打卡day47
今日学习在掘金首页刷到一篇文章，就是那种文字根据不同的色块显示不同的颜色，我想着能不能做一个探照灯似的 404 页面呢。毕竟也可以根据不同的白色光照来改变文字颜色的。
今日学习在掘金首页刷到一篇文章，就是那种文字根据不同的色块显示不同的颜色，我想着能不能做一个探照灯似的 404 页面呢。毕竟也可以根据不同的白色光照来改变文字颜色的。
评论
点赞
#青训营笔记创作活动# 2月4日 打卡day46
今日学习本文将介绍一些常用的CSS动画效果，通过gif图加代码的形式让你更好的理解和使用。如果项目有帮助到你，欢迎star！
今日学习本文将介绍一些常用的CSS动画效果，通过gif图加代码的形式让你更好的理解和使用。如果项目有帮助到你，欢迎star！
评论
点赞
#青训营笔记创作活动# 2月3日 打卡day45
今日学习JSDoc是Javascript注释规范标准，Typescript出现之后，虽然JSDoc也一直在兼容TS，但无奈这2种语言一种是弱类型，一种是强类型，注释对它们的意义大相径庭，所以JSDoc并不适合TS使用。
今日学习JSDoc是Javascript注释规范标准，Typescript出现之后，虽然JSDoc也一直在兼容TS，但无奈这2种语言一种是弱类型，一种是强类型，注释对它们的意义大相径庭，所以JSDoc并不适合TS使用。
评论
点赞
#青训营笔记创作活动# 2月2日 打卡day44
今日学习两种最广泛被使用的版本管理工具就是 Git 和 svn，而 Git 优越的版本管理能力，及广被使用的 github、gitlab 开源平台，Git 成为了程序员必须掌握了一个工具。
今日学习两种最广泛被使用的版本管理工具就是 Git 和 svn，而 Git 优越的版本管理能力，及广被使用的 github、gitlab 开源平台，Git 成为了程序员必须掌握了一个工具。
评论
点赞
#青训营笔记创作活动# 2月1日 打卡day43
今日学习有一说一，CSS 还真的挺神奇~~
之前听一位后端同学说，因为觉得 CSS 样式太麻烦，看似与编程无关，于是放弃了做前端，转而做后端。。。。
其实，可能看起来麻烦，用起来还是有点意思~~相当于多个手段，可作武器。
今日学习有一说一，CSS 还真的挺神奇~~
之前听一位后端同学说，因为觉得 CSS 样式太麻烦，看似与编程无关，于是放弃了做前端，转而做后端。。。。
其实，可能看起来麻烦，用起来还是有点意思~~相当于多个手段，可作武器。
展开
评论
点赞
#青训营笔记创作活动# 1月31日 打卡day42
今日学习本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域里的应用, 同时用 vue3 带大家一起实现了常见图形的边界计算算法, 并且分享了如何用几何原理和Web Dom生成任意三角形的方式。
今日学习本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域里的应用, 同时用 vue3 带大家一起实现了常见图形的边界计算算法, 并且分享了如何用几何原理和Web Dom生成任意三角形的方式。
展开
评论
点赞
#青训营笔记创作活动# 1月30日 打卡day41
今日学习今年一款叫《羊了个羊》的微信小游戏爆火朋友圈，成为了很多打工人上班摸鱼的一把好手，我当然也不例外哈哈哈，于是我忍不住好奇心的折磨，也点开试玩了一盘，没想到就此落入了深渊，第一关结束后，我寻思，这游戏TM这么简单不是有手就行？于是紧接着第二关就措不及防的给了我几个耳光（爆粗口是吧、觉得简单是吧），在玩了几盘之后，我怒火中夹杂着不服，于是我决定，既然你不让我过，那我自己使用原生js复刻一个《狗了个狗》自己玩可以把？
今日学习今年一款叫《羊了个羊》的微信小游戏爆火朋友圈，成为了很多打工人上班摸鱼的一把好手，我当然也不例外哈哈哈，于是我忍不住好奇心的折磨，也点开试玩了一盘，没想到就此落入了深渊，第一关结束后，我寻思，这游戏TM这么简单不是有手就行？于是紧接着第二关就措不及防的给了我几个耳光（爆粗口是吧、觉得简单是吧），在玩了几盘之后，我怒火中夹杂着不服，于是我决定，既然你不让我过，那我自己使用原生js复刻一个《狗了个狗》自己玩可以把？
展开
评论
点赞
#青训营笔记创作活动# 1月29日 打卡day40
今日学习将用 pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
今日学习将用 pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
评论
点赞
#青训营笔记创作活动# 1月28日 打卡day39
今日学习整个动画大致是，随着页面的向下滚动，整个文字从无到出现，再经历一轮渐变色的变化，最后再逐渐消失。
本文，就将介绍 2 种使用 CSS 实现该效果的方式。
今日学习整个动画大致是，随着页面的向下滚动，整个文字从无到出现，再经历一轮渐变色的变化，最后再逐渐消失。
本文，就将介绍 2 种使用 CSS 实现该效果的方式。
评论
点赞
#青训营笔记创作活动# 1月27日 打卡day38
今日学习React Hooks 作为 React 库的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。。
随着 Hooks 开始改变开发人员编写 React 组件的方式，需要编写一套 React Hooks 的最佳实践，以便团队内成员更轻松地开发和协作。
虽然本文肯定还有遗漏的内容，但我希望本文分享的技巧能多少帮助大家在项目中以正确的方式编写 React Hooks。
今日学习React Hooks 作为 React 库的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。。
随着 Hooks 开始改变开发人员编写 React 组件的方式，需要编写一套 React Hooks 的最佳实践，以便团队内成员更轻松地开发和协作。
虽然本文肯定还有遗漏的内容，但我希望本文分享的技巧能多少帮助大家在项目中以正确的方式编写 React Hooks。
展开
评论
点赞
#青训营笔记创作活动# 1月26日 打卡day37
今日学习将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等，干货满满。
今日学习将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等，干货满满。
评论
点赞
#青训营笔记创作活动# 1月25日 打卡day36
今日学习这个例子，文本内容使用的是随机数，所以数据对不上不必太在意。另外，既然index的值不固定，不能作为key，那么扩展一下，可不可以使用随机数作为key呢？答案自然是不能够。因为key值无论是删除还是反转，根本就不能找到相同的key，diff算法就毫无意义了，压根没有复用性可言。
今日学习这个例子，文本内容使用的是随机数，所以数据对不上不必太在意。另外，既然index的值不固定，不能作为key，那么扩展一下，可不可以使用随机数作为key呢？答案自然是不能够。因为key值无论是删除还是反转，根本就不能找到相同的key，diff算法就毫无意义了，压根没有复用性可言。
展开
评论
点赞
#青训营笔记创作活动# 1月24日 打卡day35
今日学习随着应用功能越来越多，繁多而详细的功能使用和说明文档，已经不能满足时代追求 快速 的需求，而 引导页（或分步引导） 本质就是 化繁为简，将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能，特别是 ToB 的项目，各种新功能需求迭代非常快，免不了需要 引导页 的功能来快速帮助用户引导。
今日学习随着应用功能越来越多，繁多而详细的功能使用和说明文档，已经不能满足时代追求 快速 的需求，而 引导页（或分步引导） 本质就是 化繁为简，将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能，特别是 ToB 的项目，各种新功能需求迭代非常快，免不了需要 引导页 的功能来快速帮助用户引导。
展开
评论
点赞
#青训营笔记创作活动# 1月23日 打卡day34
今日学习主要是向大家传递一种思想，我们有很多的方法去优化我们的代码，提高我们代码的可读性。
对if else并没有歧视的意思，只是希望在大家以后的代码中不仅仅只有if else
。
今日学习主要是向大家传递一种思想，我们有很多的方法去优化我们的代码，提高我们代码的可读性。
对if else并没有歧视的意思，只是希望在大家以后的代码中不仅仅只有if else
。 评论
点赞
#青训营笔记创作活动# 1月22日 打卡day33
今日学习我们用了一个常见的登录场景，先注册好 pinia 插件，然后定义需要管理的数据（状态）和方法（登录逻辑），然后在组件中初始化 store，并使用数据，调用方法，演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。
今日学习我们用了一个常见的登录场景，先注册好 pinia 插件，然后定义需要管理的数据（状态）和方法（登录逻辑），然后在组件中初始化 store，并使用数据，调用方法，演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。
展开
评论
点赞
#青训营笔记创作活动# 1月21日 打卡day32
今日学习在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件。
今日学习在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件。
评论
1