title: Nuxt 使用指南:掌握 useNuxtApp 和运行时上下文 date: 2024/7/21 updated: 2024/7/21 author: cmdragon excerpt: 摘要:“Nuxt 使用指南:掌握 useNuxtApp 和运行时上下文”介绍了Nuxt 3中useN ...
title: 使用 useLazyFetch 进行异步数据获取 date: 2024/7/20 updated: 2024/7/20 author: cmdragon excerpt: 摘要:“使用 useLazyFetch 进行异步数据获取”介绍了在Nuxt开发中利用useLazyFetch进行异 ...
title: 使用 useLazyAsyncData 提升数据加载体验 date: 2024/7/19 updated: 2024/7/19 author: cmdragon excerpt: 摘要:本文介绍useLazyAsyncData函数在Nuxt 3中的使用,以提升数据加载体验。此函数支持异 ...
上图直观展示了 Vue 的 Diff 算法流程:3种方式 比较根节点: 图中左侧的 "Old VNode" 和右侧的 "New VNode" 表示旧的和新的虚拟 DOM 根节点。 箭头表示比较过程,如果根节点不同,直接替换整个节点。 比较子节点: 当根节点相同时,递归比较子节点。 左侧 "Old C ...
写在开头 点赞 + 收藏 学会 有这样一种场景:如果你在开发过程中,发现某个npm包有Bug,应该怎么办? 第一选择当然是向原作者提issue,或者Fork该仓库代码,修改以后,提交合并请求。 但这种情况有个严重的问题,就是耗时,如果遇到严格的作者,或者不活跃的作者,时间线可 ...
title: Nuxt.js 中使用 useHydration 实现数据水合与同步 date: 2024/7/18 updated: 2024/7/18 author: cmdragon excerpt: 摘要:介绍Nuxt.js中useHydration函数,用于控制客户端与服务器数据同步,实现数 ...
title: useHeadSafe:安全生成HTML头部元素 date: 2024/7/17 updated: 2024/7/17 author: cmdragon excerpt: 摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS ...
写在开头 点赞 + 收藏 学会 1、支付宝不支持v-show 改为v-if。 2、v-html App端和H5端支持 v-html ,微信小程序会被转为 rich-text,其他端不支持 v-html。 解决方法:去插件市场找一个支持跨端的富文本组件。 3、导航栏处有背景色延 ...
其实很久以前,Nginx就设想推出JavaScript for Nginx了,可惜直到现在都不完善,甚至在国内关注的人都寥寥无几
虽然如此,但Nginx出品的高并发NJS还是很香啊,原生集成就是好
但是,你知道怎么交叉编译Nginx和Nginx的JS引擎njs吗?
你想要尝试使用Nginx+NJS搭... ...
1.路由配置 1.1路由组件的雏形 src\views\home\index.vue(以home组件为例) 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat ...
如何通过 Promise 实现百条接口请求? 实际项目中遇到需要发起上百条Promise接口请求怎么办? 前言 不知你项目中有没有遇到过这样的情况,反正我的实际工作项目中真的遇到了这种玩意,一个接口获取一份列表,列表中的每一项都有一个属性需要通过另一个请求来逐一赋值,然后就有了这份封装 真的是很多功 ...
title: Nuxt.js头部魔法:轻松自定义页面元信息,提升用户体验 date: 2024/7/16 updated: 2024/7/16 author: [ cmdragon ](https://cmdragon.cn) excerpt: 摘要:“Nuxt.js头部魔法:轻松自定义页面元信息, ...
短剧播放器是微信官方为微短剧类目小程序提供的播放器插件。 开发者可引入短剧播放器插件后,基于自身需求快速进行开发上线。 小程序中使用短剧播放器需要以下几个条件 小程序已有短剧类目(文娱->微短剧),并且将该类目设为主类目 小程序引入短剧播放器插件 微信官方短剧插件文档 小程序后台接入微信媒资管理, ...
首先导入CDN <!--导入vue与axios--> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.j ...
1. Vue3简介 2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址:Release v3.0.0 One Piece · vuejs/core 截止2023年10月,最新的公开版 ...
写在开头 点赞 + 收藏 学会 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断,在此背景下,微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲 ...
在 Vue 3 中,组合式 API(Composition API)引入了新的响应式系统,使得状态管理和逻辑复用变得更加灵活和强大。ref() 和 reactive() 是组合式 API 中两个重要的响应式工具,它们各自有不同的使用场景和特性。在这篇博客中,我们将深入探讨 ref() 和 react ...
Vue.js 是一个渐进式的 JavaScript 框架,用于构建用户界面。理解 Vue 的生命周期是掌握这个框架的关键之一。在这篇博客中,我们将深入探讨 Vue 2 的生命周期,并通过代码示例来展示每个生命周期钩子的作用。 Vue 实例的生命周期 Vue 实例的生命周期可以分为四个主要阶段: 创建 ...
摘要:“探索Nuxt.js的useFetch:高效数据获取与处理指南”详述了Nuxt.js中useFetch函数的使用,包括基本用法、动态参数获取、拦截器使用,及参数详解。文章通过示例展示了如何从API获取数据,处理动态参数,自定义请求和响应,以及useFetch和useAsyncData的参数选项... ...
相信不少同学都有欧阳这种情况,年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成,年底回顾时发现年初制定的计划基本都没完成。痛定思痛,第二年年初决定再次制定一份学习英语和源码的详细年度计划,毫无疑问又失败了。 ...