前端

最简单的webpack入门教程

1 前言 这是一个简单的webpack入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 2 基本使用 使用webpack的前提是已经有了node环境,安装node就不赘述了 2.1 初始化 在空文件夹中使用命令行执行: npm init -y 就会在当前目录下创建一个package.json文件 2.

企业级低代码平台,JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本! 强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding->

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

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

HTML5的离线应用

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

Vue项目使用px2rem

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

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

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

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

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

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

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

盘点简洁好用的8款静态网站搭建框架,小白易上手

后台有个小伙伴最近接了一个私活,找了一个开源的静态网站框架,给一个小公司做了一个官网,部署到服务器上,顺手就赚了几千块钱。你眼红不?相对动态网站,静态网站不需要和后端的交互逻辑,所以只要有点前端基础都可以搞定。即使没有任何前端基础,也没问题,咱不是有 GPT 么&#xff1