前端

VueX状态管理

✍目录总览: 一、VueX概念 1. VueX的概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 VueX里面

前端字符串缩写工具-abbreviate库使用指南

本文还有配套的精品资源,点击获取 简介:"abbreviate"是一个前端开源库,用于将长字符串缩写,便于在有限空间内显示更多信息。它遵循特定的调用约定,如 "r:abbreviate",并可能提供自定义长度、保留核心信息、智能处理、支持多种格式和可扩展性等特性。开发者可以

蓝桥第四课-新增商品页面开发以及接口调用

这节课来实现新增商品,首先是点击【添加商品】按钮实现跳转页面,在定义点击方法跳转页面之前,要先新建一个页面addShop 在【src/views/shopModel】文件夹下,新建一个【addShop】文件夹,在文件夹内新建【index.vue】 在【index.vue】内敲快捷键vbase(前提是你的vscode已经安装了Vue VSCode Snippets插件),快速生成vue组件基础结构

深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例

深入理解前端防抖(Debounce)与节流(Throttle):原理、区别与实战示例 📌 引言 在前端开发中,我们经常需要处理高频事件(如输入框输入、滚动、窗口调整大小等)。如果不加限制,浏览器会频繁触发回调函数,导致性能问题&#xff0c

技术文档画图工具箱

序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png

vue中api统一管理

针对小型项目 无需管理的情况下 <script> import axios from 'axios'; export default { methods: { async request() { let data = {} try { // host指的是请求的域名,path指的是请求的路径, data是相关的参数和请求头配置

list的模拟实现

一.list的简单介绍list是一个带头双向循环的链表,通过头结点分隔开首末尾。它和vector的使用方法类似,可以进行头插尾插,++/--等操作,区别在于list的结点在内存上不是连续的。list属于双向迭代器即可以++/--,不能想vector一样可以进行随机访问。二.list模拟实现的三个类

在vue中如何优雅的封装第三方组件

在使用第三方组件的时候或多或少的会因为样式,业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候,弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件,然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展,就还需要对应往封装组件增加属性,组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我

vue封装组件发布到Npm

前言 项目中因为设计风格、项目模式有很多相似的组件模块,每次都要做抽离、复制、粘贴,作为项目负责人,总是想把相似模块抽离出来作为公共模块,所以就有了把这些模块都扔到npm上的想法,网上呢,也有好多文章讲解这个东西,但是都会有一些自己上手的过程中遇到卡壳的细节问题,所以我找了一个最清晰也最小白的教程,按照大佬教程一步步手操将每个环节自己的问题都写出来,以供大家参考,要是写的有些不是很到位的解释呢,还

vue之$set

vue之$set 原因 由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 对象 Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如: