前端项目工作实战

vue2整理

3.项目打包优化vue2之项目打包优化4.项目上线阿里云部署上线前端项目
26:28·2024-01-31 15:33

前端项目性能优化

一、前端项目架构优化1、加载性能1、资源内容使用CDN加载，请求开启Gzip压缩利用CDN加载资源内容cdn全称contentdeliverynetwork。
donyFeng6·2024-01-31 07:13

【权限管理系统】02创建前端项目

兼容性注意Vite官网：https://cn.vitejs.dev/Vite需要Node.js版本>=12.0.0，建议使用16版本以上node-v//查看版本号1.1、新建项目创建存放项目目录，cmd进入到存放目录，执行如下命令创建项目[email protected]、输入项目名称project-web1.3、选择vue框架1.4、选择TypeScript1.5、cd进入刚刚创建的
阿斯卡码·2024-01-31 03:49

三分钟学会使用 Docker 部署前端项目

三分钟学会使用Docker部署前端项目1、前言1-1引入本篇文章带领读者利用Docker+XShell+阿里云服务器进行简单的前端网页部署。
Dashesand·2024-01-31 00:08

springboot3+vue3支付宝在线支付案例-渲染产品列表页面

今天折腾了半天，完成了vue3前端项目的产品列表选染。我们使用到了技术有axios（发送跨域的请求获取产品）。
yrldjsbk·2024-01-30 22:13

vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。下面我们就用这一套规范来初始化我们的项目，集成一个规范的模版。1.1环境准备nodev16.14.2
口袋の的天空·2024-01-30 20:55

前端项目文件命名参考

(一)网页内容类标题:title摘要:summary箭头：arrow商标：label网站标志：logo转角/圆角：corner横幅广告：banner子菜单：subMenu搜索：search搜索框：searchBox登录：login登录条：loginbar工具条：toolbar下拉：drop标签页：tab当前的：current列表：list滚动：scroll服务：service提示信息：msg热点：
汝&戏·2024-01-30 14:44

宝塔nginx部署前端页面刷新报404

问题：当我们使用脚手架打包前端项目的时候，如果前端项目并没有静态化的配置，如以下当我们刷新页面，或进行路由配置访问的时候就会报404的错误原因：这是因为通常我们做的vue项目属于单页面开发。
月亮被咬碎成星星·2024-01-30 13:47

宝塔上线前后端项目操作

目录一、上线前端项目二、上线后端项目三、域名配置3.1前端域名配置3.2后端域名配置四、跨域配置4.1网关支持（Nginx）4.2后端配置跨域一、上线前端项目(1)下载nginx(2)下载tomcat这步是为了下载
月亮被咬碎成星星·2024-01-30 13:13

【Vue】前端项目引入阿里图标

【Vue&React】前端项目引入阿里图标1、登录自己的iconfont-阿里巴巴矢量图标库，把需要的图标加入到自己的项目中去；2、加入并进入到项目中去选择Fontclass并下载到本地3、得到的文件夹如下
香菜啵子欸·2024-01-30 13:15

【React】前端项目引入阿里图标

【React】前端项目引入阿里图标1、登录自己的iconfont-阿里巴巴矢量图标库，把需要的图标加入到自己的项目中去；2、加入并进入到项目中去选择Symbol点击复制代码3、安装@ant-design
香菜啵子欸·2024-01-30 13:15

教你怎么用Docker 部署前端

越来越多的前端团队选择用Docker部署前端项目，方法是将项目打包成一个镜像，然后在服务端直接拉镜像启动项目。这种方式可以忽略服务器环境差异，更容易做版本管理。
雾岛听风来·2024-01-30 07:04

使用 Ant Design Pro 初始化前端项目

一、使用pro-cli来快速的初始化脚手架1.打开终端，输入命令#使用npmnpmi@ant-design/pro-cli-g#create后面加要初始化的项目名称procreateleapi-frontend2.报错PSD:\code>procreateleapi-frontendpro:无法加载文件D:\tools\nodejs\node_global\pro.ps1，因为在此系统上禁止运行脚
乐小鑫·2024-01-30 05:36

nodejs下载介绍

