vue3的reactivity模块的baseHandlers主要为普通对象和数组的Proxy实现了拦截操作的处理,通过3个类分别实现了getter和setter等操作的拦截,并对一些数组原型上的方法做了特殊处理,使得数组操作可以更好地适配vue的响应式系统。 ...
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 ...
最近在我的vue源码交流群有位面试官分享了一道他的面试题:vue3的ref是如何实现响应式的?下面有不少小伙伴回答的是Proxy,其实这些小伙伴只回答对了一半。 ...
title: Nuxt.js 路由管理:useRouter 方法与路由中间件应用 date: 2024/7/28 updated: 2024/7/28 author: cmdragon excerpt: 摘要:本文介绍了Nuxt 3中useRouter方法及其在路由管理和中间件应用中的功能。内容包括 ...
写在开头 点赞 + 收藏 学会 前言 众所周知,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获取 ...
写在开头 点赞 + 收藏 学会 本文用于记录在React课程中学习时,课程中留下的一个关于async/await原理的思考题(默认读者熟悉Promise) 思考题 这个思考题就是:请将以下async/await代码,换一种方式实现,保证异步等待功能和输出顺序: functio ...
title: 使用 useRequestURL 组合函数访问请求URL date: 2024/7/26 updated: 2024/7/26 author: cmdragon excerpt: 摘要:本文介绍了Nuxt 3中的useRequestURL组合函数,用于在服务器端和客户端环境中获取当前页 ...
写在开头 点赞 + 收藏 学会 可能有人觉得,这个组件很简单,没什么技术含量,其实确实也啥技术含量。但是,我是想借这个组件,来表达一种封装的思想在里面,希望可以帮助到一些朋友。 简单的描述下这个组件的功能: 用户可以点击下面颜色比较绚丽的上传按钮,选择本地图片进行上传,也可以 ...
title: Nuxt.js 环境变量配置与使用 date: 2024/7/25 updated: 2024/7/25 author: cmdragon excerpt: 摘要:“该文探讨了Nuxt.js框架下环境变量配置的详细过程,涉及.env文件配置、运行时访问、安全性考量、在不同场景下的实践( ...
前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项目,在node.js项目中使用vue的响应式API。 关注公众号:【前端欧 ...
引言 嘿,大家好!今天我想聊聊我最近在前端开发中遇到的一个头疼的问题,以及我是如何一步步解决它的。如果你也在使用Websocket实现AI会话,或许你会遇到类似的问题。 项目背景 我最近在捣鼓一个开源项目,项目地址:GitHub - chatpire/chatgpt-web-share: ChatG ...
写在开头 点赞 + 收藏 学会 1.web-view覆盖层问题 问题由来 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面。 所以这得多恶心。。。不仅铺满,还覆盖了普通的标签,调z-index都无解。 解决办法 web-view内部使用 ...
title: 服务端渲染中的数据获取:结合 useRequestHeaders 与 useFetch date: 2024/7/24 updated: 2024/7/24 author: cmdragon excerpt: 摘要:本文介绍Vue服务端渲染中使用useRequestHeaders获取请 ...
摘要:本文介绍Nuxt 3中useRequestEventHook的使用,可访问请求路径、方法和头部信息,适用于SSR环境下处理请求逻辑,如中间件、插件及API路由。仅服务器端生效,需注意安全性。 ...
Hello,小伙伴大家好,我是小VIE,一名学习前端时长两月半的前端萌新 (ノ◡◝) 这次主要是分享我在前端两个月的学习过程心得和半个月的实践成果,希望无论是准备秋招的同学,还是日常中学习、工作、求职的小伙伴都能得到一些信心! ...
写在开头 点赞 + 收藏 学会 引言 众所周知,进度条是程序员大大模拟的程序运行进度,一般会在某些数值卡住不动,引起99%悬案。但是背后的原理你真的清楚吗,其实进度条真的是匀速运动的! 先来看看效果 接下来开始实现 创建一个矩形,然后折叠起来,完成! 创建一个容器,用于宽度限 ...
title: 使用 useNuxtData 进行高效的数据获取与管理 date: 2024/7/22 updated: 2024/7/22 author: cmdragon excerpt: 深入讲解了Nuxt 3中useNuxtData组合函数的应用,演示了如何通过此函数访问缓存数据,实现组件间数 ...
前言 在写vue3编译原理揭秘电子书的时候,发现有不少粉丝还傻傻分不清楚什么是编译时?什么是运行时?这篇文章我们来让你彻底搞清楚编译时和运行时的区别。 关注公众号:【前端欧阳】,给自己一个进阶vue的机会 编译时 我将编译这个词语理解为翻译,这句话是什么意思呢? 比如你要和一个老外沟通,你的英文超级 ...