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

Webpack5 多线程Threads

有趣的小良·2023-08-01 13:50

前端项目启动

淘宝镜像源安装，博客https://www.jianshu.com/p/92116d8d2298出错后，大佬调图解小伙伴的建议1、把这个文件夹删掉就是删掉依赖了。2、按照这个教程来，是完全没毛病的。你有安装淘宝镜像了是吗，不然你删除依赖再重新安装依赖看一下，先再安装一次淘宝镜像然后再安装依赖3、4、错误

追寻9·2023-08-01 09:29

webpack安装使用

webpack是前端项目打包工具安装安装webpack前先安装node.js，查看node版本node-v1.创建空白目录，并运行npminit-y,初始化包管理配置文件package.json2.新建

alfalfaw·2023-07-31 22:08

从零开始搭建vue-node-webpack前端项目环境step5

1、现在我们项目已是能够正确运行在node服务器上，并且能够在浏览器中打开我们的页面，进行编写调试了。现在就继续撸起我们的项目，继续编写css样式。写着写着，你就发现可能又有些不爽了，因为这时候我们写css是没问题，webpack热更新可以帮助我们自动刷新，但是你可能已经忍受不了css那罪恶的层级关系了。so，这时候你就可能会联想到预编译处理语言scss,stylus,less等。在这里，我自己因

邪风曲_f8f3·2023-07-31 16:23

springmvc最简项目、最少配置

主题：springmvc最简项目、最少配置最近想新建一个项目，由于前端项目，采用最原始的springmvc来搭建。网上搜索的资料大多都是配置繁琐。

清心_恋旧·2023-07-31 13:47

SpringBoot项目部署(前后端分离、Linux部署项目)

一、架构部署环境说明：192.168.122.100(服务器A)：Nginx：部署前端项目、配置反向代理Mysql：主从复制结构中的主库192.168.122.131(服务器B)：jdk:运行Java项目

heart000_1·2023-07-31 05:40

Sentry 前端日志上报使用

前端项目中上线代码都会经过编译、压缩等，当生产环境中出现异常时需要快速定位到具体报错的位置，快速修复，所以在上报异常时也需要将产生问题的SourceMap相关文件上传。

苦不尽甘常在-慎独·2023-07-31 04:34

接入sentry-让你的错误别再裸奔

2.Sentry的接入3.Sentry的高级用法前言前端项目目前发现错误的方法有哪些呢？测试同学测出来。缺点：现在浏览器版本、手机机型太多，兼容性问题很难测完全。

前端小苑-FE GDN·2023-07-31 04:34

基于springboot + vue 的个人博客搭建过程（上线）

.搭建环境1.安装docker2.拉取并运行2.1拉取服务2.2部署运行mysql2.3部署运行redis5.配置后端项目镜像5.1跨域配置5.2多配置文件5.3配置maven5.4打包并上传6.配置前端项目镜像

梦魇梦狸º·2023-07-30 20:01

使用 Webpack 优化前端开发流程

代码优化和资源管理也是前端项目中不可忽视的一部分。我们将介绍如何通过压缩和混淆代码来减小文件大小，并探讨如何分割代码和异步加载模块，以优化页面加载速度。此外，我们还将讨论如何处理和优化图片、样式和字

尘缘..·2023-07-30 15:02

Vue3 前端项目搭建详细教程

用脚手架创建项目下载脚手架的包npminstall@vue-cli-g创建项目，先cd到要创建的文件夹下vuecreate安装一些开发包npminstallelement-plus--savenpminstallvue-router@4--save这里可能会报一些版本冲突等问题，可以强制执行：npminstallelement-plus--save--legacy-peer-deps解释：在NPM

future star·2023-07-30 11:55

前端项目使用高德API，创建地图，撒点，自定义标记点样式，点击点位展示信息提示窗体

最近项目开发中遇到了高德地图自定义点的样式，点击展示信息窗体的需求。做个总结！初始化地图展示点和点击展示信息窗体我们用的Vue开发的，所以在这儿我用Vue中例子来说！1、html标签创建地图放置的容器//要给地图添加宽高属性2、在methods中定义方法，写展示地图内容的所有逻辑：methods:{//初始化地图，mounted钩子函数中调用！initCreateMap(){//创建地图实例，挂载

codnan·2023-07-30 02:52

黑马点评项目学习笔记（15w字详解，堪称史上最详细，欢迎收藏）

黑马点评项目学习笔记文章目录黑马点评项目学习笔记前言项目搭建导入数据库初始化项目启动项目启动前端项目启动后端项目基于Session实现短信验证码登录短信验证码登录配置登录拦截器数据脱敏Session集群共享问题基于

知识汲取者·2023-07-30 02:49

【前端工程化】未使用docker时，前端项目实现线上秒级回滚

目录一.前言二.思路三.实践3.1准备单页应用项目3.2保存历史构建index.html内容3.3模拟服务端托管前端应用3.4快速回滚node服务端代码开发3.5快速回滚前端可视化页面开发3.6快速回滚测试四.总结一.前言项目快速回滚是前端工程化中很重要的一环，项目部署到线上后如果报错打不开或者其他原因需要回滚到上一个版本，这个时候回滚的速度就会显得尤为重要。正常的回滚步骤：需要gitreset回

chengbo_eva·2023-07-29 22:50

vue-cli解决开发环境的跨域问题-配置跨域代理

当下,最流行的就是前后分离项目,也就是前端项目和后端接口并不在一个域名之下，那么前端项目访问后端接口必然存在跨域的行为.怎么解决这种跨域？

星月前端·2023-07-29 16:35

前端项目(Vue/React)性能优化

本文就围绕着如何给前端项目进行性能优化等技术点一一展开讨论为什么为什么要进行项目性能优化，其实这个问题我在前言中已经简单阐述过了。优化的目的是为了改善

前端少年汪·2023-07-29 12:39

前端项目cnpm install时报错，Failed to connect to github.com port 443: Connection refused

前端项目，在cnpminstall时报错，提示：Failedtoconnecttogithub.comport443:Connectionrefused解决方法：1.查找github.com的IP地址，

weixin_45616483·2023-07-29 04:54

前端项目工程化

为什么需要前端工程化Web业务日益复杂化和多元化，现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。代码量可能从以前的千行到如今的万行，甚至十万行。

symY_Y·2023-07-29 01:21

Spring常见问题总结

目录1.什么是Spring框架?2.列举一些重要的Spring模块？3.@[email protected]&AOP4.1谈谈自己对于SpringIoC和AOP的理解4.2SpringAOP和AspectJAOP有什么区别？5.Springbean5.1Spring中的bean的作用域有哪些?5.2Spring中的单例bean的线程安全问题了解吗？5.3@

别活在过去i·2023-07-28 21:48

js 深拷贝的几种情况总结

一、深拷贝1.解释在前端项目中，处理数据时常常需要进行JSON数据的拷贝。然而，为了确保拷贝的双方数据之间互不影响，我们需要使用深拷贝。

白枫 White Maple·2023-07-28 21:58

在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、函数、脚本文件或可运行程序的名称