前言在我们开发项目的时候使用的是这种对应的前后端分离的形式，各个开发人员各司其职来完成整个项目的构建但是实际开发的话前端也是分成了很多部分比如下图那么我们就用到了对应的快捷生成一个前端项目的工具，nodejs
菜鸟小木·2024-01-29 21:03

nginx部署前端vue项目

1、将前端项目打包程dist包2、在服务器上部署nginx（1）、在nginx的官网下载nginx（官网：https://nginx.org/download/）本例已1.8.1版本为例子（2）、将tar
weisian151·2024-01-29 15:58

【Vue】1-1、webpack的基本使用

一、什么是Webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能化等强大的功能。
QX_Java_Learner·2024-01-29 15:25

京东零售前端小姐姐的前端提效小窍门 治好了我的强迫症

前端项目的开发过程中，开发者需要投入大量的时间、精力去进行基础代码的初始化；在共建项目中，也会出现代码风格不统一的情况，维护成本提高；前端为了实现UI效果统一，代码复用使用，我们将组件进行原子化、模块化封装
京东零售技术·2024-01-29 10:02

node无所不能呀

最近遇到项目需要在前端项目本地临时创建数据调试，数据来源是excel表格，有差不多快100条数据，往常是使用php进行读取转换的，现在php技能有点生疏了，这下感觉要复制到头秃。。。
科学小机器·2024-01-29 08:54

日常学习之：如何使用 dockerfile 将 vue 的单独前端项目通过 docker 的方式部署到 heroku上

文章目录需求描述开始操作准备阶段：准备server.js文件并安装依赖，将vue项目包装成单独的服务器制作server.js安装server.js需要的依赖构建Dockerfileherokucontainer链接和部署其他细节需求描述你想用vue构建前端，用django构建后端，并且你不想用一个服务器来运行整个项目，而是想分开两个服务器部署通过heroku来部署有三种方式本地项目文件夹直接关联h
暖仔会飞·2024-01-29 02:57

web前端项目-实现录音功能【附源码】

录音功能运行效果：本项目可实现录音软件的录音、存储、播放等功能HTML源码：（1）index.html：demo（2）index1.html：createMediaStreamDestination()democreateMediaStreamDestination()demoEncodingapuresinewavetoanOpusfileMakesinewavevarb=document.qu
温轻舟·2024-01-29 02:44

乐视云大前端技术架构

负责公司全部业务线的前端工作，包括官网、商业平台的前端构建，flash、html5播放器的SDK，以及还处于Alpha阶段的ReactNative打包App的平台工具——LeVally，包括PC端、移动端的前端项目
loulanyijian·2024-01-29 00:17

web前端项目-五子棋【附源码】

