总览 Vue3 的单向数据流 尽信官网，不如那啥。 vue的版本一直在不断更新，内部实现方式也是不断的优化，官网也在不断更新。 既然一切皆在不停地发展，那么我们呢？等着官网更新还是有自己的思考？ 我觉得我们要走在官网的前面，而不是等官网更新后，才知道原来可以这么实现。。。 我习惯先给大家一个整体的概 ...

vue-color-avatar —— 一款基于 Vite + Vue3 实现的矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。 ...

title: 使用 $fetch 进行 HTTP 请求 date: 2024/8/2 updated: 2024/8/2 author: cmdragon excerpt: 摘要：文章介绍了Nuxt3中使用\(fetch进行HTTP请求的方法，它是基于ofetch库，支持SSR和自动缓存。\)fet ...

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。 ...

Next.js 作为一个强大的 React 框架，为开发者提供了两种路由系统：App Router 和 Pages Router。这两种路由系统各有特色，适用于不同的场景。本文将深入探讨这两种路由系统的区别、优缺点和使用场景，帮助你做出最佳选择。 App Router：新一代的路由革命 App Ro ...

title: 使用 useState 管理响应式状态 date: 2024/8/1 updated: 2024/8/1 author: cmdragon excerpt: 摘要：本文详细介绍了在Nuxt3框架中使用useState进行响应式状态管理的方法，包括其基本概念、优势、使用方法、共享状态实现 ...

这篇文章记录了在Vue3中如何在全局或者组件内部注册自定义事件，并通过阅读源码探索自定义事件的实现原理。 ...

1、前期准备 1、语法规范 1、所有的标签都必须包含在开始标签 结束标签，里面都是成对出现的，但是有些标签是单标签，，但是单标签非常的少 2、标签关系 包含关系 就是嵌套的关系(父子关系),html包含了head这个标签 并列关系 head和body是并列关系 3、结构标签 html标签是根标签 h ...

title: 使用 useServerSeoMeta 优化您的网站 SEO date: 2024/7/31 updated: 2024/7/31 author: cmdragon excerpt: 摘要：本文介绍了Nuxt3框架中的useServerSeoMeta函数，它用于服务器端渲染(SSR)中 ...

Babel 是一个多功能的 JavaScript 编译器，主要用于将现代 JavaScript 语法转换为向后兼容的代码。其工作流程包括解析（parse）、转换（transform）和生成（generate）三个步骤，最终生成兼容代码和源码映射。通过自定义插件，开发者可以灵活地操作 AST，实现代码... ...

Vue3完全胜任大型业务系统的开发。但是，我们不仅要能做到，而且要做得更好。大型业务系统的关键就是解耦合，从而减缓shi山代码的生长。而ioc容器是目前最好的解耦合工具。 ...

‍ 写在开头 点赞 + 收藏 学会 这里我们不介绍禁止右键菜单, 禁止F12快捷键和代码混淆方案。 无限debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时候就会执行 由于程序被 debugger 阻 ...

众所周知vue提供了很多黑魔法，比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能，大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。 ...

这篇笔记记录了Vue3的源码中响应式模块的部分内容，介绍了Vue3是如何通过Proxy拦截对Map、Set等集合类型的操作来实现响应式的 ...

1 import { Box, Matrix3, Vector2 } from './Utils.js'; 2 import { Shape, ShapeUtils, SplineCurve } from './TwoUtils.js'; 3 4 const BlendEquationAdd = [ ...

title: 使用 useSeoMeta 进行 SEO 配置 date: 2024/7/30 updated: 2024/7/30 author: cmdragon excerpt: 摘要：本文介绍了Nuxt3中的useSeoMeta组合函数，用于简化和优化网站的SEO配置。通过这个工具，开发者可以 ...

随着互联网的发展，前后端分离的架构在现代 web 开发中越来越流行。然而，数据安全性始终是一个重要的问题。在前后端分离的架构中，数据在前端和后端之间的传输和处理过程中需要采取有效的安全措施，以确保数据的机密性、完整性和可用性。本文将介绍一些常见的方法和最佳实践，以帮助确保前后端数据的安全性。 1. ...

‍ 写在开头 点赞 + 收藏 学会 图片预加载和图片懒加载是网页优化的两种常见技术，它们可以提升用户体验并改善网页性能。 图片预加载（Image Preloading）： 图片预加载是指在页面加载时提前加载图片，使其缓存在浏览器中，当用户需要查看这些图片时，可以立即显示，而不需要 ...

vue3的reactivity模块的baseHandlers主要为普通对象和数组的Proxy实现了拦截操作的处理，通过3个类分别实现了getter和setter等操作的拦截，并对一些数组原型上的方法做了特殊处理，使得数组操作可以更好地适配vue的响应式系统。 ...

前言 今天复习了一些前端算法题，写到一两道比较有意思的题：重建二叉树、反向输出链表每个节点 题目 重建二叉树: 输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列 {1,2,4,7,3,5,6,8} 和中序遍历序列 { ...