EYB前端项目第15页

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。微前端的好处应用自治。只需要遵循统一的接口规范或者框架，以便于系统集成到一起，相互之间是不存在依赖关系的。单一职责。每个前端应用可以只关注于自己所需要完成的功能。技术栈无关。你可以使用Angular的同时，又

程序员poetry·2023-11-16 13:42

--max-old-space-size=8192报错

CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory因为在Node中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4GB，32位系统：0.7GB），这个时候，如果前端项目非常的庞大

sir.山·2023-11-16 12:40

[Vue 配置] Vite + Vue3 项目配置 src目录别名为 @

www.yuque.com/u27599042/coding_star/ogu2bhefy1fvahfv安装@types/node安装@types/node依赖，使得项目在开发环境下具有path模块（前端项目中默认无

萤火虫的小尾巴·2023-11-16 11:05

windiws docker 部署jar window部署docker 转载

环境下从安装docker到部署前后端分离项目（springboot+vue）一、前期准备1.1所需工具：1.2dockerdesktop安装二、部署springboot后端项目2.1部署流程三、部署vue前端项目

√√√√√_文·2023-11-16 09:23

uniapp基础学习笔记01

2.3.1简单修改基础页面2.4pages.json和tabBar2.4.1pages.json与tabBar配置2.4.2案例三、uniapp与原生开发的区别本博客根据黑马教程学习uniapp黑马程序员前端项目

猫腻余腥·2023-11-16 08:35

自己在Web前端项目中解决bug的思路

在项目中往往会遇到各种各样的程序bug，而且有些bug很隐蔽。例如仅仅一个字母引发的“血案”……因为刚刚入行，所用的技术不够强劲，所以很多技术都是老套的办法。现在咱把前不久公司的一个项目中的bug修复办法及思路给记录下来，以便将来用于往后的工作当中。首先是bug的运行（不知道咋说，应该bug的演示吧）和代码片段:让该程序出现bug的第一步：首先，单击红圈中的“主页链接”然后进入到以上的界面。此时：

走路的猫头鹰·2023-11-16 05:08

前端mockjs使用方式[express-mockjs]

个人不喜欢在前端项目中直接插入mockjs，因为感觉会让前端脚手架复杂难看，因此这里直接提供一个express后端服务器跑起来即可，里面可以随意编写mockjs接口，然后前

墨水白云·2023-11-16 01:35

现代前端技术解析-第3章前端三层结构与应用

《现代前端技术解析》第3章阅读笔记笔记章节目录第1章Web前端技术基础第2章前端与协议第3章前端三层结构与应用第4章现代前端交互框架第5章前端项目与技术实践一（5.1前端开发规范）二（5.2前端组件规范

DxCaesar·2023-11-15 23:41

【vue实战项目】通用管理系统：api封装、404页

前言本文为博主的vue实战小项目系列中的第三篇，很适合后端或者才入门的小伙伴看，一个前端项目从0到1的保姆级教学。

_BugMan·2023-11-15 22:02

通过ESLint和Prettier统一团队代码规范

随着业务的需求的增加，前端项目也越来越多，项目之间的代码风格也不尽相同。如果一个项目涉及多个同学维护的话，那这个项目的代码风格就会比较糟糕了。

小白6402·2023-11-15 16:40

执行npm install时，常见错误的解决方案

