前端

微前端解决方案-qiankun实战及部署

先来张图片压压惊 image.png 在线demo:wzs.bengdada.com/ 单独访问在线子应用: subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值:

【Bluebell】项目总结:基于 golang 的前后端分离 web 项目实战

文章目录 Bluebell 项目总结:基于 golang 的前后端分离 web 项目实战 项目入口:先从 main 函数入手 准备工作:加载配置、初始化日志、初始化数据库等 加载配置 初始化日志 初始化 MySQL 连接 初始化 Redis 连接 初始化雪花算法 初始化 GIN 框架内置的校验器所使用的翻译器 注册路由并启动服务

前端Node安装 + 环境配置 + webstorm安装 + 卸载

Node安装1.下载地址:Node.js — Download Node.js®2.安装:选择好目录后一直下一步即可,其中这一步不要勾选 3.配置环境变量,选择系统变量,选择Path。我的安装根目录是:D:\node4.输入cmd进入命令行,查看node版本,出现版本号则说明配置成功。

前端小案例——网页井字棋

        前言:我们在学习完了HTML、CSS和JavaScript之后,就会想着使用这三个东西去做一些小案例,不过又没有什么好的案例让我们去练手,本篇文章就提供里一个案例——网页井字棋。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客 目录写在前面        —

前端已死?5分钟,我用Claude 3.7 Sonnet复刻了10款童年经典小游戏!

用代码复刻10款童年经典小游戏,包括:五子棋、2048、贪吃蛇、打地鼠、飞机大战等等,需要多长时间?Claude 3.7 Sonnet 给出的答案是:5分钟。每个游戏30秒生成时间,足以。不仅仅是功能满足要求,还兼具一定的美观性,此外,10个游戏均为响应式设计&#xff0c

前端vue项目打包及部署的详细说明

以下是 Vue 项目打包及部署的详细指南,涵盖本地构建、生产环境配置、常见部署方式及优化建议: 一、本地项目打包 1. 安装依赖 确保项目依赖完整:npm install # 或 yarn install 2. 环境配置 在项目根目录创建环境文件,区分开发和生产环境: .env.development(开发

【实战】一、Jest 前端自动化测试框架基础入门(二) —— 前端要学的测试课 从Jest入门到TDD BDD双实战(二)

文章目录 一、Jest 前端自动化测试框架基础入门 5.Jest 中的匹配器 toBe 匹配器 toEqual匹配器 toBeNull匹配器 toBeUndefined匹配器和toBeDefined匹配器 toBeTruthy匹配器 toBeFalsy匹配器 数字相关的匹配器 字符串相关的匹配器 数组相关的匹配器 异常情况的匹配器 6.Jest 命令行工具的使用

前端实现截图功能

前端实现截图在前端开发中,有时我们需要在网页中实现截图功能。无论是为了记录页面内容、生成报告,还是制作网页截图,掌握如何在浏览器中进行截图是非常实用的。今天,我将通过一个简单的示例,介绍如何使用 html2canvas 库来实现截图功能。 什么是 html2canvas?html2canvas 是一个非常流行的

面试官:前端实现倒计时有误差怎么办?

这是最近面试被问到的一个问题,感觉答得不是很好,遂做了一些整理总结,希望对大家有帮助,下次被面试官问到也不会汗流浃背~ 一、前端倒计时产生误差的原因 (一)JavaScript定时器精度限制JavaScript中的setTimeout和setInterval函数是实现倒计时的主要工具。然而,