前端

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

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

【前端小案例】CSS旋转小风车

前言 兴趣是最好的老师。让我们一起在玩闹中学习吧,这次做个旋转风车吧,学以致用,熟能生巧。 动画.gif 一、制作步骤 首先设置一个200*400大小的盒子windmill 里面放入三个盒子分别是风车的叶片、固定点、柄,设置背景色,利用绝对定位调整好位置。 风车的叶片由四个小盒子组成,利用border画出三角形,通过绝对定位调整好位置。 对整个风车的叶片的盒子添加旋转动画。 二、

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

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

为什么 JavaScript 的 parseInt(0.0000005) 打印“5”?

为什么 JavaScript 中的 parseInt(0.0000005) 打印 5?一个惊人的问题! 前言 最近,我在开发项目时遇到了一个奇怪的问题,parseInt (0.0000005) === 5😱。通常,输出 0 才是正确的,但为什么是 5?让我们一起探讨这个问题。 1.什么时候使用parseInt? 首先,您通常什么时候使用parseInt?大多数时候,我们使用它来解

Spring Web MVC 入门秘籍:从概念到实践的快速通道(上)

个人主页:♡喜欢做梦欢迎  👍点赞  ➕关注  ❤️收藏  💬评论目录一、什么是Spring Web MVC?1.定义2.关于MVC2.1什么是MVC?二、学习Sring MVC1.项目准备2.@RestController注解的介绍3.@RequestMapping注解1.@RequestMappi

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

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

VueX状态管理

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

技术文档画图工具箱

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

【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典

半桔:个人主页  🔥 个人专栏: 《前端扫盲》《手撕面试算法》《C++从入门到入土》 🔖阻止了我的脚步的,并不是我所看见的东西,而是我所无法看见的那些东西。 ​《海上钢琴师》 文章目录 前言 一. CSS是什么 1.1 概念 1.2 基本语法 二. CSS如何引入H