获得徽章 1
正当他们忙碌着，工作着，把小船沿河道撑上 去的时候，傍晚已经悄悄地从山上降临下来 了。它无声无息地从深谷里爬出来，使整个世 界连同这条小河和群山都改染上了傍晚的人 光。盖尔卡觉得傍晚是一位温和的、长着大胡 子的和沉默寡言的老爷爷。他正在山背后抽烟 斗，因此那边的天空是红彤彤的。他微微颤动 着胡子，不时地在搔痒，因此水中悬岩的倒影 在徐徐地晃动，山上的白杨林也在沙沙作响。 老爷爷在山里觉得冷，就从于枯的落叶松的林 稍上用猫头鹰的叫声讨皮袄穿。老爷爷在森林 里躺下睡觉时，边打哼哼，边翻身，并用烟头 硫击一棵干枯的老树墩，就像一只黑色的大啄 木鸟在啄敲树墩。
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡day35
今日学习
随着应用功能越来越多，繁多而详细的功能使用和说明文档，已经不能满足时代追求 快速 的需求，而 引导页（或分步引导） 本质就是 化繁为简，将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能，特别是 ToB 的项目，各种新功能需求迭代非常快，免不了需要 引导页 的功能来快速帮助用户引导。
2月10日 打卡day35
今日学习
随着应用功能越来越多，繁多而详细的功能使用和说明文档，已经不能满足时代追求 快速 的需求，而 引导页（或分步引导） 本质就是 化繁为简，将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能，特别是 ToB 的项目，各种新功能需求迭代非常快，免不了需要 引导页 的功能来快速帮助用户引导。
展开
评论
点赞
#青训营笔记创作活动#
2月9日 打卡day34
今日学习
相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火
，有时候一个 bug 排查下来，严重感觉身体被掏空😿。
本文主要是向大家传递一种思想，我们有很多的方法去优化我们的代码，提高我们代码的可读性。
对if else并没有歧视的意思，只是希望在大家以后的代码中不仅仅只有if else
。
2月9日 打卡day34
今日学习
相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火
，有时候一个 bug 排查下来，严重感觉身体被掏空😿。本文主要是向大家传递一种思想，我们有很多的方法去优化我们的代码，提高我们代码的可读性。
对if else并没有歧视的意思，只是希望在大家以后的代码中不仅仅只有if else
。
展开
评论
点赞
#青训营笔记创作活动#
2月8日 打卡day33
今日学习
我们用了一个常见的登录场景，先注册好 pinia 插件，然后定义需要管理的数据（状态）和方法（登录逻辑），然后在组件中初始化 store，并使用数据，调用方法，演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。
2月8日 打卡day33
今日学习
我们用了一个常见的登录场景，先注册好 pinia 插件，然后定义需要管理的数据（状态）和方法（登录逻辑），然后在组件中初始化 store，并使用数据，调用方法，演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。
展开
评论
点赞
#青训营笔记创作活动#
2月7日 打卡day32
今日学习
在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件。
本文只是简单的总结了关于文件预览的纯前端实现和封装方式，对于业务的思路简单整理，如果是对于有更复杂的场景，还需要有更加具体的拆分和优化。
2月7日 打卡day32
今日学习
在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件。
本文只是简单的总结了关于文件预览的纯前端实现和封装方式，对于业务的思路简单整理，如果是对于有更复杂的场景，还需要有更加具体的拆分和优化。
展开
评论
点赞
#青训营笔记创作活动#
2月6日 打卡day31
今日学习
抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。
2月6日 打卡day31
今日学习
抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day30
今日学习
总结一下，qiankun 一共有 3 种沙箱：
SnapshotSandbox：记录 window 对象，每次 unmount 都要和微应用的环境进行 Diff
LegacySandbox：在微应用修改 window.xxx 时直接记录 Diff，将其用于环境恢复
ProxySandbox：为每个微应用分配一个 fakeWindow，当微应用操作 window 时，其实是在 fakeWindow 上操作
2月5日 打卡day30
今日学习
总结一下，qiankun 一共有 3 种沙箱：
SnapshotSandbox：记录 window 对象，每次 unmount 都要和微应用的环境进行 Diff
LegacySandbox：在微应用修改 window.xxx 时直接记录 Diff，将其用于环境恢复
ProxySandbox：为每个微应用分配一个 fakeWindow，当微应用操作 window 时，其实是在 fakeWindow 上操作
展开
评论
1
#青训营笔记创作活动#
2月4日 打卡day29
今日学习
package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。
package.json 里面有许许多多的配置，与项目息息相关，了解它们有助于了解项目，提效开发，规范代码。
2月4日 打卡day29
今日学习
package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。
package.json 里面有许许多多的配置，与项目息息相关，了解它们有助于了解项目，提效开发，规范代码。
展开
评论
1
#青训营笔记创作活动#
2月2日 打卡day28
今日学习
所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式。
而实现这一切的核心就是借助了Tapable。
2月2日 打卡day28
今日学习
所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式。
而实现这一切的核心就是借助了Tapable。
展开
评论
1
#青训营笔记创作活动#
2月1日 打卡day27
今日学习
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
然而，大多数开发者在需要 hash map 的时候还是会使用对象，只有当他们意识到键值不能只是字符串的时候才会转而使用 Map。因此，Map 在当今的 JavaScript 社区中仍然没有得到充分的使用。
2月1日 打卡day27
今日学习
在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙。
然而，大多数开发者在需要 hash map 的时候还是会使用对象，只有当他们意识到键值不能只是字符串的时候才会转而使用 Map。因此，Map 在当今的 JavaScript 社区中仍然没有得到充分的使用。
展开
评论
1
#青训营笔记创作活动#
1月31日 打卡day26
今日学习
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。例如，传统的模板技术如JSP、Python、Django、PHP、Laravel 等都是基于 MPA 的框架，包括目前比较火的 Astro 也是采用的 MPA 方案。
1月31日 打卡day26
今日学习
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。例如，传统的模板技术如JSP、Python、Django、PHP、Laravel 等都是基于 MPA 的框架，包括目前比较火的 Astro 也是采用的 MPA 方案。
展开
评论
1
#青训营笔记创作活动#
1月30日 打卡day25
今日学习
富 Web 时代，应用变得越来越强大，与此同时也越来越复杂。集群部署、隔离环境、灰度发布以及动态扩容缺一不可，而容器化则成为中间的必要桥梁。
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。
1月30日 打卡day25
今日学习
富 Web 时代，应用变得越来越强大，与此同时也越来越复杂。集群部署、隔离环境、灰度发布以及动态扩容缺一不可，而容器化则成为中间的必要桥梁。
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。
展开
评论
1
#青训营笔记创作活动#
1月29日 打卡day24
今日学习
如何做一款定制化的数据大屏？
开发可视化数据大屏如何做自适应？
vm vh、rem、scale 到底哪种比较好？
时间不够，有没有偷懒的方法？
1月29日 打卡day24
今日学习
如何做一款定制化的数据大屏？
开发可视化数据大屏如何做自适应？
vm vh、rem、scale 到底哪种比较好？
时间不够，有没有偷懒的方法？
展开
评论
1
#青训营笔记创作活动#
1月28日 打卡day23
今日学习
近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了易搭，通过简单的拖拽、配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。低代码是基于可视化和模型驱动理念，结合云原生与多端体验技术，它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式。
1月28日 打卡day23
今日学习
近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了易搭，通过简单的拖拽、配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。低代码是基于可视化和模型驱动理念，结合云原生与多端体验技术，它能够在多数业务场景下实现大幅度的提效降本，为专业开发者提供了一种全新的高生产力开发范式。
展开
评论
1
#青训营笔记创作活动#
1月27日 打卡day22
今日学习
我们平时见到的树状结构一般都是这样的，每层数组中的item都会有一个children，里面嵌套一个数组然后每个子item也还会有各自的children，就这样一直嵌套下去。
而拍扁后的树状结构其实是一个对象，每个item都扁平化平铺在第一层，每一个item都有各自的parentId与childrenIds。
1月27日 打卡day22
今日学习
我们平时见到的树状结构一般都是这样的，每层数组中的item都会有一个children，里面嵌套一个数组然后每个子item也还会有各自的children，就这样一直嵌套下去。
而拍扁后的树状结构其实是一个对象，每个item都扁平化平铺在第一层，每一个item都有各自的parentId与childrenIds。
展开
评论
1
#第五届青训营阅读打卡#
1月26日 打卡day21
今日学习
关于现代包管理器的深度思考——为什么更推荐 pnpm 而不是 npm/yarn?
pnpm由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。
1月26日 打卡day21
今日学习
关于现代包管理器的深度思考——为什么更推荐 pnpm 而不是 npm/yarn?
pnpm由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。
展开
评论
1