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} 和中序遍历序列 { ...

title: Nuxt.js必读：轻松掌握运行时配置与 useRuntimeConfig date: 2024/7/29 updated: 2024/7/29 author: cmdragon excerpt: 本文详细介绍了Nuxt.js中的运行时配置功能，包括定义和使用运行时配置的方法，以及如何 ...

‍ 写在开头 点赞 + 收藏 学会 axios的两种调用方式 经常调接口的同学一定非常熟悉aixos下面的两种使用方式： axios(config) // 配置式请求 axios({ method: 'post', url: '/user/12345', }); axios.po ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：琉易 liuxianyu.cn 这一篇是系列文章： 搭建自动化 Web 页面性能检测系统 —— 设计篇 搭建自动化 Web 页面性能检测系统 —— 实现篇 作 ...

最近在我的vue源码交流群有位面试官分享了一道他的面试题：vue3的ref是如何实现响应式的？下面有不少小伙伴回答的是Proxy，其实这些小伙伴只回答对了一半。 ...