前端项目工作实战第13页

lodash之---过滤数组_.pullAllBy

在前端项目中，经常会遇到处理数组数据的时候，很多时候后端接口返给我们前端的数据不是我们想要的数组数据，所以经常需要我们前端自己对数据进行回炉重造。

SunnyFanFan·2023-11-20 02:47

Windows上搭建一个网站（基本生产环境）

前端项目构建生产版本以React为例，在终端运行npmrunbuild后，在项目根目录会出现build文件夹npmrunbuildbuild文件夹内的文件：配置运行前端的服务器（以apache为例）配置文件

乖巧乐芬达·2023-11-19 23:12

webpack之【究竟解决了什么问题】

采用数据驱动的方式增加可维护性复杂项目结构必须进行模块化管理，提高公共部分的可复用性，增加团队的并行协作能力重复规律性的工作必须采用自动化工具，提高工作效率，避免人为错误webpack与模块化开发前端发展到前后端分离之后：前端项目作

友七丶·2023-11-19 20:18

01 创建前端项目【小白入门SpringBoot + Vue3】

项目笔记，教学视频来源于B站青戈https://www.bilibili.com/video/BV1H14y1S7YV从0带小白自学SpringBoot+Vue3，编程小白白快来上车！软件安装vue官方文档：简介|Vue.js(vuejs.org)介绍了vue使用方法。微信公众号：Java学习指南，回复：软件使用软件webStorm作为开发工具。安装nodejs16版本。若想安装nodejs的其他

龙猫呗·2023-11-19 19:49

Linux云服务器部署分离式前后端SpringBoot项目流程，以及遇到的一些问题

目录进行项目部署的一些默认条件一，后端项目打包与上传二，后端项目部署三，前端项目打包与上传四，前端项目部署第一处第二处第三处第四处总结与反思写在最后第一次在linux云服务器上部署项目，经过非常坎坷的摸索之后终于部署完成了进行项目部署的一些默认条件默认你有一台

Ninelife19·2023-11-19 17:06

一个 nginx 通过不同域名映射多个前端项目

场景域名解析到某台服务器，有两个前端服务（原生门户、vue后台管理），安装了一个nginx，通过此域名及子域名映射到不同的前端服务上思路将nginx的配置文件分为几个子配置，根据域名读取不同的前端index.html配置文件默认配置添加include映射子配置usernginx;worker_processesauto;error_log/var/log/nginx/error.lognotice

梓隽·2023-11-19 14:40

Apache Superset二次开发环境配置

目录版本一、下载源码二、安装依赖三、初始化数据库四、创建用户五、下载示例（可选）六、初始化七、配置前端项目修改superset-frontend\webpack.config.js运行前端项目八、运行后端项目参考资料版本

终回首·2023-11-19 14:19

探讨基于@umijs/plugin-qiankun搭建的微应用的父子应用通讯方式

承接上篇文章（如何使用@umijs/plugin-qiankun搭建微前端项目）后续，下面我们探讨一下父子应用通讯的几种实现方式。

GEAs·2023-11-19 05:26

全民Vue——1.如何理解前端和Vue

前端页面解析页面组成我们打开一个前端项目，经常会看到很多不同后缀的文件，例如

sallypanda·2023-11-19 04:36

Vue前后端分离的电商后台管理系统项目的概述

前端项目主要用到的技术栈：vue、vue-router、element-plus前端组件库、axios发起网络数据请求、echarts绘制相关的图形报表.后端项目技术栈

yyhh~·2023-11-19 01:15

APP封装打包的方式有几种？

通过Cordova，你可以将前端项目打包成APK或iOS安装包。使用ReactNative进行打包：ReactNative是一种使用JavaScript和React构建跨平台移动应用的

kjccs·2023-11-19 01:45

安装 eslint 配置指南及遇到的一些问题记录

前端eslint配置指南背景当前前端项目风格混乱，每个人有自己的开发习惯，有自己的格式化习惯，不便于项目的风格统一，不利于代码维护有的项目eslint没有用起来，没有起到规范代码的作用，导致出现一些基础代码问题

guhy fighting·2023-11-18 22:17

webpack 5 实战（3）

四十一、代码拆分方式通过Webpack实现前端项目整体模块化的优势很明显，但是它同样存在一些弊端，那就是项目当中所有的代码最终都会被打包到一起，试想一下，如果说应用非常复杂，模块非常多的话，那打包结果就会特别的大

拾荒李·2023-11-18 21:20

Vue自定义指令实现弹窗拖拽，四边拉伸及对角线拉伸

