本文档适用于所有Linux系统示例环境 系统版本：Ubuntu 22.04 web服务端版本：nginx 1.18.0 前端版本：dist-2.2.12-20231122一、创建目录#Linux环境下，前端路径为/home/nvisual-frontend/
sudo mkdir -p /home/nvisual-frontend/dist二、解压前端文件#上传前端包至服务器并解压到dist，我这
在传统的前端项目开发中，我们通常会将前端项目部署到服务器上，以供用户访问。而在使用Kubernetes（K8S）来部署前端项目时，我们可以更加方便地管理和扩展我们的项目。下面我将向你介绍如何在Linux环境下部署前端项目，使用K8S来管理项目的流程。
### 整体流程
下面是部署前端项目到K8S的整体流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建前端项目的D
原创
2024-04-23 19:02:29
226阅读
随着云计算和容器技术的发展，Kubernetes（简称K8S）作为一种自动化容器编排管理工具，越来越受到开发者和运维人员的青睐。在这篇文章中，我将向你介绍如何使用K8S在Linux系统上部署前端页面。
整个过程可以分为以下步骤：
| 步骤 | 内容 |
|------|-----------------|
| 1 | 准备前端页面代码 |
| 2 | 配置Do
原创
2024-05-07 10:02:36
107阅读
目录一、VMware 二、centos7的安装三、Mysql安装四、 前端项目部署1.确保前台项目能用 2.将前台项目打包npm run build3.做ip/host主机映射4.完成Nginx动静分离的default.conf的相关配置 5.将前端构件号的dist项目，上传到云服务器/usr/local/...一、VMware centos7的安
nginx 部署静态网页第一步，就是安装nginx.第二步 配置nginx.conf熟悉vim的用这个指令不熟悉的用这个指令第三步 打开之后的配置centos下nginx的安装。 如果有一大堆的资源文件（javascript,html,css)，如何请求html可以正确的加载css和JavaScript? 今天上午遇到了这个问题，这里记录一下。nginx 部署静态网页第一步，就是安装nginx.这
转载
2024-07-22 10:42:21
78阅读
安装nginx1、在线安装方法sudo yum install nginx安装完后运行[root@Lrw888 local]# nginx 查询nginx.conf是否正确[root@Lrw888 local]# nginx -tnginx: the configuration file /etc/nginx/nginx.conf syntax is oknginx...
原创
2021-09-28 14:55:41
3712阅读
安装nginx 1、在线安装方法 sudo yum install nginx安装完后运行[root@Lrw888 local]# nginx 查询nginx.conf是否正确[root@Lrw888 local]# nginx -tnginx: the co...
转载
2020-03-03 16:27:00
376阅读
2评论
以一个网站为例、程序开发中需要前端开发、后台开发、数据库开发前端开发知识点又分 HTML、css 、js而每一种都有成熟的框架学习但是学习框架前还是要把，原生的这些前端开发技能做一个认识不至于两眼一抹黑、都会一点一点更新的，莫急，莫烦HTML的概念HTML 全称为 HyperText Markup Language，译为超文本标记语言。HTML 不是一种编程语言，是一种描述性的标记语言。作用：HT
转载
2024-06-27 19:14:17
65阅读
一 、静态页面布局传统页面布局，网页上的所有元素的尺寸一律使用px作为单位。静态页面布局通常有几下几种：1、表格布局 2、层布局 3、div+css样式表布局表格布局：表格布局容易把握，是最简单的一种总局方式，适用于初学者。 设计网页的第一步是设计版面布局。所谓布局，就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具，就是使用框
转载
2023-08-11 10:29:32
105阅读
目录导航： 文章目录目录导航：三、Web前端1.1 Web前端开发介绍1. Web网站介绍2. 动态网站开发所需的Web构件3. Web的工作原理1.2 HTML基础语法 （缺）1.3 HTML常用标签介绍1.3.1 文本标签:1.3.2 格式化标签:1.3.3 图片标签img*1.3.4 HTML中的超级链接*1.3.5 表格标签1.3.6 form表单标签 (其中1~5重点，其他了解)1.3.
转载
2024-01-25 18:52:04
202阅读
免费部署前端网页
原创
2022-07-17 01:25:19
506阅读
利用github账号注册claw Cloud Run 获得5$额度，创建应用部署个人网页
什么叫前端 前端一直以来就是比较笼统的概念，那前端到底是什么呢 前端，也称为web前端，就是平时上网时用百度，淘宝什么的，就是我们可以直接看到的部分，手机上的APP，也是前端，所以，浏览器，应用app展现在我们面前，可以交互的，称为前端。 前端能做什么呢？ 前端“”攻城狮“”之前被称为“网页设计师”，后来前后端分离之后，就转变成为了“web前端工程师”，他们一般负责界面制作，用户交互，网站维护、网
转载
2023-08-16 16:41:28
76阅读
首先来介绍下前端（Frontend）到底是什么？前端就是我们肉眼所直观看见的网页是片面的，不全面的，不过大体意思基本一致。闲话不多说来干货：前端一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。如上图所示：这是百度的搜索页面，该页面可以大致
转载
2024-05-09 10:00:09
75阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 一、??网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品，采用DIV CSS布局制作，内容包括：校园运动、运动技巧、运动规
转载
2024-03-14 08:50:21
45阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站效果五、? 代码实现?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 一、??网站题目? 美食网页介绍、?甜品蛋糕、?地方美食小吃文化、?餐饮文化、等网站的设计与制作。二、✍️网站描述?美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食
转载
2024-05-09 10:01:15
45阅读
素材网站 ✨iconfont阿里巴巴矢量图标库 ✨美叶 ✨IconPark ✨pexels ✨COLOR ✨Uigradients 网站入口：iconfont阿里巴巴矢量图标库 网址：https://www.iconfont.cn/ 本网站包含图标库、矢量插画库、3D插画库以及Lottie库，内容丰富且精美，只有你想不到的，没有你找不到的。拿这些精美图标来设计网页页面，一
html和css的网页练习
原创
2022-08-04 12:14:41
69阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 一、??网站题目? 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。二、✍️网站描述?️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（
1.目标场景有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。2.思考解决方案如何去解决这个问题
思考中...如果后端可以配合我们的话我们可以使用webSocket 跟后端进行实时通讯，前端部署完之后,后端给个通知，前端检测到Message进行提示，还可以在优化一下使用EvnentSo
转载
2023-01-11 15:54:50
157阅读
