什么是前端工程化、模块化、组件化？前端工程化工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术)再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写前端模块化 前端工程化是一个高层次的思想,而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式。模块化开发，一个
转载
2024-10-28 08:41:03
18阅读
背景ALIWARE随着国家新基建步伐的快速迈进，企业客户正在加快建设符合自己业务场景的新型基础设施体系。数字化转型成为企业在当前新基建背景下的一道必考题，但由于由于缺少数字化转型的整体规划方案和行之有效的方式方法和落地经验，很多企业往往找不到数字化转型的关键答案。埃森哲作为全球领先的专业服务公司，在数字化、云计算等领域拥有全球领先的能力，我们在多年的实际客户项目中，找到并沉淀出了适合企业数字化转型
转载
2024-04-22 21:52:18
35阅读
虚拟模块是一种在构建工具（如 Vite）中动态生成的模块，它们在编译阶段被构建工具生成，但在运行时表现得像普通的 JavaScript 模块一样。这种技术使得开发者可以在项目中创建动态的、按需生成的模块，例如生成路由配置、提供数据层等。本文将介绍虚拟模块的概念以及如何在 Vite 项目中创建和使用虚拟模块。虚拟模块简介虚拟模块是一种在构建过程中动态生成的模块，它们不是实际存在于文件系统中的文件。构
转载
2024-10-01 11:39:37
34阅读
本文介绍了笔者的前端容器化部署踩坑之旅。并解决了以下几个问题：node modules缓存镜像体积过大镜像数量多且上线流程复杂本文要求读者有一定的容器基础，掌握Docker的基本操作，了解K8s的Pod原理。如果还不了解，请先拉到文末，阅读参考资料。最近将一个前端项目部署到公司的容器服务。事情的起因是这样的：原先我们在一台服务器上部署了一套Jenkins，用于前端项目集成。一个月前，安全部门发邮件
转载
2024-04-23 20:39:31
10阅读
前端工程化配置指南本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Github 和 NPM 的整个详细流程。示例我们经常看到像 Vue、React 这些流行的开源项目有很多配置文件，他们是干什么用的？他们的 Commit、Release 记录都那么规范，是否基于某种约定？废话少说，先上图！ 上图标红就是相关的工程化配置，有 Lin
转载
2024-05-13 22:00:10
72阅读
前言：写这篇文章的目的是最近搞了下前端自动化部署，准备写篇博客记录下来。其中用到了docker容器技术，因此在写自动化部署的博客前先记录一下docker的下载安装以及镜像和容器的创建。什么是docker，以及为什么前端要学习docker假设现在你开发完了一个项目，这个时候你要把这个项目交给测试去测试。测试在拿到你的代码后，运行项目，发现项目跑不起来。然后就对你说项目有问题，跑不起来，让你解决。可是
转载
2024-03-20 16:23:02
43阅读
容器的前世今生？Docker项目之所以取得如此高的关注，一方面正如前面我们所说的那样，她解决了应用打包和发布这一困扰运维人员多年的技术难题，而另一方面，就是因为它第一次把一个纯后端的技术概念，通过非常友好的设计和封装，交到了最广大的开发者的群体手里。解决了应用打包的这个根本性的问题，同开发者与生具来的亲密关系，再加上PaaS概念已经深入人心的完美契机，成为Docker 这个技术看似平淡无奇的项目一
转载
2024-04-08 09:23:34
48阅读
SEO优化主要包括四个方向:内部结构优化，内容优化，内部链优化和外部链优化。 一，优化内部结构 1.TDK优化:此TDK不仅包括首页，还包括角页和文章页的TDK。因此，建议您在创建站点时自定义标签。T也就是title，网站的标题，非常！太重了！我需要！如果TDK满分10分，T占7分左右，标题是蜘蛛来的第一个看到的，即第一印象，标题必须是关键词，即网站的功能，网站是做什么产品和服务的，
为了可以找到一个好的实习工作，今天开始复习自己所有学到的前端方面的知识。此贴记录自己的每日学习状态和打卡记录。基础篇1.说一下你知道的flex属性采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（
本文参照：极客时间-《深入拆解 Tomcat & Jetty》-开篇词 | Java程序员如何快速成长 + 01_Web容器学习路径Web容器Web技术的发展史早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些交互操作
转载
2024-07-10 06:31:30
52阅读
目录1、前端结构组织与文件命名规范 HTML 命名规范 CSS 命名规范 JavaScript 命名规范 2、 代码及性能优化HTML 代码优化SEO优化CSS优化server服务端优化JavaScript方面优化 6.Webpack优化加载优化：页面渲染优化图片优化脚本优化 3、前端资源优化1、前端结构组织与文件命名规范前端结构组织具有如下原则：同一项目中代码的组织结构要清晰 同类型文件归类到相
假定你已经有一个vue项目了，并且已经用github进行管理了，假定你还有一台免费的linux服务器，想用自动化部署的方式解放双手，假定你已经了解dockerhub使用，想玩转docker容器假定你已经熟悉了github的action怎么用，想用于自动化部署那么，你来对地方了，哈哈哈哈哈哈，1024小神欢迎您首先看一下你本地的vue项目，创建一个Dockerfile文件： 内容如下：#
# 数据可视化的前端页面开发
在数字化时代，数据无处不在。从商业分析到科学研究，数据的可视化是帮助我们更好理解和分析信息的重要工具。本文将探讨如何在前端页面中实现数据可视化，并提供相应的代码示例。
## 什么是数据可视化？
数据可视化是将数据通过图形图像的形式进行展示，以便更直观地理解数据所蕴含的信息。常见的数据可视化形式包括柱状图、折线图、饼图等。通过这些视觉化展现，用户可以更快速地识别数
原创
2024-09-23 04:33:34
62阅读
随着项目越来越大的时候，会发现不管是从npm run build 、 jenkins 配置构建的时候，还是项目首页初次加载时，耗费的时间也越来越多，达到了3分钟以上，这个时候，我们就需要优化我们的代码了： （ 持续更新 ） 优化代码可以分为两个部分：webpack打包工具优化项目代码优化一、 webpack打包工具优化1. 打包构建前期，我们需要安装一个插件来辅助我们做一个全面的评测。webpac
转载
2024-03-23 11:25:40
33阅读
JVM的在运行java程式的时候，首先要把.class的文件装载，就好比一个容器那样。 JVM去控制java程式，给java程式设定范围，不让它里面的java程式，破坏到JVM外面的程式，所以java天生就是容器的设计观念。 刚刚接触java的时候，最简单的容器，莫过于List Set这些
群星环绕html<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>星星环绕</title>
<link rel="stylesheet" href="css/index.css" />
背景在部署项目的过程中，以前一直都是在本地部署，然后通过xftp上传打包好的文件到服务器上，这个过程太过于繁琐。而现在就职的公司采用的是自动化部署的方案，在功能开发完后，将功能分支合并到master分支上，服务器就会自动构建代码。所以才有了学习自动化部署的想法。本文中的一些概念、步骤，可能解释的不是很清楚或者有错误，有任何问题、想法的还恳请矫正 :) 对于一些概念和命令等，在文档上查找更好，所以在
转载
2024-03-24 20:19:00
56阅读
现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。今天就为各位普及一下，到底前端和HTML5有哪些区别？什么是前端开发以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写
一.web页面的组成 1. 常用：HTML + CSS + Javascript 2. HTML：定义页面的呈现内容 3. CSS：Cascading Style Sheets，层叠样式表 控制你的网页如何呈现，即布局设置。比如字体颜色、字体大小、在页面呈现的大小等 4. Javascript：如果
原创
2022-09-02 21:45:04
121阅读
前端布局方案灵活，方式并不唯一，仅供参考。 八种布局1. 弹性布局（flex）布局概念优点缺点2. 流式布局（Liquid Layout）布局概念优点缺点3. 响应式布局(Responsive layout)布局概念优点缺点4. 静态布局(Static Layout)布局概念优点缺点5. 网格布局布局概念优点缺点6. 圣杯布局（Holy Grail Layout）布局概念优点缺点关联7. 双飞翼布
转载
2023-09-27 15:50:36
93阅读
