微信小程序中 WebView 组件的使用与应用场景
一、为什么需要WebView？在微信小程序开发中，大多数功能可以用原生组件实现，但仍有一些情况需要加载已有网页、H5活动页、客服页、表单页或外部系统。此时，就需要官方提供的组件——WebView。WebView可以让小程序在自身页面内打开网…
Vue
共 13 篇文章
在 JavaScript 中实现保留两位小数的实用方法
一、前言在前端开发中，保留两位小数是非常常见的需求（比如金额、利率、百分比等）。看似简单，但JS的浮点数精度问题会带来一些坑。本篇汇总几种常用做法、优缺点和推荐场景，帮你快速选对方案。二、常见方法与示例1.最简单：toFixed(2)（用于…
ECharts 实战：connectNulls 的妙用——绘制连续折线图并跳过 0 值节点
一、问题背景在使用ECharts绘制折线图时，我们经常会遇到一种情况：数据序列中有些点的值为0，但这些0并不代表真实数据，而是缺失或无效值。默认情况下，ECharts会把这些0值也画在折线上，从而导致曲线出现突兀的下坠。这在分析指标波动趋势…
Vue Router 的 hash 模式和 history 模式，一文搞懂区别与使用场景
前言：为什么需要了解路由模式？在Vue项目中，路由是前端SPA（单页应用）的核心之一。VueRouter提供了两种常用的路由模式：hash模式和history模式。很多新手在选择时容易混淆，今天我们就来系统梳理一下两者的区别、优缺点以及适用…
vue3中ref和reactive的区别和优缺点
在Vue3中，ref和reactive是两个核心的响应式API，它们用于创建响应式的数据，但在用法、性能、以及适用场景上存在一些差异。下面详细介绍这两个API的区别、优缺点以及使用场景。1、ref &nbs…
如何使用 Vite 和 Vue 框架创建组件库
在前端开发中，组件化开发已成为一种高效、可维护的方式。通过创建组件库，不仅可以提高代码复用率，还能方便地在不同项目之间共享组件。本文将详细介绍如何使用Vite和Vue框架创建一个组件库，并将其导出供其他项目使用。为保持一致性和避免潜在冲突，…
如何使用Yarn Workspaces实现Monorepo模式在一个仓库中管理多个项目
YarnWorkspaces是Yarn提供的一种依赖管理机制，它支持在单个代码仓库中管理多个包的依赖。这种机制非常适合需要多个相互依赖的包的项目，能够减少重复依赖，加快依赖安装速度，并简化依赖管理。下面将详细介绍如何使用YarnWorksp…
Vue实现修改第三方组件样式
在vue中可以通过以下两种方式修改第三方组件样式：1、全局覆盖修改<stylelang="less">.modal{.ant-modal-header{border-bottom…
Vue集成并使用Windi-CSS
1、WindiCSS简介WindiCSS是下一代工具优先的CSS框架。如果你已经熟悉了TailwindCSS，可以把WindiCSS看作是按需供应的Tailwind替代方案，它为你提供了更快的加载体验，完美兼容Tailwindv2.0，并…
Vue使用iconify图标
1、安装插件purge-icons-webpack-pluginyarnaddpurge-icons-webpack-plugin-D或者npmipurge-icons-webpack-plugin-D2、配置插件在vue.config.j…
