前端

Vue项目使用px2rem

文章序 设计稿给的是px,但是需要做自适应,老生常谈的问题了,使用flex布局+rem+按比例设置根节点font-size大小来实现,这里最麻烦的就是把px改写成rem,手工改重复性太大,所幸,可以使用webpack插件在打包过程中帮我们自动转化 使用方法 1.安装包 npm i postcss-px2rem 2.编写配置文件 编写核心代码,命名随意,我这里命名为px2rem并放在src/uti

前端图片裁剪上传全流程详解:从预览到上传的完整流程

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程&

Vue 使用 Echart 数据刷新的问题

vue版本:2.6.14 Echarts版本:5.3.3 场景描述:在父组件中A.vue引入了子组件B.vue,B.vue实现了对Echart的简单封装,A组件通过 props 向子组件B中传递数据,现在想让A组件中图表数据的变化同步到子组件B中,最初写法: A.vue <template> <div class="echart-wapper"> /

Spring 核心技术解析【纯干货版】- XV:Spring 网络模块 Spring-Web 模块精讲

Spring Framework 作为 Java 生态中最流行的企业级开发框架,提供了丰富的模块化支持。其中,Spring Web 模块是支撑 Web 开发的基础组件,无论是传统的 MVC 应用,还是 REST API 及微服务架构,都离不开它的核心能力。 本篇文章将深入解析 Spring Web 模块的核心概念、依赖

基于.Net的Web API 控制器及方法相关注解属性

文章目录 1. 路由与 HTTP 方法 (`Microsoft.AspNetCore.Mvc` 命名空间) 2. 参数绑定源 (`Microsoft.AspNetCore.Mvc` 命名空间) 3. 响应类型与格式 (`Microsoft.AspNetCore.Mvc` 命名空间) 4. 授权与认证 (`Microsoft.Asp

vue3.2中setup语法糖与vue2.0script 区别

1.起初vue2.0+暴露变量必须return出来,template中才能使用。 vue3.0+现在只需在script标签中添加setup。 组件只需引入不用注册,属性和方法也不用返回,也不会写setup函数,也不用export default,甚至是自定义指令也可以在我们的tempate中自动获得。 <template> <my-component:num="num" @cli

谷粒学院2020版Vue.js 2.0后台管理前端实战

本文还有配套的精品资源,点击获取 简介:本项目聚焦于Vue.js框架2.0版本在后台管理前端页面实现中的应用,涵盖了从基础到高级的Vue.js知识。通过课程学习,学员能够掌握使用Vue.js 2.0构建后台界面的全过程,包括组件化开发、虚拟DOM、响应式数据绑定、路由管理及状态管理等。此外,教程将涉及到W

vue - 组件通信

1. props/$emit 适用范围: 适合父子组件之间, 组件层级嵌套太深, 使用该方法较为繁琐,不建议使用; 代码示例: image.png 总结: props中接收到的值可以直接展示,但不建议直接对齐修改; 如果父组件向子组件传递的值是通过接口获取的, 可能会存在延迟的情况; 2. provide/inject 适用范围: 适用于多层次组件嵌套,通过provi

Vue 前端高效分包指南:从 “卡成 PPT” 到 “丝滑如德芙” 的蜕变

一、被老板追着优化的那些日子还记得上次项目上线前的 “盛况” 吗?产品经理拿着手机焦头烂额地跑过来:“咱们这首页加载速度太慢啦!客户都说打开 APP 能泡杯茶再回来!又挨叼了!” 我就知道,又得营业了,打开 Chrome 开发者工具一看 —— 好家伙,main.js 直接干到了 3.8M

【技术分享】前端跨窗口/标签页面通信:掌握以下几种方法,提升用户体验(附带常用场景以及典例)

第一章 前言在前端后台管理开发的过程中,我们常常会遇到这样的需求:用户在浏览器中打开了同一个网站的多个标签页,我们需要在这些标签页之间进行通信。比如,当用户在一个标签页中修改了某些数据,我们希望其他标签页能够及时更新。这种跨标签页通信的需求在实际开发中非常常见,但是同时也是经常忽略的一个点,通常说刷一