qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1307阅读
搭建基于Vue的前端架构，总结15点经验1.分解需求技术栈建立脚手架开发规范2.样式CSS 预处理器的选择局部样式与全局样式局部样式全局样式体验优化页面载入进度条静态资源加载页面移动端 100vh 问题3.组件库覆盖 Ant Design Vue 样式1.使用 .less 文件2.使用 JavaScript 对象干掉无用的图标如何知道你要加载的图标在什么路径下？解决 Moment 多国语部分组件
转载
2023-07-13 16:21:49
85阅读
前后端分离系统需要分别建设前端和后端系统，前端系统通常使用VUE与一个前端框架开发比较容易实现，有实力的技术团队通常开发自己的前端框架，使用一些开源的前端框架开发效率更高，比如ElementUI、EasyUI、LayUI、Bootstrap等。本文使用ElemetUI框架搭建前端开发系统。参考 使用webpack创建一个前端VUE项目安装文档描述创建VUE项目 如果第一次创建，下载chromed
转载
2023-11-01 19:13:27
203阅读
前端架构设计后台架构设计概念适用于前端，前端没有数据库设计，所以可以不考虑并发。 vuejs的优点，一样适用于前端项目。高内聚，低耦合，可复用，单元测试。从项目的生命周期，开发、上线、维护三个阶段考虑高内聚低耦合，划分清晰的模块职责范围，确定模块依赖和交互关系。打包优化，自动化部署。高性能、安全可靠、监控，局部更新。可扩展易维护，以数据来驱动视图，合理的模块拆分，层次清晰。统一的编码风格、文档留存
转载
2023-08-07 23:45:12
93阅读
1.使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下命令创建项目：$ cnpm install -g create-react-app
转载
2023-07-10 13:58:47
70阅读
前言此文主要是记录，搭建测试平台所使用的前端技术。一、vue是什么？vue.js 是一种single page app 类型的前端技术框架。详细介绍请访问官网https://v1.vuejs.org/guide/installation.html 二、使用步骤1.安装node去node官网https://nodejs.org/zh-cn/下载node安装包进行安装或者 mac 用户 使用
转载
2023-10-23 09:54:03
74阅读
想分几篇文章来说说前端开发。 一般的网站开发流程包括四个方面：总结需求设计界面前端开发后端开发 开发完成后会进行内部测试以及后续的优化等，其中2,3,4可以并行开发。下面介绍前端开发的工作流程： 1.分层开发 在产品需求文档确定好后就可以进行分
转载
2023-08-08 10:03:27
139阅读
微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具，而是一套架构体系。1.可以把它理解成一个Iframe，就像这样。。。 但是他不是一个iframe 为什么这么说，因为iframe有其局限性。ifra
转载
2023-07-13 16:50:24
23阅读
简介：前端选用VUE是因为它比较简单，容易上手，对于不熟悉前端的小伙伴很适合。对于软件发展来说，后端技术已趋于成熟和稳定，在功能已稳定的情况下，客户会把要求更多的放在页面的美观和合理排版布局上，学习一下前端，特别是自己设计一个页面，有助于对前端的了解和对美观设计的培养。一、搭建VUE项目1.搭建VUE基础框架1.1 安装node.js安装过程中记得勾选Add to path，安装完成后再cmd命令
转载
2023-11-16 21:28:03
70阅读
这篇文章介绍了一些使前端应用程序加载更快并提供良好用户体验的技术。我们将研究前端的总体架构，如何首先加载必需的资源，并最大化资源缓存的概率。无论你的页面是否需要成为客户端应用程序，还是如何优化应用程序的渲染时间，我都不会说太多后端如何传递资源。总览 我将把应用程序加载分为三个不同的阶段：初始渲染 – 用户看到任何东西之前需要多长时间？应用程序加载 – 用户可以使用该应用程序需要多长时间？下一页 –
转载
2024-05-18 12:08:25
26阅读
1.前言对于后端开发工作者来说，比较为难的一定是前端部分，除了有专门负责前端开发的大公司，其余的小公司基本上都是前后端都要自己写的。以前对后端开发者比较友好的Layui框架作者也不维护了，我在第一年工作的时候就是用的Layui，但是对于前端的了解也只是停留在CV阶段。最近我们公司在重做之前的一版系统，前端使用的是Vue框架，搭配的是Element-ui组件。我负责的是后端代码。但是空余时间也大致看
转载
2023-08-21 15:00:30
70阅读
项目部署1. 项目部署介绍当我们的项目开发完毕后，我们需要将项目打包、部署到服务器上，供用户来使用。目前，常见的部署方式有两种：后端部署前后端分离部署1-1 后端部署这是最古老的部署方式，也是最常见的一种部署方式。我们前端只需要将我们的项目打包好，交给后端开发人员即可。后端开发人员会把我们打包好的项目放到后端的静态资源目录里面。1-2 前后端分离部署随着前后端分离开发模式的流行，现在可以采用前后端
项目要做组织架构图，要把它做成自上而下的树形结构。一、说明（1）通过后台查询数据库，生成树形数组结构，返回到前台。（2）需要引入的js插件和css文件： ①jquery.jOrgChart.css ②jquery.min.js ③jquery.jOrgChart.js（3）使用jOrgChart插件，根据返回的数据将其子节点加入到相应的<li></li>中。首先，我们
转载
2024-05-20 16:48:15
32阅读
前端开发whqet,csdn,王海庆,whqet,前端开发专家
译者说：临近期末，大部分的基础教学内容已经讲解完毕，在进行比较大型的项目训练之前，如果能让学生了解甚至遵循一些前端开发的编码规范将会是一件非常有意义的事情。因此，本博客准备于近期整理一个编码规范与最佳实践的系列文章，包括html、css、javascript、jquery、php等，希望能对大家有所帮助，本文翻译的项目文件架构。结果
转载
2024-06-13 21:09:17
82阅读
文章目录绘制项目架构图分析需求 绘制项目架构图分析需求主子应用功能:框架功能1.主应用注册子应用加载,渲染子应用路由匹配(activeWhen, rules-由框架判断)获取数据(公共依赖,通过数据做鉴权处理)通信(父子应用通信, 子父应用通信)2.子应用功能渲染页面监听通信(主应用传递过来的数据, 监听主应用传递来的数据进行更新)3.微前端框架子应用的注册开始内容(应用加载完成, )路由更新判
转载
2023-07-10 13:53:16
535阅读
== 开发工具idea,前端使用nodejs,项目构建工具npm,使用vue各个模块和组件==1.nodejs安装 安装简单,直接安装,安装过程一般是自动配置了环境变量的, windows+r—>cmd打开命令输入以下命令查看版本信息node -vnpm -v升级npm版本,(注意都是英文字母和字符)npm install npm@latest –g2.创建前端项目,取名vue_father
转载
2024-08-13 11:18:26
51阅读
列一份前端知识架构图在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准，但是我们的课程既不是一本参考手册，也不是一份语言标准。参考手册希望做到便于查阅、便于理解和全面，语言标准
转载
2024-06-10 15:04:06
18阅读
# 前端架构文档
## 1. 概述
本文主要介绍一个前端项目的架构方案。该方案采用现代化的前端技术，包括HTML、CSS和JavaScript，并结合常用的框架和工具进行开发。
## 2. 技术选型
基于该项目的需求和规模，我们选择以下技术来构建前端架构：
- HTML5：作为网页的基础语言，提供页面结构和内容。
- CSS3：用于样式定义和布局。
- JavaScript：用于实现动态效果
原创
2023-12-31 07:07:01
348阅读
今日目标: 理解前端分层开发 实现控制器继承 能够使用mybatis逆向工程生成dao层代码 完成规格管理功能一、js代码重构首先介绍javaee的三层架构： 最重要的目的就是解耦
转载
2024-10-25 15:36:18
34阅读
前端项目架构怎么设计
在设计前端项目架构时，我们需要考虑的问题包括但不限于代码结构、模块化、性能优化和可维护性等。本文将以一个具体的问题为例，介绍一个设计前端项目架构的方案。
## 问题描述
假设我们要设计一个在线购物网站的前端项目，其中包括商品展示、购物车、下单支付等功能。我们需要设计一个可扩展的前端架构，方便后续添加新功能和维护。
## 解决方案
### 1. 代码结构
良好的代码
原创
2024-01-10 05:32:11
106阅读
