Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。一名合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。也不是说必须对这三门
## Dockerfile 前端dist包
在现代的软件开发中，前端工程师经常需要将自己的代码打包成静态资源文件，然后将其部署到服务器上以供访问。而为了简化这个过程，Docker 提供了一种便捷的方式来构建和发布应用程序，通过 Dockerfile 可以定义容器的构建过程，并且可以将这个过程自动化。
本文将介绍如何使用 Dockerfile 来构建一个包含前端 dist 包的 Docker 镜
原创
2023-09-29 12:36:58
201阅读
# 使用 Dockerfile 部署 Nginx 服务的详细指南
在现代开发环境中，Docker 提供了一种便捷的方式来管理和部署应用程序。本文将教你如何使用 Dockerfile 来构建和运行一个 Nginx 服务，其中文件中将会包含静态网页的分发。我们将涵盖整个过程，从创建 Dockerfile 到构建和运行容器。
## 流程概述
为了帮助你理解我们将如何实现这一过程，下面是一个简单的步
原创
2024-08-11 06:47:36
19阅读
前言大家好，本文是对 Docker 自定义镜像的详细讲解，讲解了如何进行构建自己的 Docker 镜像以及 Dockerfile 的操作指令。希望对大家有所帮助~一、使用 Dockerfile 定制镜像1.1、Dockerfile 定制镜像镜像的定制实际上就是定制每一层所添加的配置、文件。如果我们可以把每一层修改、安装、构建、操作的命令都写入一个脚本，用这个脚本来构建、定制镜像，无法重复的问题、镜
转载
2023-12-27 10:02:43
453阅读
一、什么是设计模式一般来说，设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用，在我们平时的软件开发中，经常需要用到各种设计模式，设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。设计模式可以说是软件工程的基石，合理的使用设计模式，可以使我们的代码真正的工程化，在项目中使用设计模式可以
# 前端 Dist 到 Dockerfile 的打包流程入门
在前端开发中，将应用程序打包成 Docker 镜像是一种常见的实践。通过使用 Docker，你可以确保你的应用在任何环境中都能以相同的方式运行。以下是一个简化的前端 dist 到 Dockerfile 的打包流程，希望对你有所帮助。
## 打包流程概述
在开始之前，让我们先列出整个流程的步骤。你可以参考以下表格：
| 步骤 |
原创
2024-08-01 05:24:51
82阅读
最近在开发过程中遇到了这么一个问题：现在有一个 Web 项目，前端是使用 Vue.js 开发的，整个前端需要部署到 K8S 上，后端和前端分开，同样也需要部署到 K8S 上，因此二者需要打包为 Docker 镜像。对前端来说，打包 Docker 就遇到了一个问题：跨域访问问题。因此一个普遍的解决方案就是使用 Nginx 做反向代理。一般来说，我们需要在打包时配置一下 nginx.conf 文件，然
转载
2024-07-16 14:26:38
132阅读
## 前端打docker镜像只需要dist目录和dockerfile吗
在前端开发中，我们经常需要将我们的项目部署到生产环境中。为了方便部署和管理，使用Docker来打包我们的前端项目是一个不错的选择。那么，前端打Docker镜像只需要`dist`目录和`Dockerfile`文件吗？本文将为大家解答这个问题。
### Docker简介
Docker是一种开源的容器化平台，允许开发者将应用程
原创
2024-07-14 07:49:04
14阅读
文章目录背景分类转译器打包器对比gulp VS webpackBundle vs Bundleless（代表就是webpack VS vite）其他比较个人理解总结官网 背景做前端也有好多年了，从最早的 jQuery 时代到现在的三大框架，这过程中用到了很多构建工具，今天就来盘点一下我们前端开发常用的这些构建工具。盘点之前呢，我们先聊聊现代前端开发的痛点，也是这些构建工具出现的原因：开发过程注重
前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。 部署到七牛云 部署到阿里云OSS，部署到腾讯云OSS 部署到腾讯云服务器并使用nginx做反向代理 总结与反思 前提条件： 通过npm run ...
转载
2021-08-02 12:07:00
1187阅读
2评论
前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。 已购买一台腾讯云服务器，实例配置1核 1GB 1Mbps。可用于存储前端dist包，nginx反向代理，运行后端服务等等 …
原创
2022-10-07 22:54:31
516阅读
目录 1.javascript介绍1.1Web前端有三层：1.2其中JavaScript基础又分为三个部分：1.3JavaScript入门易学性1.4JavaScript的组成1.5JavaScript的特点2.javascript语法2.1js代码的引入2.2输入输出信息2.3基础数据类型2.4内置对象类型2.5JSON对象2.6日期：Date2.7RegExp对象2.8数学相关：Math2
display属性共有4个值：blcok：块级元素 inline-block：行内块级元素 inline：行内元素 none：隐藏元素，不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等 块级元素会默认占满父元素的宽度且独占一行<div>
<p>尽可能的占满父元素的宽度</p>
</div>2.行内元素常见的行内
转载
2024-10-17 21:36:58
13阅读
前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。 部署到七牛云 部署到阿里云OSS，部署到腾讯云OSS 部署到腾讯云服务器并使用nginx做反向代理 总结与反思 前提条件： 通过npm run
转载
2020-10-13 17:18:00
718阅读
2评论
作者主页：Designer 小郑作者简介：软件工程师一枚，来自浙江宁波，负责开发管理公司OA项目，专注软件前后端开发（Vue、SpringBoot和微信小程序）、系统定制、远程技术指导。蓝桥云课认证讲师，全栈领域优质创作者，在校期间参加PAT乙级考试获得满分，三年ACM竞赛经验，斩获国奖两项，省奖五项。热爱技术、专注业务、开放合作、乐于分享，期待你我共同成长！主打方向：Vue、SpringBoot
SpringBoot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。SpringBoot简介SpringBoot是Spring家族中的一个全新的框架，它用来简化Spring应用程序的创建和开发过程，也可以说SpringBoot能简化我们之前采用SpringMVC + Spring + MyBatis框架进行开发的过程。 在以往我们采用Spring
前言：笔者曾经有18年的硬件研发经验，从（1）51单片机到（2）FPGA到（3）嵌入式ARM(ARM9到CORTEX A9)全都研发设计过，产品从（1）B超的整机研发到（2）智能家居系统到（3）无线电监测机到（4）平板电脑研发到（5）路灯智能控制到（5）工业电脑均有涉及，从（1）普通的电子技术工程师到（2）副总工程师到（3）副总经理到（4）事业部总经理。。。从2017年开始转到系统软件框架，而且偏
传送门：webpack4系列教程（一）：初识webpackwebpack4系列教程（二）：创建项目，打包第一个JS文件 1. webpack中的CommonJS和ES Mudule 规范1.1 CommonJs规范CommonJs规范的出发点：JS没有模块系统、标准库较少、缺乏包管理工具；为了让JS可以在任何地方运行，以达到Java、PHP这些后台语言具备开发大型应用的能力。在Commo
项目打包命令为：npm run build 打包后会文件夹中自动生成一个dist文件 这个文件就是最终上传服务器的文件（或者将这个dist给后端）dist中的index打开是本地看不见什么的。如果想查看项目 ----1.在config目录中找到index。js build: {
// Template for index.html
index: path.
转载
2023-06-29 15:58:49
348阅读
# 前端 Dockerfile实现流程
## 1. 准备工作
在开始实现前端 Dockerfile之前，需要先搭建好开发环境，确保已经安装好以下软件：
- Docker：用于创建和管理容器的平台
- 编辑器：用于编写 Dockerfile文件
## 2. 创建项目目录
创建一个新的项目目录，用于存放 Dockerfile和相关文件。
```markdown
mkdir my-front
原创
2023-12-02 12:25:39
81阅读
