前端 购物车 按钮 数量
前端入栈和出栈
在编程中，事件入栈（Event Pushing）和出栈（Event Popping）通常与事件循环（Event Loop）和消息队列（Message Queue）相关。这些概念在前端开发中尤其重要，特别是在处理异步事件和回调函数时。下面我将解释这些概念，并提供一些代码示例。 事件循环（Event L ......
微前端 qiankun
三个项目，一个管理端，两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
VMWARE虚拟机的CPU分配（VMWARE14）：处理器数量、核心数量分配验证
最近搞了个12核24线程的服务器CPU，加上华南金牌的主板，配了64G的内存，有点飘。然后用VMWARE14建了好几个虚拟机，多开耍耍。然后CPU的分配成了一个问题，因此上网查了下，有两种说法： 方案1：有说虚拟机处理器设置页面的“处理器数量”指的是“核心数”，“每个处理器的内核数量”是超线程数量。 ......
视频直播源码，采用Redis实现购物车功能
视频直播源码，采用Redis实现购物车功能 1 Redis核心配置类 package com.jmh.springboot03.config; import org.springframework.beans.factory.annotation.Autowired;import org.sprin ......
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ......
前端路由及两种实现方式
路由的概念来源于服务端，在服务端中路由描述的是 URL与处理函数之间的映射关系，当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行，无刷新交互成为了当下的主流，我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面，即在一 个页面中完成路由的切换（俗称：单页面应用开发SPA） ......
前端出现变量map未定义
原来错误代码 mounted() { .... this.map.addEventListener("click", function(e){//地图单击事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ......
get /post后端获取前端int型数据
首先post能传过去数据其次传过去的数据全部都是string类型的 所以我们如果想要获取int型数据就得把传过去的string转换成int型转换只能用下面这个函数其他的试过了都不行 必须用Integer.parsenInt其他的valueof之类的都不可以， 这个错误主要是我向后端数据库提交数据的时 ......
mysql 统计 一行数据多个列 中各种值的 数量
表数据 统计每个name 的指标中红 / 黄 / 绿 / 灰 灯数量. 分组 使用sum()函数 select name, zhibiao1 as '指标1', zhibiao2 as '指标2', zhibiao3 as '指标3', sum(case when zhibiao1 ='红' the ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
生成验证码的前端实现
后端生成表达式1+1=2； 1+1=？@2 1+1=？转成图片，传到前端展示 2存入reids 前端登录界面idea代码中位置ruoyi-ui/views/login.vue 封装了三层。 目前是开发环境 url: http://localhost/dev-api/captchaImage Vue获 ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
前端实现跨标签页通信
标签页跨页通信 需求：浏览器不同 tab 标签页之间是独立的， 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing conte ......
echarts散点图默认选框，不用点击按钮再选框
直接上代码 HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>Basic Scatter Chart - Apache ECharts Demo</title> </head> <body> < ......
vue指令封装（按钮权限、loading加载、slideIn窗口进入动画）
vue 指令 vue 本身具有一些指令，但是有些指令是 vue 作者自己写的，有些是第三方插件写的。 v-if v-if 指令是用来控制元素是否显示的，如果值为 true，则显示，如果值为 false，则隐藏。 <div id="app"> <p v-if="isShow">我是显示的内容</p> ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端性能优化详解
性能优化这个词经常会在前端的工作或面试中遇到，这个东西说难好像也并不怎么难，毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案，或者在面试时让面试官眼前一亮，那就不能只拘泥于『想到哪说到哪』或者『说个大概』，而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
Vue-加入购物车-判断token添加登录提示
Vue-加入购物车-判断token添加登录提示 目标：给未登录的用户，添加登录提示 说明：加入购物车，是一个登录后的用户 才能进行的操作，所以需要进行鉴权判断，判断用户token是否存在 若存在：继续加入购物车操作 不存在：提示用户未登录，引导到登录页，登录完回跳 addCart () { // 判 ......
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ......
使用llama构建一个蜜罐(前端)
title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......
Vue开发 购物网站选项卡功能
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" typ ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
加载按钮样式
加载按钮样式： #wait { width: 40px; height: 40px; border-right: 3px solid #09F; border-top: 3px solid red; border-left: 3px solid yellow; border-bottom: 3px ......
Java如何处理前端传来的金额转化为分
1. 在Java中，可以使用BigDecimal类来处理金额 import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal amount = new BigDe ......
【前端VUE】Vue3路由设置（Typescript版本）
新建项目 npm create vite@latest 安装vue-router cd .\my-web\ npm install vue-router 在src -> components下新增（Home.vue） <template> <h1>我是主页</h1> </template> 在src ......
ElasticSearch之线程的数量
ElasticSearch在运行过程中，涉及多种线程池、线程的使用，因此而需要给予足够的线程资源，保证ElasticSearch在需要时可以正常创建出线程。 查看Linux系统当前用户允许创建的线程的数量，命令如下： ulimit -a 执行结果的样例，如下： core file size (blo ......
【前端VUE】Vue3条件渲染指令（v-if、v-else、v-else-if、v-show、v-for）
新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......