记得带伞_
获得徽章 2
- #青训营笔记创作活动#
2月15 Day28 打卡
今日学习
该篇文章主要介绍了Tapable
所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式。
而实现这一切的核心就是借助了 Tapable。
关于 Tapable 的源码其实并没有多少代码量，学习它的原理首当其冲的一定是可以让你在日常 Webpack Plugin 开发中更得心应手，解决相关问题更加顺畅。展开评论点赞 - #青训营笔记创作活动#
2月14日 Day27 打卡
今日学习
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
该篇文章主要从一下这几个方面论述应该更多考虑使用Map的一些原因：
不必要的继承
名称冲突
次优的人机工程学
性能差异
内存使用情况展开评论点赞 - #青训营笔记创作活动#
2月13日 Day26 打卡
今日学习
该篇文章主要介绍了Islands架构原理与实践中的一些经验和方法。
Islands 架构模型早在 2019 年就被提出来了，这个模型主要用于 SSR (也包括 SSG) 应用，我们知道，在传统的 SSR 应用中，服务端会给浏览器响应完整的 HTML 内容，并在 HTML 中注入一段完整的 JS 脚本用于完成事件的绑定，也就是完成 hydration (注水) 的过程。当注水的过程完成之后，页面也才能真正地能够进行交互。展开评论点赞 - #青训营笔记创作活动#
2月12日 Day25 打卡
今日学习
该篇文章从前端的角度做了一个简单的Docker使用指南，包括安装Docker、使用Docker启动一个vue项目、介绍底层原理，还补充了许多的进阶技巧，是一个适合新手小白使用Docker的指南，受益良多展开评论点赞 - #青训营笔记创作活动#
2月11日 Day24 打卡
今日学习
该篇文章主要讲了一些开发可视化数据大屏项目时的一些技巧与经验。
大屏之关键-前期的自适应适配。
根据 ui 稿绘制图表，调细节。
个人觉得效果比较好的应该是方案三 rem + vw wh展开评论点赞 - #青训营笔记创作活动#
2月10日 Day23 打卡
今日学习
低代码是基于可视化和模型驱动理念，结合云原生与多端体验技术，它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式。
该篇文章主要介绍了Appsmith、LowCodeEngine、Amis等20多个低代码项目，有些项目能够很好的提效降本。展开评论点赞 - #青训营笔记创作活动#
2月9日 Day22 打卡
今日学习
该篇文章主要讲了如何将数据构造成高性能树状结构。
我们可以发现将整个结构扁平化后收益特别多。
结构很清晰，我们可以很轻易的对数据进行处理。
特别是在特别大数据量的情况下，这种形式可以极大的提高性能，减去需要遍历的性能消耗。
以前各种在数组对象出现的弊端都消失了。展开评论点赞 - #青训营笔记创作活动#
2月3日 Day21 打卡
今日学习
该篇文章分享了一个业内出色的包管理器pnpm，该包管理器是由npm/yarn衍生而来，pnpm相对于npm/yarn的优势有包安装速度快，高效利用磁盘空间，支持monorepo，安全性高等。
安装pnpm之后，日常使用的命令主要有pnpm install（安装项目依赖） 、pnpm update（包更新）、pnpm unistall（在 node_modules 和 package.json 中移除指定的依赖）、pnpm link （将本地项目连接到另一个项目。注意，使用的是硬链接，而不是软链接）。展开评论点赞 - #青训营笔记创作活动#
2月2日 Day20 打卡
今日学习
文章主要介绍如何通过纯前端来简单实现羊了个羊小游戏，实现的重点主要就是操作矩阵，学到了很多，也亲自实现了一下评论点赞 - #青训营笔记创作活动#
2月1日 Day19 打卡
学习内容
前端浏览器调试技巧
该篇文章主要是介绍了几种调试方式，我自己经常用的都是console.log，本文还介绍了console.warm、console.error、console.time和console.timeEnd、console.assert、console.dir等等console相关的调试方式，还有直接断点和代码断电等等断点调试方式，除了这些还有DOM调试和VScode断点调试方式。展开评论点赞