
获得徽章 1
- 1月30日 打卡day20
#青训营笔记创作活动#
今日学习了纯前端实现羊了个羊小游戏,文章通过分析羊了个羊游戏规律,从地图模拟生成、覆盖关系、填充数据和点击交互几个方面使用纯前端的方式实现小游戏。该游戏实现的难点在于地图的随机生成和覆盖关系的处理。展开评论1 - #青训营笔记创作活动#
2月1日 打卡day21
今日学习了现代包管理器 pnpm。pnpm 是一款速度快、磁盘空间利用效率高、支持 monorepo 和安全性高的包管理器。相较于 npm 和 yarn,它拥有更优的内部依赖管理和版本安全控制等多众多优势,并且使用方式也与 npm 类似,学习成本不高,是一个优秀的包管理解决方案。展开评论1 - #青训营笔记创作活动#
2月2日 打卡day22
今日学习了构造高性能的树状结构。通常见到的树状结构一般都是以嵌套的形式表示,这种表示方法在数据量庞大的时候需要遍历和拆解,容易出错。对其进行扁平化后,可以更容易地对数据进行处理,极大地提高性能,更不容易出错,是一个树状结构存储的有效解决方案。展开评论1 - #青训营笔记创作活动#
2月3日 打卡day23
今日学习认识了一些前端低代码项目,例如 Appsmith、LowCodeEngine 和 Amis 等等。低代码的核心理念是可视化和模型驱动。通过低代码框架,可以快速构建多端应用,有效降低开发成本和提高开发效率。展开评论1 - #青训营笔记创作活动#
2月4日 打卡day24
今日学习了数据大屏适配方案。文章介绍了 vm vh、scale 和 rem + vm vh 三种方案,这几种方案的核心都在于像素 px 和 vm、vh 等计量单位转换方法的实现,还需要根据框架和 css 方案的选用进行相应的适配。三种方案根据业务场景的需求进行选用。展开评论1 - #青训营笔记创作活动#
2月5日 打卡day25
今日学习了 docker 的使用,包括项目镜像的构建、容器的运行和镜像的发布等等。docker 底层使用了 Linux 内核的 namespace 和 cgroups 的特性来实现。评论1 - #青训营笔记创作活动#
2月6日 打卡day26
今日学习了 Islands 的架构原理。文章通过分析 MPA 应用和 SPA 应用的优劣对比,提出了基于两者的取舍 islands 架构。islands 架构的核心在于 hydration (注水) 过程,并且对常见的框架都能兼容,有较强的灵活性。展开评论1 - #青训营笔记创作活动#
2月8日 打卡 day27
今日学习了 JS 中的 Map 和 Object 性能对比。文中介绍了 Object 在作为 HashMap 时存在的额外属性继承、命名冲突和方法缺陷等等问题。文章还通过测试两种数据结构的速度和内存空间占用来进行对比,得出 Map 比 Object 快,并且在频繁更新时尽量使用 Map 的结论。展开评论1 - #青训营笔记创作活动#
2月9日 打卡day28
今日学习了 Tapable 源码的相关知识。Webpack 的结构方式就是借助 Tapable 来实现,Tapable 的内部使用了发布订阅模式、动态编译和面向对象思想等等。Tapable 专注于自定义事件的触发和处理,类似于前端框架中生命周期函数的模式,是每个前端开发者值得学习的思想。展开评论1 - #青训营笔记创作活动#
2月12日 打卡day31
今日学习了 AST 语法抽象语法树及其应用。AST 是源代码语法结构的抽象表示,构建 AST 是一个编译器工作的核心环节。代码的完整编译过程主要分为解析、转化和打码生成三个步骤。AST 的应用十分广泛,例如 babel、插件编写和代码压缩等等,其编译原理的思想值得学习。
展开评论1