前端

Vue项目使用px2rem

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

【Web API系列】Web Shared Storage API 深度解析:WindowSharedStorage 接口实战指南

前言在当今 Web 应用日益复杂的背景下,跨页面数据共享与隐私保护已成为现代浏览器技术演进的重要命题。传统 Web 存储方案(如 Cookies、LocalStorage)在应对多维度用户特征存储、跨上下文数据共享等场景时,逐渐暴露出技术瓶颈与安全隐患。为解决这一挑战,W3C 提出了革命性的 Shared Storage AP

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

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

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

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

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

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

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

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

582. 【前端】React 组件调试小技巧

一般我们在调试单个React组件时,借助于热更新,我们改改代码可以在浏览器实时看到更新,但当项目比较大的时候,我们调试的页面在整个应用中的路由层级比较深,就会导致:每一次咱们修改完一个地方的代码,浏览器自动刷新到了首页,并进入修改的页面,才能看到更新之后的变化。 介于此,这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码: .test-con

HTML5的离线应用

一,离线应用         什么是离线应用呢? 就是你现在正在页面上浏览网页或者填写信息,正在这时,你家的wifi突然断了,那么这时你重新连接页面会发现之前的页面都重新加载了,之前填写的相关信息也得从头开始写。那么如果你的web应用支持离线功能,那么就不会用这种经历了。         什么时候考虑使用离线呢 并不是所有网页都要设置为离线,而是那种交互性和有状态的网页(动用很多js代码维护信息的

基于uni-app+SpringBoot的垃圾识别工具箱(微信小程序+Web管理系统)

基于uni-app+SpringBoot的垃圾识别工具箱(微信小程序+Web管理系统) 引言垃圾分类已成为日常刚需,为解决“不知如何分类”的痛点,我开发了这款集文字查询、语音识别、拍照识别于一体的垃圾识别工具箱。项目采用跨端框架+后端分离架构,支持二次开发和毕业设计复用,目前已开源并参与2