前端

Web虚拟卡销售店铺实现方案

文章目录 1. 项目概述 1.1 项目背景 1.2 系统架构 2. 技术选型与环境搭建 2.1 后端技术栈 2.2 前端技术栈 2.3 开发环境配置 3. 数据库设计 3.1 数据库ER图 3.2 数据表设计 4. 后端实现 4.1 Spring Boot项目结构 4.2 核心功能实现 4.2.1 用户认证与授权 4.2.2 虚拟卡管理

为了结合后端而学习前端的学习日志(1)——纯CSS静态卡片案例

前端设计专栏 使用纯CSS创建简洁名片卡片的学习实践在这篇技术博客中,我将分享我的前端学习过程,如何使用纯HTML和CSS创建一个简洁美观的名片式卡片,就像我博客首页展示的那样。这种卡片设计非常适合作为个人简介、产品展示或团队成员介绍。 源码展示<!DOCTYPE html> <html lang="zh

处理 Anuglar 事件

在上一篇文章中,我们使用 @Input 实现了动态注入属性的值。这种情况适用于从父级组件向子级组件传递数据,或者说从上向下传递数据(还记得组件的树形结构吗?)。那么,如何从子级组件向父级组件传递数据呢? 考虑这样一个场景:如果用户喜欢一本书,他通过点击一个按钮,来传达这一信息。解决办法是:在 book 组件模板中,添加一个按钮,当用户点击按钮时,book 组件会通知 AppComponent 组件

JavaScript:在前端代码中读、写本地文件

一,在前端代码JavaScript中读写文件的限制与处理在前端 JavaScript 中,浏览器环境没有直接提供操作文件系统的能力。也就是说,你不能像在 Node.js 环境中那样,使用 fs 模块来删除或创建文件。这是因为浏览器出于安全性的考虑,不允许网页随意访问用户的文件系统,以防止潜在的恶意行为。然而&#x

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程,企业微信登录对接

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程 一、需求目前已经有一个vue 写的 web pc 应用布署在服务器上,能正常登录使用。 企业微信中创建一个应用,点击这个应用的时候,直接带着当前企业微信用户的信息,登录登录这个现有的系统,不需要输入密码什么的。 二、实现原理 后台先拉取企

WebRTC 入门与实践(非常详细)从零基础入门到精通,看完这一篇就够了

一、前言WebRTC 技术已经广泛在各个行业及场景中被应用,但对多数开发者来说,实时音视频及相关技术却是比较不常接触到的。做为一名 Web 开发者,WebRTC 这块的概念着实花了不少时间才搞明白,一是 WebRTC 本身有较多的独有概念,二是虽然带“Web”字样,但依赖底层概念和网络却是 Web 开发很少接触到

搭建vue3+typescript+vite+yarn项目

前言: vite是vue3推荐的打包工具,相较于webpack,Vite 是基于 native ES module —— 现代浏览器基本已经全部支持了import/export 语法。 在Vite中,启动本地服务器,是不需要提交编译文件的, 而是在浏览器请求对应URL时, 再提供文件,实现了真正的路由懒加载, 这个比起Webpack节省了不少时间。打包和响应速度提升10倍以上 安装项目 全局安装

【Vue3】前端Vue3最常用的 20 道面试题总结(含详细代码解析)

以下是老曹关于 Vue 3 最常用的 20 道面试题总结,涵盖 Vue 3 的核心特性如 Composition API、响应式系统(ref / reactive)、生命周期钩子、组件通信、Teleport、Suspense、自定义指令等高频知识点。每道题都配有详细解释和代码示例,适合用于前端开发岗位的 Vue 3 技术面试准备&#xff0c

JavaScript数组方法教学(包教不包会)

数组是什么? 数组是一种特殊的变量,它能够一次存放一个以上的值。 创建数组的方法? 1.创建数组直接量 使用方括号直接创建:[ ] var arr = [1,2,3,4] 2.构造函数法 构造函数就是构造对象的一种模具(函数)构造对象的时候:任何一个函数在构造对象时都要遵守语法: var arr = new Array(1,2,3,4) 数组的特点? 1.数组是有索引的 : 数组的第1个元素索