Vue自定义指令实现弹窗拖拽，四边拉伸及对角线拉伸引言页面布局drag.js文件弹窗拖拽实现及边界限制鼠标指针悬停样式四边拉伸及对角线拉伸拉伸干涉引言近期公司vue前端项目需求：实现弹窗的拖拽，四边拉伸及对角线拉伸

一个小白web·2023-11-17 17:27

rust axum项目实践

cassie_axum介绍基于rustaxum完成web端手脚架基础权限,用户,缓存,验证,代码生成js运行时v8引擎deno使用rustaxumweb是rust开发的web手脚架项目前端项目项目讲解B

Cassie-lxd·2023-11-17 14:18

apache服务器部署antd项目

最近工作需要，使用apache服务器，部署前端项目。之前有用过nginx，发现nginx的教程一搜一大片，apache的教程少得可怜。

ChuanDD·2023-11-17 11:15

前端项目练习，首页退出登录功能，清除token --点击事件 quitFn

退出quitFn(){//为了让用户体验更好，来个确认提示框this.$confirm("确认退出登录吗？退出登录前请保存更改好的内容","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning",}).then(()=>{//他选择了确定this.$store.commit("updateToken","");this.$r

月亮困了r·2023-11-17 09:19

前端如何将项目打包部署到服务器

本篇文章从前端项目打包开始，逐步完成项目部署到服务器的操作，这次咱们采取的部署方案是通过vscode中Remote-SSH和SFTP两个插件实现项目部署到服务器，并在服务器上通过nginx代理将请求转发到对应的端口

看淡了所冇、·2023-11-17 04:43

un-app部署h5项目到普通云服务器--域名解析--OOS对象存储

可以参考菜鸟网windows+jenkins+gitea+node+reacthttps://juejin.cn/post/6888558115113926669先按照jdk环境之后下载gitea部署前端项目的几种方案前端部署三个方式

M . H ~·2023-11-16 23:28

Linux-Nginx前端项目部署

主界面编辑Nginx配置查看nginx.conf配置添加/更改配置编辑重启Nginx服务，让配置生效出现权限问题测试Nginx负载2个tomcat的效果负载均衡后台项目发布三、Nginx部署项目1.将前端项目打包

歐陽。·2023-11-16 18:21

前端项目部署tomcat与nginx思路

阿丹有话说：之前研究整理了vue项目部署tomat与nginx。借着本篇文章整理一下部署思路。本文章之提供思路，方便初学者，或者不熟悉思路的进行复习以及学习。在本篇文章中根据思路来检查自己部署哪里出现问题。部署tomcat1、获取将需要托管部署的文件war包、dist文件夹2、将需要托管部署的文件放在tomcat中的webapps下面需要注意：如果是文件夹，那么你的文件夹是什么名字，你在外网访问时

一单成·2023-11-16 18:50

前端项目部署Nginx

安装nginxpsaux|grepnginx查看nginx的启动在根目录下的etc进入nginx配置conf.d下配置的监听如果错误查看路径或者是端口号被占用常用命令：启动：nginx测试Nginx配置是否正确：nginx-t重启：nginx-sreload查看nginx的进程号：ps-ef|grepnginxnginx服务停止：nginx-sstop

前进的胖子·2023-11-16 18:50

关于前端项目部署到阿里云服务器

关于前端项目部署到阿里云服务器1.获取项目中打包后的dist文件夹2.本地电脑连接远程阿里云服务器3.在计算机后面的输入框中，输入您的云服务器的外网IP地址，然后单击连接4.输入您云服务器的用户名和密码即可登录

vivoom·2023-11-16 18:19

前端项目部署

安装nginx创建html的挂载目录dockervolumecreatenginx8020【用docker挂载会自动创建】创建conf的挂载目录mkdir-p/opt/nginx/conf拉取镜像dockerpullnginx初始化挂载目录的配置文件dockerrun--rm--namenginx-short-p8020:80-dnginxdockercpnginx-short:/etc/ngin

月木学长·2023-11-16 18:14

前端 mock 接口响应数据

目录写在开头对mock和express的个人理解本次案例效果图项目结构启动服务mock编写服务文件：mockServer.js接口文件：mockApi.js前端项目处理结束写在开头我是一个纯前端，不懂node

mollerlala·2023-11-16 15:46

微前端-qiankun-落地指北

大型或者超大型前端项目怎么理解微前端？

南麟剑首·2023-11-16 13:45

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

推荐频道

前端项目工作实战