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，其实这些小伙伴只回答对了一半。 ...

title: Nuxt.js 路由管理：useRouter 方法与路由中间件应用 date: 2024/7/28 updated: 2024/7/28 author: cmdragon excerpt: 摘要：本文介绍了Nuxt 3中useRouter方法及其在路由管理和中间件应用中的功能。内容包括 ...

网页效果预览 这个网页包含图片，链接，字体设置，表格等 初学者最好手敲代码,更快熟悉元素和结构 完整的代码放在最后了 一：代码怎么变成网页 之前我们安装了xampp，启动xampp里的apache及sql 在xampp下找到htdocs目录 新建文件夹改名后缀为.php即可 将新建文件用记事本打开 ...

‍ 写在开头 点赞 + 收藏 学会 前言 众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：<button @click="msg = 'Hello Vue3'"> ...

title: useRoute 函数的详细介绍与使用示例 date: 2024/7/27 updated: 2024/7/27 author: cmdragon excerpt: 摘要：本文介绍了Nuxt.js中useRoute函数的详细用途与示例，展示了如何在组合式API中使用useRoute获取 ...