前端

搭建vue3+typescript+vite+yarn项目

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

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

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

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 虚拟卡管理

处理 Anuglar 事件

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

前端 VSCODE 插件开发总结 (后续将出专栏详细讲解开发的细节...)

前端 VSCODE 插件开发经验总结 一、开发前期准备 (一)环境搭建Node.js 安装:VSCODE 插件基于 Node.js 开发,需确保安装了合适版本的 Node.js。可从 Node.js 官网下载对应操作系统的安装包,安装过程中按默认设置即可。安装完成后,在命令行输入node -v,若显

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

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

js获取url参数值的几种方式

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg);

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

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