<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Jackson_Mseven的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Jackson_Mseven</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Jackson_Mseven]]></copyright><item><title><![CDATA[Bun 入门到精通（二）——初始化]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/138260730</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/138260730</guid><author>Jackson_Mseven</author><pubDate>Sat, 27 Apr 2024 23:23:24 +0800</pubDate><description><![CDATA[bun init使用bun init可以搭建一个新项目，类似于npm init，同样，bun init也可以接收-y--yes的参数，同样类似于。bun init。]]></description><category></category></item><item><title><![CDATA[Bun 入门到精通（一）——简介]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/138225955</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/138225955</guid><author>Jackson_Mseven</author><pubDate>Fri, 26 Apr 2024 17:54:30 +0800</pubDate><description><![CDATA[Bun 是用于 JavaScript 和 TypeScript 应用程序的多合一工具包。它作为一个名为bun的可执行文件提供。其核心是 Bun 运行时，这是一个快速的 JavaScript 运行时，旨在替代 Node.js。它是用 Zig 编写的，并由 JavaScriptCore 提供支持，大大减少了启动时间和内存使用量。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（八）——优化]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135921882</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135921882</guid><author>Jackson_Mseven</author><pubDate>Mon, 29 Jan 2024 22:01:35 +0800</pubDate><description><![CDATA[{/* 加载组件将在  加载时渲染 */}]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（七）——样式]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135921853</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135921853</guid><author>Jackson_Mseven</author><pubDate>Mon, 29 Jan 2024 21:54:51 +0800</pubDate><description><![CDATA[如果要配置 Sass 编译器，请在中使用。},]]></description><category></category></item><item><title><![CDATA[【万字解析】Webpack 优化构建性能（分析-＞优化）]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135723363</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135723363</guid><author>Jackson_Mseven</author><pubDate>Sat, 20 Jan 2024 23:50:06 +0800</pubDate><description><![CDATA[全局安装插件运行。]]></description><category></category></item><item><title><![CDATA[10w 字前端技术文档分析]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135716858</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135716858</guid><author>Jackson_Mseven</author><pubDate>Sat, 20 Jan 2024 16:08:07 +0800</pubDate><description><![CDATA[在 2023 年 11 月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份。经历了 2 个多月的不断努力，终于，我的文档在今天达到了。，既可以帮助我自己查漏补缺，也可以帮助到其他人。文档发布在飞书上，可以通过。，进行查看，文档可以。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（六）——缓存]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135539668</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135539668</guid><author>Jackson_Mseven</author><pubDate>Thu, 11 Jan 2024 21:47:02 +0800</pubDate><description><![CDATA[机制是什么在哪里目的持续时间请求记忆化函数返回值服务器在 React 组件树中重用数据每请求生命周期数据缓存数据服务器跨用户请求和部署存储数据持久性（可重新验证）全路由缓存HTML 和 RSC 有效负载服务器降低渲染成本并提高性能持久（可重新验证）路由器缓存RSC 有效负载客户端减少导航时的服务器请求用户会话或基于时间的请求默认情况下，Next.js 会尽可能多地缓存，以提高性能并降低成本。这意味着路由会静态渲染，数据请求也会缓存，除非你选择退出。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（五）——渲染]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135539546</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135539546</guid><author>Jackson_Mseven</author><pubDate>Thu, 11 Jan 2024 21:39:11 +0800</pubDate><description><![CDATA[RSC Payload 是渲染的 React Server Components 树的紧凑二进制表示。React 在客户端上使用它来更新浏览器的 DOM。]]></description><category></category></item><item><title><![CDATA[从 2023 GitHub 涨星数看 2024 前端发展方向]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135503840</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135503840</guid><author>Jackson_Mseven</author><pubDate>Wed, 10 Jan 2024 17:37:37 +0800</pubDate><description><![CDATA[结合 AIGC 在原有前端项目上进行升级改造基于 Rust 对前端工具链进行升级在原有 CSR 项目的基础上引入 SSR在合适的项目中使用 Node.js（例如：Nest） 替代 Java鸿蒙系统跨端支持以上仅为作者个人的看法，若有不同的看法或作者有错误的理解欢迎共同探讨。]]></description><category></category></item><item><title><![CDATA[一文带你弄懂 V8 数组的快速 / 字典模式]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135445458</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135445458</guid><author>Jackson_Mseven</author><pubDate>Sun, 07 Jan 2024 21:44:26 +0800</pubDate><description><![CDATA[先抛出一个问题，下面两端代码哪个的效率更高？控制台的输出如下：可以很明显的看到执行耗时的差别，第一段代码的效率远高于第二段代码。那么，这是为什么呢？]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（四）——数据获取]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135090800</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135090800</guid><author>Jackson_Mseven</author><pubDate>Tue, 19 Dec 2023 17:55:15 +0800</pubDate><description><![CDATA[数据缓存是一个持久的。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（三）——路由]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135090129</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135090129</guid><author>Jackson_Mseven</author><pubDate>Tue, 19 Dec 2023 17:50:02 +0800</pubDate><description><![CDATA[本页将指导你如何在 Next.js 应用程序中定义和组织路由。要了解流式传输是如何在 React 和 Next.js 中工作的，首先理解服务端渲染（SSR）及其局限性是很有帮助的。首先，在服务器上获取给定页面的所有数据然后，服务器为页面渲染 HTML页面的 HTML、CSS 和 JavaScript 被发送到客户端使用生成的 HTML 和 CSS 显示非交互式用户界面最后，React水合（hydrates）用户界面，使其具有交互性。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（二）——项目结构]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135038646</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135038646</guid><author>Jackson_Mseven</author><pubDate>Sat, 16 Dec 2023 21:59:10 +0800</pubDate><description><![CDATA[此页面提供了 Next.js 项目的文件和文件夹结构的概述。它涵盖了app和pages目录中的顶级文件和文件夹、配置文件以及路由约定。]]></description><category></category></item><item><title><![CDATA[Next.js 学习笔记（一）——安装]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135033791</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/135033791</guid><author>Jackson_Mseven</author><pubDate>Sat, 16 Dec 2023 15:58:23 +0800</pubDate><description><![CDATA[如果你更喜欢使用 Pages Router 而不是 App Router，你可以在项目的根目录中创建页。启动一个新的 Next.js 应用程序，该应用程序会自动为你设置所有内容。Next.js 使用文件系统路由，这意味着应用程序中的路由由文件的结构决定。该路由器允许你使用 React 的最新功能，是基于社区反馈的。将使用你的项目名称创建一个文件夹，并安装所需的依赖项。需要知道：虽然你可以在同一个项目中使用多个路由器，但。我们建议你在新项目中只使用一个路由器，以避免混淆。文件，以控制来自服务器的初始响应。]]></description><category></category></item><item><title><![CDATA[一文彻底搞懂 JS 闭包]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134521248</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134521248</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 23:19:55 +0800</pubDate><description><![CDATA[这是由于 JS 的。]]></description><category></category></item><item><title><![CDATA[Vue3 源码解读系列（十五）——编译]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520173</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520173</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 22:14:12 +0800</pubDate><description><![CDATA[AST 转换其实就是语法分析阶段，把 AST 节点做一层转换，构造出语义化更强信息更丰富的 codegenCode，它在后续的代码生成阶段起非常重要的作用。问题：静态提升的好处是针对静态节点不用每次在 render 阶段都执行一次 createVNode 创建 vnode 对象，但它有没有成本呢？语法，即：组件可以有多个根节点，但是树状结构只能有一个根节点，所以需要在外层套一个虚拟节点。答：AST 是抽象语法树，用于描述节点在模板中完整的映射信息。问题：为什么 AST 的根节点是虚拟节点？]]></description><category></category></item><item><title><![CDATA[Vue3 源码解读系列（十四）——内置组件]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520117</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520117</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 22:11:12 +0800</pubDate><description><![CDATA[*** Teleport 组件定义*/// 组件创建和更新// 创建逻辑} else {// 更新逻辑},// 组件删除// 删除逻辑},* KeepAlive 组件定义*/// 用户自定义的配置props: {include: [String, RegExp, Array], // 包含exclude: [String, RegExp, Array], // 不包含max: [String, Number], // 最大缓存个数（默认不限制个数）},]]></description><category></category></item><item><title><![CDATA[Vue3 源码解读系列（十三）——双向数据绑定 v-model]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520080</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520080</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 22:08:57 +0800</pubDate><description><![CDATA[通过监听 change 或 input 事件实现。通过 prop 实现。]]></description><category></category></item><item><title><![CDATA[Vue3 源码解读系列（十二）——指令 directive]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520041</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134520041</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 22:06:44 +0800</pubDate><description><![CDATA[定义：本质就是一个 JavaScript 对象，对象上挂着一些钩子函数。实现：在元素的生命周期中注入代码。]]></description><category></category></item><item><title><![CDATA[Vue3 源码解读系列（十一）——插槽 slot]]></title><link>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134519908</link><guid>https://blog.youkuaiyun.com/Jackson_Mseven/article/details/134519908</guid><author>Jackson_Mseven</author><pubDate>Mon, 20 Nov 2023 21:59:34 +0800</pubDate><description><![CDATA[把父组件中编写的插槽内容保存到一个对象上，并且把具体渲染 DOM 的代码用函数的方式封装，然后在子组件渲染的时候，根据插槽名在对象中找到对应的函数，然后执行这些函数做真正的渲染。插槽的实现实际上就是一种。]]></description><category></category></item></channel></rss>