获得徽章 2
- #青训营笔记创作活动#
2月19日,打卡Day37。
今日阅读《原生JS手写一个优雅的图片预览功能,带你吃透背后原理》,本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能,无任何第三方依赖,兼容PC与H5,介绍了如何仅通过指针事件进行多端统一的事件监听,如何实现触屏双指缩放等,干货满满。展开评论点赞 - #青训营笔记创作活动#
2月18日,打卡Day36。
今日阅读《在vue中,为什么不能用index作为key?》,本文详细描述了key的具体用处、虚拟DOM以及diff算法,并在此基础上引入了两个应用例子解释了为什么index不能在vue中作key来使用。展开评论点赞 - #青训营笔记创作活动#
2月17日,打卡Day35。
今日阅读《不使用第三方库怎么实现【前端引导页】功能?》。随着应用功能越来越多,繁多而详细的功能使用和说明文档,已经不能满足时代追求 快速 的需求,而 引导页(或分步引导) 本质就是 化繁为简,将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能,特别是 ToB 的项目,各种新功能需求迭代非常快,免不了需要 引导页 的功能来快速帮助用户引导。展开评论点赞 - #青训营笔记创作活动#
2月16日,打卡Dya34。
今日阅读《提升代码可读性,减少if-else的几个小技巧》,本文在某些特定场景为大家除使用if-else方法外提供一种更新的思路,去优化我们的代码,增加我们代码的可读性。文章同样提供了两个实践案例,对深入理解更有帮助。展开评论点赞 - #青训营笔记创作活动#
2月15日,打卡Dya33。
今日阅读《一个登录案例包学会 Pinia》,Pinia 号称下一代的 Vuex。删减了复杂的概念,简化了数据流转的过程,现在只剩下了 store、state、getters、actions 这四个核心概念。本文通过一个用户登录的案例,来学习 Pinia 的使用。展开评论点赞 - #青训营笔记创作活动#
2月14日,打卡Day32。
各位情人节快乐!今日阅读《前端实现docx、pdf格式文件在线预览》,在业务中,如果遇到文档管理类的功能,会出现需要在线预览的业务需求,本文主要介绍了如何通过第三方库来实现文档预览功能,并将其封装成preview组件。如果是对于有更复杂的场景,还需要有更加具体的拆分和优化。展开评论点赞 - #青训营笔记创作活动#
2月13日,打卡Day31。
今日阅读《前端工程化基石 -- AST(抽象语法树)以及AST的广泛应用》。抽象语法树(Abstract Syntax Tree,AST)是源代码语法结构的一种抽象表示,它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。展开评论点赞 - #青训营笔记创作活动#
2月12日,打卡Day30。
今日阅读《Qiankun原理-JS沙箱是怎样做隔离的》,相信大家也知道 qiankun有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱,而它们又可以分为单例和多例两种模式,本文便详细讲述了沙箱的隔离原理。展开评论点赞 - #青训营笔记创作活动#
2月11日,打卡Day29。
今日阅读《package.json 配置完全解读》,package.json 里面有许许多多的配置,与项目息息相关,了解它们有助于了解项目,提效开发,规范代码。本文主要介绍了7大类常见配置,通过图文结合的方式展现出基本原理,详实可信,值得阅读。展开评论点赞 - #青训营笔记创作活动#
2月10日,打卡Day28。
今日阅读《【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码?》,Webpack 的源码却很优雅,是一个典型的可插拔架构,不仅逻辑清晰,而且灵活好扩展。实现这一切的核心就是借助了 Tapable。因此, Tapable 源代码中的设计原则和实现过程是非常值得每一个前端开发者去阅读的。展开评论点赞