<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[咸鱼滚滚]]></title><description><![CDATA[一条努力往前又时刻想躺的咸鱼~]]></description><link>https://blog.youkuaiyun.com/fishmemory7sec</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fishmemory7sec]]></copyright><item><title><![CDATA[Vue大屏自适应容器组件：v-scale-screen]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/160322118</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/160322118</guid><author>fishmemory7sec</author><pubDate>Mon, 20 Apr 2026 11:23:03 +0800</pubDate><description><![CDATA[，以实现页面在不同分辨率下的等比缩放，可根据宽度自适应，高度自适应，和宽高等比例自适应，全屏自适应（会存在拉伸问题）组件通过包裹子元素的方式工作，它会自动计算父容器与目标画布宽高的比例，并进行缩放。在数据可视化项目开发中，大屏自适应一直是前端开发的痛点和项目刚需，作为大屏自适应容器组件，核心原理是对父容器进行 CSS 缩放（触发过于频繁，可以添加防抖或。在vue2中作为插件使用，在。]]></description><category></category></item><item><title><![CDATA[Koa2项目实战3 （koa-body，用于处理 HTTP 请求中的请求体）]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142714182</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142714182</guid><author>fishmemory7sec</author><pubDate>Sat, 05 Oct 2024 17:38:59 +0800</pubDate><description><![CDATA[koa-body是一个用于 Koa 框架的中间件，它主要用于处理 HTTP 请求中的请求体。]]></description><category></category></item><item><title><![CDATA[Koa2项目实战2（路由管理、项目结构优化）]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142704844</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142704844</guid><author>fishmemory7sec</author><pubDate>Sat, 05 Oct 2024 14:20:34 +0800</pubDate><description><![CDATA[路由：根据不同的URL，调用对应的处理函数。

每一个接口服务，最核心的功能是：根据不同的URL请求，返回不同的数据。也就是调用不同的接口返回不同的数据。

