获得徽章 14
- #青训营笔记创作活动#
二月十六日 打卡day32
这篇文章只是简单的总结了关于文件预览的纯前端实现和封装方式,对于业务的思路简单整理,如果是对于有更复杂的场景,还需要有更加具体的拆分和优化评论点赞 - #青训营笔记创作活动#
二月十四日 打卡day31
本文先从AST的设计理念出发,逐步引申出编译器的工作原理,为了让大家更加深入的了解AST,使用差不多180行代码手写了一个简易编译器。
再接着开始向真实场应用景出发,借助于Babel手写了各种常用的插件,在这过程中顺带着去瞅了瞅 ESLint 和代码压缩的世界。展开赞过评论1 - #青训营笔记创作活动#
二月十四日 打卡day30
qiankun 一共有 3 种沙箱:
SnapshotSandbox:记录 window 对象,每次 unmount 都要和微应用的环境进行 Diff
LegacySandbox:在微应用修改 window.xxx 时直接记录 Diff,将其用于环境恢复
ProxySandbox:为每个微应用分配一个 fakeWindow,当微应用操作 window 时,其实是在 fakeWindow 上操作展开评论点赞 - #青训营笔记创作活动#
二月十一日 打卡day29
简单了解了 package.json 的常见配置。有了这些知识,我敢说绝大多数项目的 package.json 你都能毫无压力的阅读。但 package.json 里的内容远不止如此,比如 semver 规范,入口文件,项目依赖等都还有很多值得深入的内容。展开评论点赞 - #青训营笔记创作活动#
二月十日 打卡day28
这篇文章从一个基础案例出发,先依次讲解了 Tapable 中各种类型 Hook 的基本用法和运行机制,接着再次回到最初的案例中,花了大量篇幅讲解 Tapable 的核心思想和实现思路。在这过程中不仅讲清楚了怎么去实现,更重要的是授人以渔,分析了为什么这么做。展开评论点赞 - #青训营笔记创作活动#
二月八日 打卡day27
Map 比 Object 快,除非有小的整数、数组索引的键,而且它更节省内存。
如果你需要一个频繁更新的 hash map,请使用 Map;如果你想一个固定的键值集合(即记录),请使用Object,并注意原型继承带来的陷阱展开评论点赞 - #青训营笔记创作活动#
二月七日 打卡day26
Islands 架构是今年比较火的一个话题,目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。MPA 和 SPA 是构建前端页面常见的两种方式,理解 MPA 和 SPA 的区别和不同场景的取舍是理解 Islands 架构的关键。展开评论点赞 - #青训营笔记创作活动#
二月五日 打卡day24
高并发下如何设计秒杀系统?这是一个高频面试题。这个问题看似简单,但是里面的水很深,它考查的是高并发场景下,从前端到后端多方面的知识。评论点赞 - #青训营笔记创作活动#
二月四日 打卡day23
近几年,在技术领域低代码是比较热门的话题,低代码是基于可视化和模型驱动理念,结合云原生与多端体验技术,它能够在多数业务场景下实现大幅度的提效降本,为专业开发者提供了一种全新的高生产力开发范式。展开评论点赞 - #青训营笔记创作活动#
二月三日 打卡day22
我们平时见到的树状结构一般都是这样的,每层数组中的item都会有一个children,里面嵌套一个数组然后每个子item也还会有各自的children,就这样一直嵌套下去。而拍扁后的树状结构其实是一个对象,每个item都扁平化平铺在第一层,每一个item都有各自的parentId与childrenIds。我们可以发现将整个结构扁平化后收益特别多。
结构很清晰,我们可以很轻易的对数据进行处理。
特别是在特别大数据量的情况下,这种形式可以极大的提高性能,减去需要遍历的性能消耗。
以前各种在数组对象出现的弊端都消失了。展开评论点赞