我们在启动前端项目之前，最核心的命令就是先下载node_modules包.npminstall执行过程中总会遇到莫名其妙的问题，下面我会列举出最常见的报错及解决方案1.node_sass报错{"name

俊哥哥来也·2023-11-15 11:36

Gitlab CI/CD教程以及实战docker自动部署前端项目（全）

目录前言1.技术知识1.1docker安装gitlab1.2docker安装gitlab-runner1.3.gitlab-ci.yml编写1.4使用docker部署前端项目1.5使用阿里云oss部署前端项目

码农研究僧·2023-11-15 09:55

vue项目通过sh脚本实现docker nginx自动化部署方式

前端项目使用的是vue3.0+node，部署在dockernginx中，并发布到dockerhub1环境准备1.1注册dockerhub账号https://hub.docker.com/1.2安装docker

哦，枫子·2023-11-15 09:24

微前端qiankun vue react项目demo 以及vue项目和react项目之间的参数传递和实现微前端项目之间token免登

umi+umi内置qiankun插件，基座和子应用的路由跳转和路由配置以及动态路由配置在react项目还有vue项目中，我们被一种思想所固化，我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。但是这是错误的，这一个非常严重的误区，也是我在react作为基座的时候一直困扰我的一个点。菜单和路由不应该完全的关联起来，二者没有必然的联系，在vue的框架中我们只需要配置了对应的router,对用的菜单

故梦梦·2023-11-15 09:51

docker+jenkins 容器化,自动化部署vue3+vite前端项目

docker+jenkins容器化,自动化部署vue3+vite前端项目1.docker文档Overview|DockerDocumentation2.基本命令1.dockerimages//查看docker

第七个夏天没有名字·2023-11-15 09:49

安装dock打包前端项目遇到的一些错误

1docker安装报错2docker安装报错运行wsl--list报错wsl--list适用于Linux的Windows子系统没有已安装的分发版。可以通过访问MicrosoftStore来安装分发版解决方法如果执行wsl--list命令报告适用于Linux的Windows子系统没有已安装的分发版，那么说明您当前没有安装任何WSL分发。按照以下步骤重新安装WSL：打开PowerShell或命令提示符

KAGHQ·2023-11-15 05:24

小程序错误异常监控方案

背景每一个前端项目上线后都会在出现线上问题，不论是PC项目还是移动端项目，在后端服务中，可以通过错误或业务日志来记录错误的情况，这些数据可以帮助开发者快速定位系统的状态，追查bug，了解错误异常的基本情况

zxclclciop·2023-11-15 01:29

verdaccio内网离线搭建npm私有仓库

使用场景：前端项目的编译运行开发中报下载经常出错：项目场景：通常我们前端项目开发搭建过程中通过npm管理前端js库，新建项目或内网开发过程中经常出现环境搭建的问题，例如常见错误Failedatthechromedriver

码农山泉·2023-11-14 17:32

【案例】【技术难点（已解决）】vue 线上项目访问本地资源访问不到、跨域等问题的解决方法

真正需求就是要访问本地多个视频已打包好的项目中播放并循环播放实现环境项目打包上线对于项目如何打包上线，这里笔者就不多说啦，因为会遇到这个需求的肯定会布署项目前后端分离：前端项目布署到服务器nginx部署

~牧马~·2023-11-14 01:12

前端及后端项目开发工具

1前端项目开发工具：构建Vue项目开发工具:HBuilder作用：用来创建vue项目web中间件：nodejsnodejs作用：用来解析开发者写好的js、jQuery、vue代码。

环环Huanhuan·2023-11-14 00:17

SpringBoot+Vue实现简单的登录注册功能

文章目录一、前言1.开发环境2.功能3.项目运行截图二、撸代码1.构建前端项目2.构建后端项目3.前端页面编写4.后端代码编写5.前后端联调三、小结一、前言‍️‍️‍️如果你是一名全干程序员，那前后端跨域问题一定是家常便饭

无所谓^_^·2023-11-13 19:56

如何压缩前端项目中 JS 的体积

在前端项目中，压缩JavaScript文件的体积可以提高网页加载速度和性能。

一颗松鼠·2023-11-13 18:29

JAVA开源项目于道前端项目启动步骤参考

1.安装+启动过程有9个步骤：1.1安装NodeJS,V18版本的（安装步骤省略）1.2安装npminstall-gyarn，nodeJS里边好像自带npm，通过npm的命令安装yarn1.3切换到项目中去安装，npminstall，根据提示报错，改安装命令npminstall--legacy-peer-deps。1.4先设置下安装地址（可以不用）：npmconfigsetregistryhttp

Terry谈企业数字化·2023-11-13 16:43

vue前端项目配置

目录背景：0.参考文档0.1介绍|VueCLI(vuejs.org)（官方文档）0.2【vue-cli5bug】npmrunbuild自动编译两次???-掘金(juejin.cn)0.3vendor.js文本过大0.4vue性能优化0.5启动项目一直是生产环境0.6process.env（推荐阅读）0.7module.exports和export详解-简书(jianshu.com)1.变量和用法解

JSU_曾是此间年少·2023-11-13 13:42

JS实现：手机号脱敏、邮箱脱敏、身份证号脱敏、姓名脱敏等常见脱敏

在前端项目开发中，数据的展示与渲染是非常关键的一步。通常我们会从后端接口直接拿到数据，但是在某些情况下渲染一些隐私信息，比如身份证号，手机号等。

暴怒的代码·2023-11-13 13:10

JS操作字符串常见方法

toUpperCase5、slice6、replace7、split8、concat9、trim10、trimStart/trimLeft11、trimEnd/trimRight12、search()三：结尾一：前言在前端项目

暴怒的代码·2023-11-13 13:40

webpack提升构建速度

目录配置优化减少`resolve`的解析把loader应用的文件范围缩小减少plugin的消耗选择合适的devtool使用工具thread-loaderDLLPlugin流程优化拆分构建步骤拆分项目代码版本更新总结前端项目随着时间推移和业务发展

江拥羡橙·2023-11-13 09:15

图文并茂手把手教你基于React多种方案调用OpenAI接口实现ChatGPT打字机效果

代码仓库码云仓库前期准备前端项目后端接口（OpenAI接口即可）启动一个新的React项目如果小伙伴们有现有项目，可跳过此步骤直接进入下一步~Next.js是一个全栈式的React框架。

tangdou369098655·2023-11-13 06:46

如何使用nginx的alias方式发布多个前端项目

nginx，于是就想能不能用一个nginx发布多个项目，一查还真可以，研究了一下发现有好几种方法，就选了最简单的一种，alias的方式，现在贴上配置信息：要在你的nginx目录下，新建一个test目录，把前端项目资源包放进去

生死看淡，不服就干·2023-11-13 04:47

Docker中的Nginx部署ruoyi-vue遇到的问题

一、问题描述：docker下的nginx部署前端项目报500、404错误。

a316883923·2023-11-13 03:20

win环境Jenkins部署前端项目

1、前端项目依赖nodejs，需要安装相关插件点击进入安装成功标准jenkins重启后生效，重新登陆2、配置nodejs点击进入点击后，写上别名、选上版本然后点击保存3、开始创建前端项目任务，点击点击后创建

nandao158·2023-11-12 23:47

前端项目练习——引入vue-router4

一、官方文档安装|VueRouter(vuejs.org)二、安装打开项目终端，输入安装命令npminstallvue-router@4三、引入（1）可以在官方文档中查看入门教程（2）这里我在工程项目中的src文件夹下创建一个router文件夹，在文件夹下创建一个index.js文件import{createRouter,createWebHashHistory}from'vue-router'c

月亮的星星圈·2023-11-12 22:08

Hbuilderx:Vue项目打包apk打开首页空白问题

可能是打包时没有修改前端项目默认的公共基础路径，或者是路由模式不支持。

是席木木啊·2023-11-12 17:46

前端项目发布后，如何使正在使用的用户更新为最新的版本？

1.背景每次项目上线后，异常监控总是零零散散报一些资源加载或者解析失败的告警仔细对比chunk的hash值会发现已经是上一版本的js文件为什么会出现这个问题呢？也不难想到，项目是单页应用，页面使用懒加载分多个chunk打包，首次只加载首页需要的js文件。如果在项目发布前，用户已经在程序中，并且还有未访问的页面，此时我们重新发布上线了，老的文件已经被覆盖，用户再访问未访问过的页面时就会找不到资源，导

木木林_·2023-11-12 16:24

Webpack系列-第一篇基础杂记

系列文章Webpack系列-第一篇基础杂记Webpack系列-第二篇插件机制杂记Webpack系列-第三篇流程杂记前言公司的前端项目基本都是用Webpack来做工程化的，而Webpack虽然只是一个工具

weixin_33985679·2023-11-12 13:40

nodejs多版本管理问题

问题在构建前端项目的时候，遇到3个前端大佬，然后，3个大佬的前端工程用的nodejs版本都不是一个版本，然后，就有了使用不同nodejs来代码前端工程的需求。

亚林瓜子·2023-11-12 11:53

docker容器化部署nginx前端项目

根据博客https://www.cnblogs.com/myzony/p/9071210.html先安装docker容器。执行dockerpullnginx，拉取最新的nginx镜像。执行dockerimages查看镜像是否拉取成功。执行dockerrun-d-p80:80--namenginx-sgcc_web\-v/home/nginx/www:/usr/share/nginx/html\-v

lookBackward·2023-11-12 09:12

Docker部署前端项目

准备Dockerfile并部署项目（构建新的业务镜像）1、准备nginx.conf.template、Dockerfile、dist（前端项目build后的包）2、部署项目知识点（需要的可查阅）容器命令

^Poppy·2023-11-12 09:42

微服务架构系列主题：前端灰度发布落地方案

本文转自：架构师一个大型的前端项目在发布时，都会采取灰度策略。很多时候，不可能全量放出一个新的feature，可能带来的风险很大，一般都会先进行部门灰度，然后再20%，40%灰度，直到全量发布。

LarryHai6·2023-11-12 04:50

docker在虚拟机中的应用

Docker-engine的常用命令Docker的Example配置Docker的国内源虚拟机安装Postgresql的Docker物理机访问Postgresql数据库利用Docker-engine容器化前端项目工程

Mr_tianyanxiaobai·2023-11-12 03:29

在vue中使用echars图表及element ui

在vue中使用echars图表及elementui前端项目中，通常会使用到一些图表库，为了极大可能的以图形形式化展示出数据的波动及其发展趋势，图形化展示数据，简单明了，层次鲜明，从而有利于数据分析，为后期的发展规划提供合理的建议及其优化

会做梦的辣条鱼·2023-11-12 00:48

从零开始搭建React+TypeScript+webpack开发环境-基于lerna的webpack项目工程化改造

项目背景在实际项目中，我们的前端项目往往是一个大型的Webpack项目，结构较为复杂。项目根目录下包含了各种配置文件、源代码、以及静态资源，整体布局相对扁平。

全栈探索者·2023-11-11 22:35

【vue实战项目】通用管理系统：登录页

整个系列走完，会对当前的前端开发的技术栈有了较为大致的了解，不会再打开现在的一个前端项目两眼一抹黑。本

_BugMan·2023-11-11 16:05

vue+nodejs商城实战项目【登录 + 购物车 + 支付】

从零开始一个前端项目并将其完成需要经历一系列步骤。以下是一个常见的开发流程，可以帮助规划和管理项目：需求分析和规划：确定项目的目标和范围。定义用户需求和功能要求。制定项目计划和时间表。

大炮不想学习·2023-11-11 14:22

超细致的TypeScript入门与实战

本文是向大家介绍TypeScript基础知识及用法，帮助大家快速了解，在前端项目中使用这门技术。TypeScript的类型推断跟VSCode的良好搭配让代码效率有了极大提升。

高阳很捷迅·2023-11-11 08:06

（九）devops持续集成开发——jenkins流水线发布一个docker版的前端vue项目

前言本节内容主要介绍如何使用jenkins的流水线发布一个docker版的前端项目。关于本节内容中使用到的jenkins的组件，请参考往期博客内容，自行安装。

北溟溟·2023-11-11 07:48

k8s KubeSphere流水线部署Vue前端项目详细教程

KubeSphere流水线部署Vue前端项目1.创建流水线项目2.首先去流水线项目创建三个凭证3.创建流水线4.流水线Jenkinsfile文件5.可视化流水线设置说明-粘贴以上Jenkinsfile文件

一个小浪吴啊·2023-11-11 07:07

前端与移动开发----Vue----Vue快速入门

vue基本介绍是什么vue是：渐进式javascript框架能帮我们做什么充当模板引擎：把数据渲到页面上利用它的响应式特点，处理页面交互使用路由和组件系统开发复杂应用使用脚手架，快速开发前端项目跨端应用

東三城·2023-11-11 07:18

微服务项目,请求从发出到后端处理器的历程

点击登录按钮,发出http://localhost:8803/service_6001/admin/login/in请求,这是一个由nginx配置的前端项目查看配置文件,该条请求会被映射形成对http:

Script kiddies·2023-11-11 03:16

vue乾坤微前端项目

1、主应用安装乾坤npmiqiankun-S注册微应用并启动：import{registerMicroApps,start}from'qiankun';//设置两个微应用registerMicroApps([{name:'vue1',//要跟package.json中的name保持一致entry:'//localhost:8081',//本地就这么写container:'#container',/

岳哥i·2023-11-11 00:50

推荐频道

EYB前端项目