前端开发
刷新
轻松掌握useAsyncData获取异步数据

博主头像 摘要：本文详细介绍Nuxt.js中的useAsyncData组合式函数，它用于在服务端渲染(SSR)过程中异步获取数据，确保客户端正确水合，避免重复请求。内容包括基本概念、参数说明（key, handler, options）、示例用法、如何监听参数变化自动刷新数据及返回值详解，展示了在页面组件中使... ...

微信小程序车牌键盘输入组件（支持单个删除更改，支持赋值，支持新能源）

博主头像 网上一搜一大堆类似但大多都相对简单，适用的场景并不多。多数也不支持赋值 不支持单个删除更改 我就借鉴了一下网上文章的思路，为了达到自己想要的效果做了相对应的更改。 效果图如下： 直接上代码！ WXML代码： 点击查看代码 <!-- 车牌号码输入框 --> <view wx:if="{{isSplit ...

[Windows环境]nvm工具的介绍和安装

博主头像 nvm工具介绍 NVM（Node Version Manager）是一个用于管理Node.js版本的工具。它允许用户在同一台机器上同时安装和切换不同版本的Node.js，以便在不同的项目中使用特定的Node.js版本。同时为每个版本保留独立的环境，避免版本冲突和兼容性问题。 此文章步骤以window ...

使用 `useAppConfig` ：轻松管理应用配置

博主头像 摘要：本文介绍了Nuxt开发中useAppConfig的使用，它便于访问和管理应用配置，支持动态加载资源、环境配置切换、权限管理、主题切换和配置文件集中管理等功能，通过实例展示了如何在Nuxt项目中应用此工具以实现配置灵活性和应用维护性。 ...

cityAreaSelect.js使用说明

博主头像 一、简介 该JS为省市区选择插件，当前最新版本为1.0，插件中地区数据更新于2024年07月02日，插件不依赖第三方JS，可独立使用。 github地址：https://github.com/TammyViola/cityAreaSelect 二、CSS和JS引用 PS：样式可根据项目实际情况进行调 ...

使用 CSS 实现渐变效果

博主头像 使用 CSS 实现渐变效果 使用 CSS 实现渐变效果非常简单且强大，CSS 提供了两种主要的渐变效果：线性渐变（linear gradient）和径向渐变（radial gradient）。下面是如何使用这些渐变效果的详细说明。 1. 线性渐变（Linear Gradient） 线性渐变沿直线方向 ...

使用 CSS 实现多列布局

博主头像 使用 CSS 实现多列布局 在 CSS 中，可以通过多种方法实现多列布局，以下是一些常见的方法： 1. 使用 Flexbox Flexbox 是一个强大的布局工具，适合用于需要灵活布局的场景。以下是一个基本的示例： <div class="container"> <div class="column ...

前端如何取消接口调用

博主头像 ‍ 写在开头 点赞 + 收藏 学会 1. xmlHttpRequest是如何取消请求的？ 实例化的XMLHttpRequest对象上也有abort方法 const xhr = new XMLHttpRequest(); xhr.addEventListener('load', f ...

Nuxt框架中内置组件详解及使用指南（五）

博主头像 title: Nuxt框架中内置组件详解及使用指南（五） date: 2024/7/10 updated: 2024/7/10 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt框架中和组件的使用方法与配置，包括安装、基本用法、属性详解、示例代码以及高级功能如事件处理、 ...

[NodeJS] JavaScript模块化

博主头像 这篇文章介绍了JavaScript模块化的发展历程及各种方案，包括IIFE、CommonJS、AMD、CMD、UMD及ESM。对比了各方案的特点和优缺点。同时，深入剖析了Node.js中CommonJS的模块加载机制。 ...

Nuxt框架中内置组件详解及使用指南（四）

博主头像 title: Nuxt框架中内置组件详解及使用指南（四） date: 2024/7/9 updated: 2024/7/9 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt 3框架中的两个内置组件：和的使用方法与示例。用于捕获并处理客户端错误，提供了错误处理和自定义错 ...

如何快速实现一个无缝轮播效果

博主头像 ‍ 写在开头 点赞 + 收藏 学会 需求简介 轮播图是我们前端开发中的一个常见需求，在项目开发中，我们可以使用element、ant等UI库实现。某些场景，为了一个简单的功能安装一个库是没必要的，我们最好的选择就是手搓。 我们来看一个需求 上述需求核心就是实现一个无缝轮播的切换效 ...

简述 JS 中对象的创建和拷贝

博主头像 在 JavaScript 中，对象是一种非常重要且灵活的数据结构，用于存储多个值（属性）和方法（函数）。对象的创建和拷贝是日常开发中经常涉及的操作，对于业务逻辑的准确实现有着重要的作用。本文将简要概括 JavaScript 中对象的创建和拷贝方式，都是一些非常基础的知识，大家看个乐就好~ ...

你可以终止 forEach 吗？

博主头像 ‍ 写在开头 点赞 + 收藏 学会 理解 forEach JavaScript 的forEach方法是一种流行的数组迭代工具。它为每个数组元素执行一次提供的函数。但是，与传统的for 和 while循环不同，forEach它被设计为对每个元素执行该函数，没有内置机制来提前停止或中 ...

<1···345···50>