一、什么是设计模式一般来说，设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用，在我们平时的软件开发中，经常需要用到各种设计模式，设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。设计模式可以说是软件工程的基石，合理的使用设计模式，可以使我们的代码真正的工程化，在项目中使用设计模式可以
作者主页：Designer 小郑作者简介：软件工程师一枚，来自浙江宁波，负责开发管理公司OA项目，专注软件前后端开发（Vue、SpringBoot和微信小程序）、系统定制、远程技术指导。蓝桥云课认证讲师，全栈领域优质创作者，在校期间参加PAT乙级考试获得满分，三年ACM竞赛经验，斩获国奖两项，省奖五项。热爱技术、专注业务、开放合作、乐于分享，期待你我共同成长！主打方向：Vue、SpringBoot
前言前段时间，自己搞了个阿里云的服务器。想自己在上面折腾，但是不想因为自己瞎折腾而污染了现有的环境。毕竟，现在的阿里云已经没有免费的快照服务了。要想还原的话，最简单的办法就是重新装系统。而一旦重装，之前的搭建的所有环境就都白搭了。再加上之前本身就想引入docker，所以就打算利用docker容器来部署这次的前端应用。构建前端应用在打包之前，首先需要一个可正常运行的前端应用。这个可以使
转载
2024-06-08 16:37:08
97阅读
先梳理下前端的几个应用场景1、为团队制定统一开发环境，新人入职或系统重装后能快速搭建起开发环境。比如前端开发通常要安装pythone、nodejs以及node-sass、webpack等，能通过Dockerfile维护管理镜像给到团队成员使用。研究深度学习领域的同学比较清楚，搭建环境需要安装配置各类工具，如Tensorflow、Keras、Anaconda、PyTorch、Flask、Jupyte
转载
2023-09-08 22:26:30
161阅读
Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。一名合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。也不是说必须对这三门
# Docker Distribution：一种高效的容器镜像管理方式
在现代软件开发中，容器化已经成为一种常见的趋势，而Docker则是这一趋势的引领者。Docker提供了一个便捷的方式来构建、发布和运行容器应用。为了实现容器镜像的高效管理，Docker Distribution（或称为Docker Registry）应运而生。它是一个用于存储和分发Docker镜像的服务，允许用户通过标准的D
## Dockerfile 前端dist包
在现代的软件开发中，前端工程师经常需要将自己的代码打包成静态资源文件，然后将其部署到服务器上以供访问。而为了简化这个过程，Docker 提供了一种便捷的方式来构建和发布应用程序，通过 Dockerfile 可以定义容器的构建过程，并且可以将这个过程自动化。
本文将介绍如何使用 Dockerfile 来构建一个包含前端 dist 包的 Docker 镜
原创
2023-09-29 12:36:58
201阅读
目录一. 前言二. 思路三. 实践3.1 准备单页应用项目3.2 保存历史构建index.html内容3.3 模拟服务端托管前端应用3.4 快速回滚node服务端代码开发3.5 快速回滚前端可视化页面开发 3.6 快速回滚测试四. 总结一. 前言 项目快速回滚是前端工程化中很重要的一环，项目部署
转载
2024-07-05 11:50:28
85阅读
背景部署环境中jenkins和docker的使用，请参看我的上篇博客：jenkins部署SpringBoot的jar包项目到docker容器并运行项目部署运维往往是一件让人很头疼的事情，如果人工每次进行部署，繁琐的流程让人望而生畏，每次又都是重复的操作，让人越看越厌。这篇文章将介绍如何使用jenkins+docker自动化部署前端项目。jenkins+docker部署前端项目jenkins相关配置
转载
2024-03-01 13:24:16
261阅读
最近在开发过程中遇到了这么一个问题：现在有一个 Web 项目，前端是使用 Vue.js 开发的，整个前端需要部署到 K8S 上，后端和前端分开，同样也需要部署到 K8S 上，因此二者需要打包为 Docker 镜像。对前端来说，打包 Docker 就遇到了一个问题：跨域访问问题。因此一个普遍的解决方案就是使用 Nginx 做反向代理。一般来说，我们需要在打包时配置一下 nginx.conf 文件，然
转载
2024-07-16 14:26:38
132阅读
[从入门到入土(后端篇)]三,前端项目部署（nginx）当本地项目没有问题后，我们需要将其部署到服务器上，让别人可以进行访问。我所知道的方法有：1.nginx部署 2.后端部署 3.oss部署后端部署就比较简单，前端项目打包后直接给后端人员就行。所以我将写写怎么利用nginx部署和oss部署这篇文章将讲解如何部署前端项目到nignx一. 前端项目打包执行命令行npm run build如果需要打包
转载
2023-12-01 09:51:31
427阅读
# 使用 Docker 部署 Vue.js 应用的简易指南
随着前端框架的迅猛发展，Vue.js 以其简洁与高效成为了许多开发者的首选工具。在开发完成后，如何高效地将 Vue.js 应用部署到服务器上成为了一个重要的话题。Docker 是一种流行的容器化技术，可以帮助我们轻松打包和部署应用。本文将介绍如何使用 Docker 部署一个 Vue.js 应用的静态文件。我们将通过一个示例项目以及相应的
原创
2024-08-11 06:50:19
60阅读
## 用Docker部署Nginx服务器
在今天的互联网世界中，Nginx是一款非常流行的开源Web服务器软件，它具有高性能、可靠性强、易扩展等优点。而Docker是一个轻量级的容器化平台，使得部署和管理服务变得更加简单。那么，如何在Docker中部署Nginx呢？本文将介绍如何通过Docker来部署Nginx，并为你提供代码示例。
### 准备工作
在开始之前，确保你已经安装了Docker
原创
2024-02-29 06:47:55
29阅读
什么是docker? 1个系统包含多个服务，则需要多个服务器进行部署，后来有了vm虚拟机，则可以节省物理服务器；docker是在虚拟机上的又一个演进；在一台强大的物理机上实现部署多个服务；类似于虚拟机但比虚拟机更好；把所有的服务包括已经它的依赖redis mq等等一套完整的资源打包成一个镜像，可以快速的拷贝；容器使用沙箱机制，相互之间完全隔离；开箱即用 快速部署 可移植性强 环境隔离wi
文章目录背景分类转译器打包器对比gulp VS webpackBundle vs Bundleless（代表就是webpack VS vite）其他比较个人理解总结官网 背景做前端也有好多年了，从最早的 jQuery 时代到现在的三大框架，这过程中用到了很多构建工具，今天就来盘点一下我们前端开发常用的这些构建工具。盘点之前呢，我们先聊聊现代前端开发的痛点，也是这些构建工具出现的原因：开发过程注重
前端部署其实也算前端工程化的一部分，这篇博客是我结合实际工作经验和业余探索，总结出的前端部署的一些尝试。一方面自己有所记录，另一方面也能给大家带来些启示。 部署到七牛云 部署到阿里云OSS，部署到腾讯云OSS 部署到腾讯云服务器并使用nginx做反向代理 总结与反思 前提条件： 通过npm run ...
转载
2021-08-02 12:07:00
1184阅读
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评论
