获得徽章 1
- #青训营笔记创作活动#
2月15日 打卡day35
今日学习在vue中,为什么不能用index作为key,使用index作为key,会导致diff中的优化失效(降低了复用性,违背了虚拟DOM的初衷)。原本可以复用的东西,不能被复用,徒然增加了性能开销,浪费性能展开评论点赞 - #青训营笔记创作活动#
2月14日 打卡day34
今日学习如何不使用第三方库实现前端引导页功能,第三方库可以使用vue-tour、driver.js、shepherd.js、intro.js等,如果不使用第三方库则用以下两种方法
1.cloneNode + position + transition
2.z-index + position + transition展开评论点赞 - #青训营笔记创作活动#
2月13日 打卡day33
今日学习提升代码可读性,减少if-else的几个小技巧
1.Javascript 的逻辑或 || 的短路运算
2.三元运算符
3.switch case
4.对象配置展开评论点赞 - #青训营笔记创作活动#
2月12日 打卡day32
今日学习pinia实现登录场景,Pinia 提供了更简单的 API,具有更少的规范,提供了 Composition API 风格的 API。评论点赞 - #青训营笔记创作活动#
2月11日 day31
今日学习前端如何实现docx、pdf格式文件在线预览,docx的实现需要使用docx-preview插件,pdf的预览需要使用PDFJS这个插件,通过将文件流解析写到canvas上实现预览效果展开评论点赞 - #青训营笔记创作活动#
2月10日 day30
今日学习qiankun的三种沙箱SnapshotSandbox、LegacySandbox、ProxySandbox。qiankun 会把要执行的 JS 包裹在立即执行函数中,通过绑定上下文和传参的方式来改变 this 和 window 的值,让它们指向 window.proxy 沙箱对象,最后再用 eval 来执行这个函数。展开评论点赞 - #青训营笔记创作活动#
2月9日 打卡day29
今日学习package.json的配置,包括描述配置、文件配置、脚本配置、依赖配置、发布配置、系统配置、第三方配置等,十分实用。
评论点赞 - #青训营笔记创作活动#
2月8日 打卡day28
今日学习Tapable,Tapable是一个类似于 Node.js 中的 EventEmitter 的库,但它更专注于自定义事件的触发和处理。通过 Tapable 我们可以注册自定义事件,然后在适当的时机去执行自定义事件展开评论点赞 - #青训营笔记创作活动#
2月7日 打卡day27
今日学习在 JavaScript 中Map的使用,Map 比 Object 快,除非有小的整数、数组索引的键,而且它更节省内存。如果需要一个频繁更新的 hash map,使用 Map;如果想一个固定的键值集合(即记录),使用Object,并要注意原型继承带来的陷阱展开评论点赞 - #青训营笔记创作活动#
2月6日 打卡day26
今日学习Islands架构的基本原理和实践,Islands 架构模型主要用于 SSR (也包括 SSG) 应用,一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。展开评论点赞