五子棋（人机对弈）本项目【五子棋】是一款人机对弈的策略型棋类游戏。可以选择落子方；游戏难度和是否显示落子次序。游戏双方分别使用黑白两色的棋子，在棋盘直线与横线的交叉点上进行对弈。五子棋可以促进大脑发育、提高思维能力和判断力，培养人的耐性。运行效果：可以选择落子方；游戏难度和是否显示落子次序完整源码-HTML源码五子棋(function(a,b){functioncv(a){returnf.isWi
温轻舟·2024-01-28 17:32

web前端项目-动画特效【附源码】

文章目录一：赛车游戏动画`HTML`源码：`JS`源码：`CSS`源码：（1）`normalize.css`（2）`style.css`二：吉普车动画演示`HTML`源码：`CSS`源码：（1）`reset.css`（2）`style.css`一：赛车游戏动画运行效果：键盘的方向键（上、下、左、右）分别控制赛车的前进、减速、向左和向右HTML源码：赛车游戏动画JS源码：var$={canvas:n
温轻舟·2024-01-28 17:26

计算机Java项目｜毕业生生活用品出售网站

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目
编程千纸鹤·2024-01-28 09:21

计算机Java项目｜SpringBoot网吧管理系统

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目
编程千纸鹤·2024-01-28 09:21

计算机node项目｜nodejs网上书城设计与实现

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目
编程千纸鹤·2024-01-28 09:21

计算机Java项目｜超市进销存管理系统

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目
编程千纸鹤·2024-01-28 09:19

创建基于Vue2.0开发项目的两种方式

前天开始接触基于Vue2.0的前端项目，实际操作中肯定会遇到一些问题，慢慢摸索和总结。
dawn·2024-01-28 03:13

vue2.0学习笔记黑马

前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能：提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript
firewrk·2024-01-28 00:44

怎么用Vite来创建一个前端项目?

介绍Vite是一种新型的前端构建工具，能够显著提升前端开发体验，主要有以下特点：使用原生ESM文件，无需打包轻量快速的热加载优化构建，可选单页应用或者库模式，配置构建灵活的API常用框架项目模板搭建第一个Vite项目，我这里使用NPM搭建，可选的有Yarn，pnpm。跟Vue类似，Vite也提供了很多的模板，用来创建不同框架的项目。目前支持的模板有：vanlilla,vanlilla-tsvue,
83Dillon·2024-01-27 23:37

如何使用preact开始一个前端项目？

本篇文章对于preact不做过深介绍，仅仅介绍其基础的使用方法。使用Preact，我们可以通过组装组件和元素的树来创建用户界面。组件是返回其树应该输出的内容的描述的函数或类。这些描述通常是用JSX（如下所示）或HTML编写的，它利用了标准的JavaScript标记模板。这两种语法都可以表示具有“props”（类似于HTML属性）和子元素的树。preact支持通过多种方式引入使用。直接使用Preac
Dream_travelerly·2024-01-27 23:05

如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器

如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器目录如何将前后端分离（vue2+SpringBoot）项目部署到腾讯云服务器1、在选中目录地下新建2个文件夹2、将打包好的前端项目和后端
娃哈哈哈哈呀·2024-01-27 17:52

1.package.json解析

1.概述如果使用JavaScript、或者曾经与JavaScript项目、Node.js或前端项目进行过交互，则肯定会遇到过package.json文件。它有什么用途？
wildelegant·2024-01-27 14:46

easypan前端学习（一）

文章目录前端项目node版本node镜像构建项目创建项目安装项目所有依赖图片资源网站encodeURI&decodeURIapp.config.globalProperties与getCurrentInstanceObject.assignvue-cookies
ps酷教程·2024-01-27 13:08

Vue2：通过代理服务器解决跨域问题

Vue前端项目通过ajax去请求后端接口的时候，会有同源策略的限制。从而产生跨域问题。二、基本概念1、什么是同源策略？就是前端服务和后端服务的协议名，IP或主机名，端口号不完全一致。
生产队队长·2024-01-27 12:56

express/koa2中使用http-proxy-middleware代理转发后端接口解决跨域问题

由于后端接口没有设置允许跨域,故前端需要自己解决,如果前端项目是node起的服务,可以使用express/koa2框架,配合http-proxy-middleware中间件转发后端接口express中:
竹子js·2024-01-27 09:05

npm,cnpm install报：Error: certificate has expired at TLSSocket.onConnectSecure

问题描述最近发现前端项目CI/CD时失败，报下面的错误。npm淘宝镜像源证书过期导致的。
LF-DevJourney·2024-01-27 07:07

vue中引入图片报错Cannot resolve file ‘bg.png‘

在许多前端项目中，开发者会使用类似的别名来代表项目的根路径，这样可以简化文件路径的书写，而不需要关心具体的相对路径。在实际的项目中，@/可能被配置为指向项目的根目录，从而使得引用文件变得更加简洁。
檀玥·2024-01-27 06:21

vite+Vue3技术栈项目- 解决跨域配置代理

vite+Vue3技术栈项目-解决跨域配置代理1.跨域问题引入2.解决跨域编码：3.更改后端请求：4.编码测试OK1.跨域问题引入我的前端项目启动，是http://127.0.0.1:3000需要访问的后端接口是
SpringSir·2024-01-27 06:43

VUE错误日志监控（一）

前端错误日志监控可以解决什么问题我们知道当前端项目的js发生错误时，可能会导致页面阻塞，操作不流畅，或者白屏等异常。但是由于我们的页面是在用户的浏览器打开的，这使的复现和查询问题的流程变的繁琐。
Carols·2024-01-27 00:22

web前端项目重构的理解

重构是指在不改变外部行为的前提下，对代码、结构、布局或者设计进行优化和改进的过程。在前端开发中，重构通常指对网站或应用程序的前端部分进行优化和改造，以提升性能、可维护性和用户体验。对于传统的网站来说，重构可以包括以下方面的优化：结构优化：将使用表格布局的页面改为使用DIV+CSS布局，使页面结构更加语义化、清晰，并提高页面的可读性和维护性。兼容性优化：将网站的前端代码和样式进行调整，使其能够兼容现
亮学长·2024-01-26 23:06

C# 阿里云CDN缓存预热刷新功能测试

前言前段时间，公司的一个前端项目中需要展示3D模型和材质，其中模型是固定的，但材质所用到的贴图是渲染段动态生成的。实测前端加载模型+材质，总耗时将近20s，产品当然不满意。
jack_dos·2024-01-26 21:52

官宣！OpenTiny 前端 Web 应用开发挑战赛开赛啦~30万奖金等你拿！

只要你对前端感兴趣，想要参与前端项目实战你就可以报名参赛！！！报名入口：https://competition.atomgit.com/competitionInfo?
OpenTiny社区·2024-01-26 17:44

JavaScript之class中的箭头函数和普通函数

在使用React框架开发前端项目的过程
奋斗的小栗子·2024-01-26 14:26

前端项目react开发中总结常用的小技巧

map函数可以将数组对象的某些属性快速选择出来consttheDatas=theData.map((item)=>({key:item.key,checked:item.status}));...运算符可以快速遍历得到data里的所有对象constnewData=[...data];属性后面加问号？可以进行判空处理，这样开发就不会因为undefined进行报错data?.length如果是要多次读
Ciilk·2024-01-26 10:00

小黑艰难的前端啃bug之路:内联元素之间的间隙问题

今天开始学习前端项目，遇到了一个Bug调了好久，即使margin为0，但还是有空格。
爱喝喜茶爱吃烤冷面的小黑黑·2024-01-26 09:22

我的第一个前端项目：博客之内容发布、评论等功能模块的制作

上一篇文章将内容修改与内容删除完成，只剩下评论的分页和阅读全文。一个简单博客就完成了。当点击阅读全文时通过get方式将所点击的文章id值在地址栏传送给后台。后台通过letcontentId=req.query.contentId;将值赋值。获得了文章的id值通过对数据库的查询就可以获得文章的全部信息，然后通过回调函数将值传给前台。在查询数据库是时要为文章阅读量设置对应的函数content.view
我去_6aee·2024-01-26 06:21

手把手教小白如何在Window系统下搭建Nginx服务器环境并部署前端项目

一、认识Nginx这里日后补充…二、Nginx环境搭建1.下载并安装Nginx在nginx官网http://nginx.org/en/download.html下载稳定版至自己想要的目录下。然后解压文件（没有exe的安装过程），下在解压后进入其目录如下：（注意：安装目录最好不要有中文，否则启动时容易报错）2.启动nginx服务器启动方式有两种：（1）直接进入nginx安装目录下，双击nginx.e
小明同学XTMT·2024-01-25 23:39

前端项目打包使用nginx本地服务器运行

1.下载安装nginxnginx:下载nginx中文网提供nginx中文文档nginx下载等内容https://nginx.p2hp.com/en/download.html稳定版就可以，下载完后将下载的压缩包解压2.修改配置文件主要修改端口，以及项目所在文件夹，直接放html下就行server{listen80;server_namelocalhost;#charsetkoi8-r;#acces
LB_bei·2024-01-25 23:35

vue+qiankun微前端项目（搭建,路由跳转，父子之间相互通信）

话不多说，直接上货首先创建两个项目，一个作为项目基座（vue-qiankun-base），一个作为子应用（vue-qiankun-app1）搭建基座及配置安装qiankun依赖到基座npmiqiankun-S需要注意的几点:1.新增public-path.js文件，用于修改运行时的publicPath什么是运行时的publicPath？2.微应用建议使用history模式的路由，需要设置路由bas
养樂多_566c·2024-01-25 19:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他