在 Node.js 中使用 Koa 框架添加路由可以通过以下几种方式实现：]]></description><category></category></item><item><title><![CDATA[Koa2项目实战1（项目搭建）]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142684552</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142684552</guid><author>fishmemory7sec</author><pubDate>Fri, 04 Oct 2024 16:43:22 +0800</pubDate><description><![CDATA[Koa 是一个基于 Node.js 的 Web 应用框架，由 Express 原班人马打造。
Koa 并没有捆绑任何中间件，而是提供了一套优雅的方法，帮助开发者快速地编写服务端应用程序。]]></description><category></category></item><item><title><![CDATA[Electron 使⽤ electron-builder 打包应用]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142659530</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142659530</guid><author>fishmemory7sec</author><pubDate>Wed, 02 Oct 2024 20:04:14 +0800</pubDate><description><![CDATA[electron有几种打包方式，我使用的是electron-builder。虽然下载依赖的时候让我暴躁，使用起来也很繁琐，但是它能进行很多自定义，打包完成后的体积也要小一些。]]></description><category></category></item><item><title><![CDATA[Electron 进程通信]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142632724</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142632724</guid><author>fishmemory7sec</author><pubDate>Mon, 30 Sep 2024 15:14:14 +0800</pubDate><description><![CDATA[Electron 进程通信：

IPC：全称是 InterProcess Communication ，即：进程间通信。
IPC连接不同进程：在 Electron 应用中，主进程和渲染进程各自有不同的职责和运行环境。IPC是它们之间进行交互和协同工作的关键机制。没有有效的 IPC，主进程和渲染进程将无法有效地沟通和协调，导致应用功能受限。
调用原生 API 的唯一途径：IPC 是 Electron 中最为核心的内容。IPC 是从 UI（通常在渲染进程中）调用原生 API 的唯一方法。这意味着如果想要在 El]]></description><category></category></item><item><title><![CDATA[Electron 主进程与渲染进程、预加载preload.js]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142620862</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142620862</guid><author>fishmemory7sec</author><pubDate>Sun, 29 Sep 2024 12:18:30 +0800</pubDate><description><![CDATA[每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点（主进程具有唯一性）。任何 Electron 应用程序的入口都是 main 文件，负责控制应用的生命周期、创建和管理窗口、与操作系统进行交互等。
主进程在 Node.js 环境中运行，它具有 require 模块和使⽤所有 Node.js API 的能力。
主进程的核心：使用 BrowserWindow 来创建和管理应用程序窗口。]]></description><category></category></item><item><title><![CDATA[Electron 使用 Nodemon 配置自动重启]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142617503</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142617503</guid><author>fishmemory7sec</author><pubDate>Sat, 28 Sep 2024 19:36:50 +0800</pubDate><description><![CDATA[在Electron项目中，每次修改了代码都需要手动关闭应用，再执行npm start重启应用。

Nodemon 是一个非常实用的工具，主要用于在开发 Node.js 应用时自动监测文件的变化并重新启动服务器。]]></description><category></category></item><item><title><![CDATA[Electron 安装以及搭建一个工程]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142531381</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142531381</guid><author>fishmemory7sec</author><pubDate>Sat, 28 Sep 2024 15:52:44 +0800</pubDate><description><![CDATA[Electron 应用程序遵循与其他 Node.js 项目相同的结构。
首先创建一个文件夹my-electron-app并在vscode 编译器中打开文件夹。]]></description><category></category></item><item><title><![CDATA[electron介绍]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142490802</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142490802</guid><author>fishmemory7sec</author><pubDate>Tue, 24 Sep 2024 16:32:34 +0800</pubDate><description><![CDATA[Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。

Electron 允许开发者使用前端技术栈来创建可以在 Windows、macOS 和 Linux 等多个操作系统上运行的桌面应用程序。

Electron 本质上是一个运行在桌面操作系统上的运行时环境，它将 Chromium（一个开源的浏览器引擎）和 Node.js（一个基于 JavaScript 的服务器端运行时环境）结合在一起。这使得开发者可以在应用程序中同时使用前端的 HTML、CSS 和 JavaS]]></description><category></category></item><item><title><![CDATA[vue3 组合式API defineEmits() 与 emits 组件选项]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142302092</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142302092</guid><author>fishmemory7sec</author><pubDate>Mon, 16 Sep 2024 14:43:10 +0800</pubDate><description><![CDATA[defineEmits() 和 emits组件选项在功能上都是用于声明组件可以向外触发的事件。它们的核心目的都是让组件明确地告知外界它能够发出哪些自定义事件，以此来规范组件间的通信。

defineEmits()在 Vue 3 的组合式 API 中使用。
emits组件选项 在Vue 2 及 Vue 3 的选项式 API 中使用。]]></description><category></category></item><item><title><![CDATA[vue3 透传 Attributes]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142259756</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142259756</guid><author>fishmemory7sec</author><pubDate>Sun, 15 Sep 2024 17:15:28 +0800</pubDate><description><![CDATA[“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。

当一个组件以单个元素为根作渲染时，透传的 attribute 会自动被添加到根元素上。

最常见的例子就是 class、style 和 id。]]></description><category></category></item><item><title><![CDATA[vue3 内置组件 ＜Suspense＞]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142177946</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142177946</guid><author>fishmemory7sec</author><pubDate>Thu, 12 Sep 2024 23:00:46 +0800</pubDate><description><![CDATA[是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化。

是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态。]]></description><category></category></item><item><title><![CDATA[vue3 内置组件＜Teleport＞]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142148322</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142148322</guid><author>fishmemory7sec</author><pubDate>Thu, 12 Sep 2024 15:36:56 +0800</pubDate><description><![CDATA[将一个组件的模板内容渲染到指定的 DOM 节点位置，而不是在组件自身的挂载点。

组件的参数说明：]]></description><category></category></item><item><title><![CDATA[vue3 响应式API customRef()]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142144527</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142144527</guid><author>fishmemory7sec</author><pubDate>Wed, 11 Sep 2024 18:17:47 +0800</pubDate><description><![CDATA[使用ref()定义响应式数据：</</</importfrom'vue';constref'hello'</使用Vue提供的默认ref()定义响应式数据，当数据发生变化时，Vue 的响应式系统会自动检测到变化，并立即更新相关的页面部分。现在，实现如下图所示的需求：当在输入框输入123时，输入结束1秒后，页面才更新。将输入框与inputValue进行双向绑定，当用户在输入框中输入数字1input框的数据瞬间就改变了，在页面上用作展示的也就更新了。使用ref()]]></description><category></category></item><item><title><![CDATA[vue3 响应式API toRaw() 和 markRaw()]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142104033</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142104033</guid><author>fishmemory7sec</author><pubDate>Wed, 11 Sep 2024 16:29:17 +0800</pubDate><description><![CDATA[toRaw()根据一个 Vue 创建的代理返回其原始对象。

toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代理对应的原始对象。]]></description><category></category></item><item><title><![CDATA[Vue3 响应式工具函数isRef()、unref()、isReactive()、isReadonly()、isProxy()]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141958569</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141958569</guid><author>fishmemory7sec</author><pubDate>Tue, 10 Sep 2024 15:20:19 +0800</pubDate><description><![CDATA[isRef()：检查某个值是否为 ref。

isRef函数接收一个参数，即要判断的值。如果该参数是由ref创建的响应式对象，则返回true；否则，返回false。]]></description><category></category></item><item><title><![CDATA[vue3 内置特殊元素＜slot＞ 与 插槽 Slots]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142029431</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/142029431</guid><author>fishmemory7sec</author><pubDate>Tue, 10 Sep 2024 13:45:44 +0800</pubDate><description><![CDATA[Vue 模板里的  元素会被编译到 JavaScript，因此不要与原生  元素进行混淆。
 元素可以使用 name attribute 来指定插槽名。
当没有指定 name 或者name="default"时，将会渲染默认插槽。
传递给插槽元素的附加 attributes 将作为插槽 props，传递给父级中定义的作用域插槽。]]></description><category></category></item><item><title><![CDATA[vue3 响应式 API：shallowRef()和shallowReactive()]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141964261</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141964261</guid><author>fishmemory7sec</author><pubDate>Fri, 06 Sep 2024 18:08:34 +0800</pubDate><description><![CDATA[shallowRef()是一个用于创建浅层响应式引用的函数。它创建一个响应式数据，但只对顶层属性进行响应式处理。
shallowReactive()是一个用于创建浅层响应式对象的函数。
shallowReactive()创建的响应式对象是浅层的：
只有对象的直接属性是响应式的，对象内部的嵌套属性不是响应式的。]]></description><category></category></item><item><title><![CDATA[vue3 响应式 API：readonly() 与 shallowReadonly()]]></title><link>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141961394</link><guid>https://blog.youkuaiyun.com/fishmemory7sec/article/details/141961394</guid><author>fishmemory7sec</author><pubDate>Fri, 06 Sep 2024 16:49:54 +0800</pubDate><description><![CDATA[readonly()是一个用于创建只读代理对象的函数。它接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。
shallowReadonly() 是 readonly() 的浅层作用形式，是一个用于创建浅层只读代理对象的函数。]]></description><category></category></item></channel></rss>