前端小白笔记贴-弹性盒子的容器属性在这特殊时期,希望在战“疫”一线的你保护好自己。 而我这种在家自我隔离的咸鱼，想来没事做，就写了一下学习笔记，在这里分享一下，有部分是学习以后自己总结的，有错误的希望看到的大佬们帮忙纠正一下。今天写的是容器属性。文章末尾有源代码链接。容器属性1.flex-direction属性flex-direction属性是用来定义弹性布局的主轴方向排列循序 主要属性值有 .b
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{
display: -webkit-flex; /*在web
1. flex布局优点操作方便，布局极为简单，移动端应用很广泛pc端浏览器支持情况较差IE11或者更低版本，不支持或仅部分支持2. flex布局原理flex意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局当我们父盒子设定为flex布局以后，子元素的float、char和vertical-align属性将失效伸缩布局=弹性布局=伸缩盒布局=弹性盒子布局=flex
转载
2024-02-03 15:42:35
16阅读
1. 后端和环境部署1.1 后端docker配置编写Dockerfile文件# 基础镜像
FROM eclipse-temurin:8
# 作者
MAINTAINER maqiang
# 工作目录
WORKDIR /usr/local/java
# 同步docker内部的时间
RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime &&
转载
2024-10-24 17:31:01
30阅读
# Vue前端怎么打成Docker镜像
随着容器化技术的普及，Docker 已经成为前端项目部署的常用方式。Vue.js 是一个流行的前端框架，本文将介绍如何将 Vue 项目打包成 Docker 镜像。
## 1. 准备工作
首先，确保你已经安装了 Docker 和 Node.js。Docker 用于构建和运行容器，Node.js 用于执行 Vue 项目构建。
## 2. Vue 项目构建
原创
2024-07-28 09:39:06
204阅读
# 将项目打成Docker镜像的流程
## 概述
在本文中，我将向你介绍如何将项目打包成Docker镜像并使用Jenkins进行自动化部署。Docker是一种轻量级的容器化技术，它能够将应用程序及其依赖项打包到一个可移植的镜像中，实现了应用程序在不同环境中的一致性部署和运行。
## 整体流程
下面是将项目打包成Docker镜像的整体流程，我们将使用Jenkins进行自动化实现：
```mer
原创
2024-01-02 11:46:02
83阅读
最近在开发过程中遇到了这么一个问题：现在有一个 Web 项目，前端是使用 Vue.js 开发的，整个前端需要部署到 K8S 上，后端和前端分开，同样也需要部署到 K8S 上，因此二者需要打包为 Docker 镜像。对前端来说，打包 Docker 就遇到了一个问题：跨域访问问题。因此一个普遍的解决方案就是使用 Nginx 做反向代理。一般来说，我们需要在打包时配置一下 nginx.conf 文件，然
转载
2024-07-16 14:26:38
132阅读
这这里，总结了一些 我知道的不用框架来实现动画的方式，总的来说有两种，第一种是用css的transition或keyframes+animation，第二种用js来实现首先看基本结构 <style>
div {
position: relative;
background: #999;
width: 50px;
height: 50px;
}
说在前面前端框架一般都会提供给我们build和serve两个服务，上一章节我们大致了解了build，现在我们利用webpack来完成serve，也就是本地启动前端服务。通过本章，我们需要实现前端代码的运行以及热更新功能。源代码参考webpack-dev-server安装：npm install webpack-dev-server --save-dev安装好了以后，为了方便以后的操作，可以在pac
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阅读
# 将JAR打成Docker镜像的步骤
对于刚入行的小白来说，将JAR文件打成Docker镜像可能会比较困惑。本文将向你详细介绍这个过程的步骤，并提供相应的代码示例和注释。
## 流程概述
下面的表格展示了将JAR打成Docker镜像的整个流程。
| 步骤 | 描述 |
|---|---|
| 步骤 1 | 编写Dockerfile |
| 步骤 2 | 构建Docker镜像 |
| 步骤
原创
2023-10-17 03:32:57
139阅读
No route info of this topic这个问题在今天困扰了我很久，我重新安装了好几遍，在自己电脑虚拟机里面直接安装、采用docker方式安装，在云服务器上直接安装、采用docker方式安装，均出现此问题，当然还有一些其他问题出现，在这里就不说了，快疯了，最后一次尝试，在虚拟机里面直接安装，冷静下来想了一下，RocketMQ是需要broker和server两个服务一起工作的，然而我为
一、MongoShake简介MongoShake是阿里云以Golang语言编写的通用平台型服务工具，它通过读取MongoDB的Oplog操作日志来复制MongoDB的数据以实现特定需求。MongoShake还提供了日志数据的订阅和消费功能，可通过SDK、Kafka、MetaQ等方式的灵活对接，适用于日志订阅、数据中心同步、Cache异步淘汰等场景。下载地址：官方地址阿里云版本地址-v2.4.16软
案例一 vite项目打包后部署 首先参考这篇博客的案例3将vite项目打包后上传到Lin
原创
2022-10-02 00:10:51
348阅读
前言 官方只有java8的docker镜像，如果我们的项目使用java11开发的，那么用java8的镜像打包运行会报错 那么我们部署java项目有两种方式如：1.将项目打成war包部署到tomcat容器，2.自己构建java11的镜像 我的镜像仓库 构建镜像 参考 下载java 上传到Linux服务
原创
2022-10-03 20:42:03
198阅读
# 如何将Spring Boot项目打成Docker镜像并推送到Register
## 1. 流程概述
首先我们来看一下整个流程的步骤，然后逐步详细说明每一步需要做什么。
### 步骤表格
| 步骤 | 操作 |
| --- | --- |
| 1 | 编写Dockerfile |
| 2 | 构建Docker镜像 |
| 3 | 登录Docker Register |
| 4 | 推送Doc
原创
2024-05-29 04:30:02
57阅读
# 如何把 IDEA 的项目打成 Docker 镜像
在现代软件开发中，使用 Docker 容器化应用程序可以有效地解决环境不一致的问题。本文将为您介绍如何将 IntelliJ IDEA 中的项目打包成 Docker 镜像。
## 前期准备
### 1. 安装 Docker
首先，请确保您已在本地安装 Docker。可以通过以下命令验证 Docker 是否安装成功：
```bash
do
前言在linux环境下，使用docker和nginx发布vue项目。假设你已配置好一台装有docker的linux虚拟机或者云服务器。1. 打包vue项目1.1. 创建vue项目vue create myapp创建好的项目结构如下： 1.2. 使用VS Code打开，并在终端执行npm run build命令打包vue项目： 执行完之后会在项目根目录生成一个dist文件夹，dist文件夹中包含了打
转载
2024-09-29 08:02:51
1170阅读
一句话总结：用数据绑定的思想，vue可以简单写单个页面，也可以写一个大的前端系统，也可以做手机app的界面。1、Vue.js是什么？渐进式框架自底向上增量开发的设计易学习易整合Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项
从0部署项目到服务器兴奋 紧张，也不知道该说啥，感觉有用就给我点一个小爱心把。求求了，急需续命(๑•̀ㅂ•́)و✧1.准备步骤2.基础语法3.服务器环境和镜像4.liunx环境安装node5.部署后端项目1-搭建node接口6.部署后端项目2-搭建mongodb环境7.niginx配置8.niginx部署前端页面9.git实现本地代码和服务器代码更新 准备步骤 本次部署使用到了腾讯云服务器和华为云
