1.背景介绍在当今的互联网时代，前端开发已经成为了企业核心竞争力的一部分。随着前端技术的不断发展，前端开发的复杂性也不断增加。为了提高开发效率，减少代码冲突，提高团队协作效率，微前端和容器化技术应运而生。本文将从微前端与容器化技术的背景、核心概念、算法原理、代码实例、未来发展趋势等多个方面进行深入探讨，为读者提供一个全面的技术博客。2.核心概念与联系2.1 微前端微前端是一种前端架构设计方法，它将
css样式、选择器、css属性（文本属性）、盒子模型
选择器，css文本属性CSS语法:
选择器 {属性1: 值1; 属性2: 值2}
CSS放置的位置:
1. 直接写在标签里面,通过style属性来设置CSS样式
2. 在head标签里面通过style来写样式
转载
2024-07-23 09:00:29
52阅读
前端问题补充两个浮动(float)的div下添加div，div实际位置在浮动(float)的div之下；两个浮动(float)的div下换行前端多页面时来回调用时，总是会出现属性不存在的问题vue-form表单里的输入框在ie下点击回车出现错误页面vue-table表格在多次路由或跳转之后，出现表格缩小，表格没有占满页面ie无法使用new File()方法vue-input的字数显示出来在vue
容器的前世今生？Docker项目之所以取得如此高的关注，一方面正如前面我们所说的那样，她解决了应用打包和发布这一困扰运维人员多年的技术难题，而另一方面，就是因为它第一次把一个纯后端的技术概念，通过非常友好的设计和封装，交到了最广大的开发者的群体手里。解决了应用打包的这个根本性的问题，同开发者与生具来的亲密关系，再加上PaaS概念已经深入人心的完美契机，成为Docker 这个技术看似平淡无奇的项目一
转载
2024-04-08 09:23:34
48阅读
本篇文章主要介绍将一个完整的 Web 项目（包括数据库、后端、前端）部署到 Docker 中的详细步骤项目是前后端分离的，后端使用 SpringBoot + JKD17 + MySQL 8；前端使用 Vue + webpack。服务器是跑在 WSL2 上的 Ubuntu 20.04.5? Docker 部署 Web 项目（优化篇）服务器目录结构—— root
|—— mall // 根目录
转载
2023-09-11 14:39:12
182阅读
一般情况，查询条件都是通过后端去做的，如果后端说要让你去做，直接反手给他一个大嘴巴子，前端做这种搜索只适用于前期，如果需求只有一两个字段搜索还好，而且不需要导出，那前端就可以使用这个去试试，如果有根据搜索条件导出这个列表的数据，那玩个毛呀，直接甩给后端，臣妾做不到效果展示 最近公司需求 需要做一个任务分配的功能(已完成点击这里),由于可能分配的太多不太好找某一个任务就想做一个列表展示，通
css :nth-child和:nth-of-type的区别对于初学者和平时工作应用中，区别nth-child和nth-of-type是一个很大的盲区，为了更好帮助大家区分两者使用方法，特在此加以区分。首先创建一个HTML结构<div class='parent'>
<p>我说文章的第一个段落</p>
<p>我说文章的
前言：写这篇文章的目的是最近搞了下前端自动化部署，准备写篇博客记录下来。其中用到了docker容器技术，因此在写自动化部署的博客前先记录一下docker的下载安装以及镜像和容器的创建。什么是docker，以及为什么前端要学习docker假设现在你开发完了一个项目，这个时候你要把这个项目交给测试去测试。测试在拿到你的代码后，运行项目，发现项目跑不起来。然后就对你说项目有问题，跑不起来，让你解决。可是
转载
2024-03-20 16:23:02
43阅读
本文介绍了笔者的前端容器化部署踩坑之旅。并解决了以下几个问题：node modules缓存镜像体积过大镜像数量多且上线流程复杂本文要求读者有一定的容器基础，掌握Docker的基本操作，了解K8s的Pod原理。如果还不了解，请先拉到文末，阅读参考资料。最近将一个前端项目部署到公司的容器服务。事情的起因是这样的：原先我们在一台服务器上部署了一套Jenkins，用于前端项目集成。一个月前，安全部门发邮件
转载
2024-04-23 20:39:31
10阅读
淘宝开放平台技术历程Author：放翁Date：2012/10/13 2006年底，阿里巴巴提出了workat alibaba的战略，20来号人就被拉到湖畔花园马云的公寓里面开始一个叫阿里软件的公司创业。当时对于Work at alibaba有
什么是前端工程化、模块化、组件化？前端工程化工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术)再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写前端模块化 前端工程化是一个高层次的思想,而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式。模块化开发，一个
2020.7.23终于，在今天下午下班前，把vue前端整差不多了。PS：本人所在的公司是965，感觉挺良心的，项目工期也安排合理，没有硬赶着加班上线；同事关系融洽，是谁的锅谁解决，也没有出现硬甩锅踢皮球的现象。在此大概总结一下：1.需求本人小组负责的是活动推送管理模块，简单的说，就是可以新建、修改一个活动，选择不同的人群进行推送；前台页面有活动列表页，以及新建活动、修改、详情（三合一）
# 前端 Docker 容器转发指南
在现代开发中，Docker 技术被广泛应用于前后端开发环境的隔离和管理。在这篇文章中，我们将详细介绍如何实现前端 Docker 容器的转发功能。通过以下流程，您可以轻松上手并理解每一个步骤的具体实现。
## 流程概述
| 步骤 | 描述 |
|------|-----------------------
原创
2024-09-20 15:17:02
48阅读
刚进入公司的时候，公司的前端项目部署使用的Jenkins和GitLab进行部署，但是后来不知道什么原因舍弃了这种方法，开始了手动部署，前端则开始使用fileZilla这个软件进行部署，每次都要将项目打包后再使用该工具进行上传打包好的项目，多少还是感觉有些麻烦，所以想要自己写一个适用于前端部署的一个工具。初始化首先运行npm init进行初始化package.json文件 将package.json
为了可以找到一个好的实习工作，今天开始复习自己所有学到的前端方面的知识。此贴记录自己的每日学习状态和打卡记录。基础篇1.说一下你知道的flex属性采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（
1. flex布局优点操作方便，布局极为简单，移动端应用很广泛pc端浏览器支持情况较差IE11或者更低版本，不支持或仅部分支持2. flex布局原理flex意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局当我们父盒子设定为flex布局以后，子元素的float、char和vertical-align属性将失效伸缩布局=弹性布局=伸缩盒布局=弹性盒子布局=flex
转载
2024-02-03 15:42:35
16阅读
背景ALIWARE随着国家新基建步伐的快速迈进，企业客户正在加快建设符合自己业务场景的新型基础设施体系。数字化转型成为企业在当前新基建背景下的一道必考题，但由于由于缺少数字化转型的整体规划方案和行之有效的方式方法和落地经验，很多企业往往找不到数字化转型的关键答案。埃森哲作为全球领先的专业服务公司，在数字化、云计算等领域拥有全球领先的能力，我们在多年的实际客户项目中，找到并沉淀出了适合企业数字化转型
转载
2024-04-22 21:52:18
35阅读
前言STL六大组件中的容器按照结构特征可分为顺序容器（链状）、关联式容器（树状）和无序式容器。本文就其中顺序容器进行总结和介绍。一、顺序容器概述标准库顺序容器有：vector、deque、list、forward_list、arry、string。六个顺序容器中，只有arry是固定大小。vector： string和vector将元素保存在连续的内存空间中，因此由下标计算其地址很方便。但因为其连续
转载
2024-04-18 22:30:43
34阅读
https://github.com/chuifengji/microcosmos微前端是什么我第一次听说微前端这个概念是在一年前左右偶然看到了美团的一篇技术博客：用微前端的方式搭建单页应用。然而那时候我连单页面应用是什么都还不知道，自然是看的一头雾水了。目前大家普遍认为微前端的概念由ThoughtWorks在2016年提出。四年的时间，飞速发展，目前我们已经能看到很多优秀的开源作品，如sing
转载
2024-08-05 10:32:57
21阅读
本文来自阿里巴巴飞猪前端专家@孝瓘，在移动端容器建设有深厚的经验，热爱前端/iOS/Android 开发，从端视角负责过飞猪H5/RN/Weex/小程序/Flutter容器的建设，本文试图从前端视角，向读友揭一揭“App 容器”的面纱，欢迎大伙一起交流。App 容器，简言之，App 承载某类应用（H5/RN/Weex/小程序/Flutter ...）的运行环境，可主动干预并进行功能扩展，达到丰富能
转载
2024-03-14 08:07:02
28阅读
