获得徽章 6
- #青训营笔记创作活动#
1月22日 打卡day34
提升代码可读性，减少if-else的几个小技巧：
1.Javascript 的逻辑或 || 的短路运算可以用来代替一些比较简单的 if else
2.三元运算符去替代 if else，建议一层三元运算符。
3.对象配置看起来跟 策略模式 差不多，都是根据不同得参数使用不同得数据/算法/函数。
策略模式就是将一系列算法封装起来，并使它们相互之间可以替换。被封装起来的算法具有独立性，外部不可改变其特性。展开评论点赞 - #青训营笔记创作活动#
1月21日 打卡day33
今日学习 pinia状态管理库
核心概念：state，getters，actions
登录案例：需要用到以下
vite：创建和管理 vue 项目
pinia：状态管理
axios：网络请求
vite-plugin-mock：提供登录的 mock 接口
pinia-plugin-persistedstate：状态持久化插件
展开评论点赞 - #青训营笔记创作活动#
1月20日 打卡day32
今日学习 前端实现docx、pdf格式文件在线预览
通过第三方库来实现文档预览功能，并封装成preview组件。
docx的实现需要使用docx-preview插件。
pdf的预览需要使用PDFJS这个插件,通过将文件流解析写到canvas上实现预览效果。展开评论点赞 - #青训营笔记创作活动#
1月19日 打卡31day
抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。展开评论点赞 - #第五届青训营阅读打卡#
1月18日 打卡day30
今日学习 qiankun 有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱，而它们又可以分为单例和多例两种模式。
qiankun 会把要执行的 JS 包裹在立即执行函数中，通过绑定上下文和传参的方式来改变 this 和 window 的值，让它们指向 window.proxy 沙箱对象，最后再用 eval 来执行这个函数。展开评论点赞 - #第五届青训营阅读打卡#
1月17日 打卡day29
今日学习 package.json中常见配置
描述配置，文件配置，脚本配置，依赖配置，发布配置，系统配置，第三方配置，比如name表示项目名称，version表示版本号，repository表示项目地址，description表示项目描述等展开评论点赞 - #青训营笔记创作活动#
1月16日 打卡day28
Tapable是一个类似于 Node.js 中的 EventEmitter 的库，但它更专注于自定义事件的触发和处理。通过 Tapable 可以注册自定义事件，然后在适当的时机去执行自定义事件展开评论点赞 - #青训营笔记创作活动#
1月15日 打卡day27
今日学习 什么时候使用 Map 或胜过 Object
Map 比 Object 快，除非有小的整数、数组索引的键，而且它更节省内存。
如果你需要一个频繁更新的 hash map，请使用 Map；如果你想一个固定的键值集合（即记录），请使用Object，并注意原型继承带来的陷阱。展开评论点赞 - #青训营笔记创作活动#
1月14日 打卡day26
今日学习 Islands 架构模型，这个模型主要用于 SSR (也包括 SSG) 应用，我们知道，在传统的 SSR 应用中，服务端会给浏览器响应完整的 HTML 内容，并在 HTML 中注入一段完整的 JS 脚本用于完成事件的绑定，也就是完成 hydration (注水) 的过程。当注水的过程完成之后，页面也才能真正地能够进行交互。
当一个页面中只有部分的组件交互，那么对于这些可交互的组件，我们可以执行 hydration 过程，因为组件之间是互相独立的。展开评论点赞 - #青训营笔记创作活动#
1月14日 打卡day25
今日学习 lalands 架构原理和实践
Islands 架构模型在 2019 年被提出来，这个模型主要用于 SSR (也包括 SSG) 应用，在传统的 SSR 应用中，服务端会给浏览器响应完整的 HTML 内容，并在 HTML 中注入一段完整的 JS 脚本用于完成事件的绑定，也就是完成 hydration (注水) 的过程。当注水的过程完成之后，页面也才能真正地能够进行交互。
当一个页面中只有部分的组件交互，那么对于这些可交互的组件，我们可以执行 hydration 过程，因为组件之间是互相独立的。
而对于静态组件，即不可交互的组件，我们可以让其不参与 hydration 过程，直接复用服务端下发的 HTML 内容。
可交互的组件就犹如整个页面中的孤岛(Island)，因此这种模式叫做 Islands 架构。展开评论点赞