前端项目常见问题总结第30页

在VSCode中搭建express后端框架

全局安装cnpminsatllexpress-generator-g局部express--view=ejs启动项目http://localhost:3000/页面出现上图内容则后端项目创建成功解决跨域问题前端项目的端口是

DJ欣·2023-07-28 20:32

在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载对象接口

vue-next-admin是一个不错的后台开源免费模板项目，可以利用它来开发自己的项目前端，它的技术栈是：vue3.x+setup语法糖+TypeScript+Vite+ElementPlus。1、定义全局挂载对象的入口对象，以及相关的接口我们知道，基于Typescrip的项目，在项目中都有一个Typescrip的配置文件tsconfig.json，其中对一些Typescrip的目录或者设置进行

supeerzdj·2023-07-28 15:43

web前端入门到实战：CSS 、JS实现浪漫流星雨动画

1，效果图2，源码HTMLCSSweb前端开发学习Q-q-u-n：767273102，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）/*------重启--

魔方编程·2023-07-28 08:30

前端项目之导入、导出、下载模板

组件封装导入导出如果没有模版请先下载模版下载模板继续导入import{getAccessToken}from"@/utils/auth";import{ImportExcel,ExportExcel}from'@/api/exportAndImport/exportAndImport'exportdefault{props:{importUrl:{type:String,default:''},e

嗳华裳·2023-07-28 06:48

nodejs: npm run xxx原理

环境：Windows11专业版nodev14.18.0npm6.14.15nodejs基础知识：nodejs：window10下的nodejs基本知识问题来源：当我们在前端项目中运行npmrunxxxx

jackletter·2023-07-28 04:46

首屏优化：首次加载过慢动画

一般前端项目部署到服务器之后，用户首次加载需要下载大量的静态资源，等加载了相应的资源之后才会显示真实的页面，这中间的过程，就会容易我们常说的“白屏”，为了解决白屏，我们通常的做饭就是尽量减少包的大小、按需加载

郁南·2023-07-28 02:01

微前端简介

微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。

状元岐·2023-07-28 02:22

【Vue】CI持续集成Vue前端项目--20230627

我的实践（CI）1.打包npmrunbuild，产生dist文件2.将dist文件的内容拷贝到static下面。不用在nginx文件夹中3.编写nginx配置default.confserver{listen80;listen[::]:80;server_namelocalhost;location/{root/usr/share/nginx/html/static/;indexindex.htm

i see the future·2023-07-28 01:37

你们公司的【前端项目】是如何做测试的？字节10年测试经验的我这样做的...

前端项目也叫web端项目（通俗讲就是网页上的功能）是我们能够在屏幕上看到并产生交互的体验。前端项目如何做测试？

qq_43371695·2023-07-28 00:31

聊聊如何做好一个开源组件库

1.背景前端项目的组件化是为了追求高复用，高可维护性为目的的代码封装，它是前端工程化的一种表现形式。

小张张英格里·2023-07-27 21:01

前端项目自动生成i18n国际化语言文件插件

好久没上掘金了，之前一直在忙着新业务，没时间（其实自己清楚这些都只是借口，就是犯懒了），今天又带来了一个小插件，用于提取项目中所有的i18n语言文本并且翻译生成所有语种文件，如果觉得翻译接口翻的不好的可以手动修改，插件不会覆盖已有的翻译语言，完美兼容旧项目代码，希望可以提升些工作效率，早点下班，哈哈哈。背景因为新项目全都是需要中英双语的，之前的同事都是自己手写如this.$t(“项目”)的形式，然

pikaz·2023-07-27 21:20

前端项目rem与px转换

px2rem插件因为设计师每次给的都是px的图，这里要自己计算转换rem很头疼，所以这里使用插件进行px与rem的转换rem的响应式设计这里是我一个全局的js文件，根据设备的宽度和设计稿来动态的另一rem的大小，因此在项目中直接按照设计稿计算出对应的rem来写，设备就能自动适配/*eslint-disable*/(function(doc,win){vardocEl=doc.documentEle

情有千千节·2023-07-27 14:53

解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法

系列文章目录文章目录系列文章目录前言一、错误原因分析二、解决方法三、完整示例四、注意事项总结前言在前端项目中使用Webpack进行构建时，有时会遇到错误信息“Nomodulefactoryavailablefordependencytype

数据大魔王·2023-07-27 14:34

宝塔部署vue前端项目强制刷新页面显示Nginx Not Fount 404

解决方法：在server配置文件内加上location/{try_files$uri$uri/@router;indexindex.html;}location@router{rewrite^.*$/index.htmllast;}就可以解决强制刷新页面404的情况了，防止以后遇见这种情况遗忘，特在此记录

You_xx·2023-07-27 11:48

webpack 的基本使用

1.什么是webpack概念：webpack是前端项目工程化的具体解决方案。

不想努力的迪迪·2023-07-27 10:41

用Nginx部署vue项目页面404解决

将打包好的dist前端项目，基于nginx完成部署上线。项目场景：将vue项目打包部署到nginx上面运行打开nginx的主配置文件：nginx安装目录/conf/nginx.conf。

小恶魔645·2023-07-27 00:09

前端开发(给本团队非前端人员介绍)

即一个前端项目中只有html、css、js，使用jquery来实现页面功能。除此之外没有其他概念。对此，借进行部门内部分享机会，科普一下如今的前端体系及开发的过程。

家乡_a6ce·2023-07-27 00:26

前端项目el-cascader下拉项中因为数据权限变化导致显示未id

思路展示的时候展示对应的中文（需要后端返回namevalue以及一个判断当前数据不在权限内的false状态）展示文字value需要由原来id变为name输入框聚焦的时候值不变化的时候数据不变重新选了数据以后保留数据权限内的+自己新选的因为时间原因我上传了整个代码有空我会精简下代码的+configse(){se({selectType:'TREE'}).then((res)=>{this.optio

csstmg·2023-07-26 23:03

gerrit +git + windows 配置常见问题总结

Git正常安装配置ssh-keygen后，gitclone服务器代码报错clone报错1nomatchingkeyexchangemethodfound.Theiroffer:**diffie-hellman-group1-sha1**clone报错2nomatchinghostkeytypefound.Theiroffer:ssh-rsa解决方案用户目录文件下.ssh，新建config文件Hos

全栈努力向前冲·2023-07-26 22:36

如何统计前端项目有多少行代码

方法一：输入命令前端项目核心代码主要在src目录下，打开项目找到src目录，右键点击gitbashhere，然后输入命令：1.包括空行（会列出每个文件的代码行数）：find."

王——小喵·2023-07-26 20:58

npm-check使用

目前我们前端项目还挺多的，许多依赖都没办法统一管理，推荐一个npm包管理工具：npm-check：npm-check命令会检查项目中没有使用过的包、有更新的包、推荐安装的包npm-check-u命令会根据检测出需要更新的包出现一个交互界面

NS西北风·2023-07-26 18:30

前端项目中我们可以怎么解决精度丢失问题

背景0.1+0.2=0.3，但是为什么在我们在浏览器的控制台中输出却是0.30000000000000004？console.log(0.3-0.1)//0.19999999999999998console.log(0.1*0.2)//0.020000000000000004console.log(0.3/0.1)//2.9999999999999996原因因为计算机是通过二进制来进行计算的，即0

T_guo·2023-07-26 14:48

React + 二级目录 + Nginx配置

背景：由于子域名有限，我们需要将不同的前端项目进行二级目录区分。

佛天华·2023-07-26 11:15

前端vue部署到nginx并且配置https安全证书全流程

一：整个流程：1.将前端项目打包，会生成dist文件（同时不要忘了修改调用后台的ip）2.安装nginx（本地安装，非docker），然后将dist下的文件放入nginx的html目录

玛卡巴咖·2023-07-26 09:08

解决 “Module build failed (from ./node_modules/babel-loader/lib/index.js)“ 错误的方法

系列文章目录文章目录系列文章目录前言一、错误原因：二、解决方法：三、注意事项：总结前言在前端项目开发中，如果使用了Babel来转译ES6+语法，有时会遇到错误信息“Modulebuildfailed(from

数据大魔王·2023-07-26 06:57

html 表单设计编辑器,可视化页面编辑器的架构设计

产品演示图需求分析前期的准备工作还是比较重要的,尤其是前端项目,如果整个项目搭建好之后发现某个功能交互逻辑实现起来异常困难,工作量大概率要成倍增加。哎，就不多说了，懂得都懂。

程小新同学·2023-07-26 04:07

解决 npm ERR! missing script: build 错误的方法

系列文章目录文章目录系列文章目录前言一、错误原因二、解决方法：三、注意事项：总结前言在使用npm进行前端项目构建时，有时会遇到错误信息“npmERR!

数据大魔王·2023-07-26 00:35

解决 “无法将 ‘npm‘ 项识别为 cmdlet、函数、脚本文件或可运行程序的名称“ 错误的方法

系列文章目录文章目录系列文章目录前言一、错误原因：二、解决方法：三、注意事项：总结前言在使用npm进行前端项目开发时，有时会遇到错误信息“无法将‘npm’项识别为cmdlet、函数、脚本文件或可运行程序的名称

数据大魔王·2023-07-26 00:35

electron-egg 打包exe程序

在对应操作系统下打包，比如：在windows下构建xxx.exe，在MacOS下，构建xxx.dmg第零步：预发布模式，测试一下功能是否正常npmrunstart第一步：移动前端资源文件#操作如下1：构建资源，如vue前端项目中

哆啦好梦·2023-07-26 00:03

Vue项目使用Cookie，以Json格式存入与读取Cookie，设置过期时间以及删除操作

前端项目开发时，常常需要很多小技巧，比如使用Cookie巧妙实现某个效果。此次就以Vue项目记录一下如何使用Cookie。

帅龍之龍·2023-07-25 21:26

docker配合gitlab自动部署前端项目

安装dockeryum-yinstalldocker启动docker服务:sudosystemctlstartdocker开机自启动dockersudosystemctlenabledocker使用dockerversion命令查看docker是否安装成功安装gitlabsudodockerrun--detach\--hostnamegitlab.myutils.cn\--publish8443:

小张很嚣张～·2023-07-25 19:13

前端配置nginx反向代理

1.下载nginx2.进入nginx.conf3.配置4.将nginx放入前端项目根目录5.启动后端项目和nginx服务启动命令startnginx;重新启动命令nginx-sreload6.访问localhost

new code Boy·2023-07-25 17:09

Docker部署前端项目

前置工作1、需要准备的东西一台Centos服务器并连接我这是演示用的垃圾云，建议大家上阿里云、腾讯云等。2、连接云服务器连接服务器看文章：https://blog.csdn.net/qq_32442973/article/details/119840447安装Docker环境Docker有两个分支版本：DockerCE和DockerEE，即社区版和企业版。本教程基于CentOS7安装DockerC

qq_21138747·2023-07-25 16:44

vercel 免费部署网站，前端项目

比较喜欢简单的，易用的新技术，从阿里云ECSLAMP到腾讯云云开发静态网站托管到腾讯云webfiy到GithubPage到Vercel.comvervel是我用过的最好用的网站托管服务。vercel类似于githubpage，但远比githubpage强大，速度也快得多得多。而且将Github授权给vercel后，可以达到最优雅的发布体验，只需将代码轻轻一推，项目就自动更新部署了。vercel还支

__只是为了好玩__·2023-07-25 15:05

docker nginx -v 挂载配置文件问题

学习docker为的是部署时能更轻松的解决环境问题，docker启动nginx相比学习了docker的朋友们基本上都会使用了，但要修改配置文件或者是部署dist前端项目就会有点麻烦了，如果直接进入容器，

很懒的十六·2023-07-25 06:30

银河麒麟服务器v10 sp1 nginx 部署项目

上一篇：银河麒麟服务器v10sp1nginx开机自动启动_csdn_aspnet的博客-CSDN博客由于项目为前后端分离，前端项目使用nginx部署，VUE项目打包后上传至银河麒麟服务器：8063为前端项目文件目录

csdn_aspnet·2023-07-25 06:44

分布式 - 消息队列Kafka：Kafka分区常见问题总结

文章目录01.Kafka的分区是什么？02.Kafka为什么需要分区？03.Kafka分区有什么作用？03.Kafka为什么使用分区的概念而不是直接使用多个主题呢？04.Kafka分区的数量有什么限制？05.Kafka分区的副本有什么作用？06.Kafka分区的消息是如何分配到不同的分区中的？07.Kafka分区可以增加或者减少吗？08.Kafka的分区数大于服务器台数时如何分配存储副本？09.K

我一直在流浪·2023-07-24 23:32

前端项目使用Docker + Nginx + node部署

今天分享的第三个博客，分享一下我的前端的部署案例，我的前端是React写的，但是Dockerfile通用，大家直接拿过去用就可以，如果是docker不太会的话，只是想尝试部署，大家可以看我的docker-compose教程：DockerCompose|菜鸟教程其实大家安装好docker-compose之后直接docker-composeup就可以运行起来了如果有代理的话，请在.env文件中添加pr

主后端沾点前端·2023-07-24 23:55

vite打包性能优化以及填坑

目录前言项目优化前分析优化拆分包去除debuggerCDN加速按需导入文件压缩图片压缩viteImagemin报错填坑坑1坑2总结配置前言最近在使用Vite4.0构建一个中型前端项目的过程中，遇到了一些坑

chengbo_eva·2023-07-24 23:23

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

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

程序员poetry·2023-07-24 17:31

基于 Docker + Nginx + Gitlab-runner 实现前端自动化部署流程

本篇会用到Docker，Gitlab-runner等相关工具，如果对其不是特别了解，可以参考下相关文档：GitLabRunnerDocker快速入门CI/CD：持续集成/持续部署在早期部署前端项目时，我们通常会通过

Avicli·2023-07-24 16:19

分布式 - 负载均衡Nginx：Nginx常见问题总结（一）

文章目录01.什么是Nginx？02.为什么要用Nginx?03.为什么Nginx性能这么高？04.Nginx为什么不使用多线程？05.Nginx请求处理流程是什么？06.Nginx怎么处理请求的？07.什么是正向代理和反向代理？08.反向代理服务器的优点是什么?09.Nginx的优缺点？10.Nginx应用场景？11.Nginx目录结构有哪些？12.Nginx配置文件nginx.conf有哪些属

我一直在流浪·2023-07-24 16:47

vue入门：使用mockjs搭建vue项目测试服务器

那么在后端接口没有完成之前，我们怎么进行前端项目的测试呢，这就需要我们自己构建一个前端测试服务，自己模拟假数据，以便于我们的前端开发工作。这里我主要是应用mockjs做的mockserver，并在

dell_ling·2023-07-24 05:52

使用VS Code创建前端项目

VSCode的下载地址https://code.visualstudio.com/创建项目由于在vscode的文件菜单下，没有新建项目的选项，所以要先在磁盘中创建一个空的文件夹，如project_xxxx。然后打开vscode，再在vscode里面选择文件->打开文件夹，这样才可以创建项目。保存工作区打开文件夹后，选择“文件->将工作区另存为…”，为工作区文件起一个名字，存储在刚才的文件夹下即可。

咖啡色格调·2023-07-23 22:31

前端项目环境优化升级

一、使用输出分析工具新增webpack-bundle-analyzer插件，可以查看项目一共打了多少包，每个包的体积，每个包里面的包情况。可以清晰的看到项目中一共有多少个包，包的体积是多少，里面加载了哪些东西，大小是多少。webpack-bundle-analyzer插件二、使用HappyPack开启多进程Loader转换在整个构建流程中，最耗时的就是Loader对文件的转换操作了，而运行在Nod

小丹子1o1·2023-07-23 16:06

Mac笔记本启动前端项目 npm run dev内存溢出

如图项目在Windows系统中无报错，在Mac中报错js内存溢出导致项目无法启动网上百度了很多方法1如图设置依旧无法启动2如图设置了也是无效3成功解决了问题sudonpminstall-gincrease-memory-limitincrease-memory-limit8192mb这里大小可以自己设置

web_zq·2023-07-23 14:42

axios取消重复请求实现

axios是现在前端项目开发中必用的一个用于前端后网络请求的工具，它是基于ajax和promise封装而成，很受欢迎。那么，今天就结合axios来实现一下如

桃花谷主V·2023-07-23 13:30

webpack优化系列七：首屏加载优化

前端项目打包之后默认情况下的配置文件较大，部署后首次加载反应较慢，甚至会出现几秒白屏的现象，对于用户的体验感不是很好，所以需要进一步优化一下；本文主要记录一下本人自己的理解，如果其他方案可评论指导。

hyduan200·2023-07-23 12:50

base64转二进制码流问题

base64转二进制码流问题记录在前端项目中，经常会遇到前端使用html2canvas将界面转换成图片，同时可能会将截取的图片传送到服务端进行保存，此时会有一个问题存在：html2canvas截取到的图片为

朋_朋·2023-07-23 10:18

毫秒级突破！腾讯技术团队是如何做前端性能优化的？

文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。作者团队是如何对这个系统进行升级和改造的？

腾讯云开发者·2023-07-22 18:55

推荐频道

前端项目常见问题总结