qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1307阅读
环境 win7 node-v8.12.0-win-x64.zip做一个前端项目首先需要做技术选型，是使用Vue还是React，还是其他框架库。选择完了就要搭建基础运行环境、工程项目。这里我们选择搭建一个Vue+iview框架的前端项目。iview:一套基于 Vue.js 的高质量 UI 组件库，通过iveiw可以快速的开发出风格一致的前端界面。一、基础环境搭建(一)搭建nodejs环境No
转载
2023-07-24 22:40:51
362阅读
搭建基于Vue的前端架构，总结15点经验1.分解需求技术栈建立脚手架开发规范2.样式CSS 预处理器的选择局部样式与全局样式局部样式全局样式体验优化页面载入进度条静态资源加载页面移动端 100vh 问题3.组件库覆盖 Ant Design Vue 样式1.使用 .less 文件2.使用 JavaScript 对象干掉无用的图标如何知道你要加载的图标在什么路径下？解决 Moment 多国语部分组件
转载
2023-07-13 16:21:49
85阅读
本文适合小白看，本人是个后台，不过对前端技术颇具兴趣，日前刚好搭建了一个项目，写个文章分享出来，步骤都很详细,对webpack和react不熟的小伙伴可以看看。1.下载安装node.js官网下载安装即可，安装好后默认会自动安装好npm包管理，我们打开cmd控制台，输入node -v 和 npm -v 出现对应的版本信息，则为安装成功2.新建一个项目目录,进行npm初始化我在d盘下新建了一个my-a
转载
2024-05-15 10:20:54
60阅读
== 开发工具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阅读
前端架构师们认为有多个关键的决策需要在项目启动之初就制定下来，如果等到开发阶段的后期再考虑，不是已经用不上，而是一开始错误的决定已经造成了无法挽回的损失。一旦做出这些决策，我们的任务就是去辅助视觉设计、平台开发、底层结构，使之能最大程度满足需求。 如果我们有这样的机会，那么可以创建一个很长的愿望清单：模块化内容。希望尽可能复用小的组件，而不是弄出几十个不同的内容块。全面测试。我们之前经常出现这样
转载
2023-08-15 15:16:01
169阅读
一.安装node.js及cli脚手架 第一次使用新电脑都需要安装node.js 打开node下载页面 选择window安装包---64bit 然后像普通软件一样 一直下一步就OK了，校验node是否完成安装, 通过 win + R 输入cmd 按回车打开命令行, 看到版本号表示安装成功 
转载
2024-01-24 13:30:17
112阅读
前后端分离系统需要分别建设前端和后端系统，前端系统通常使用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-07-03 09:47:09
155阅读
前端项目开发环境搭建1、nodeJS安装我是Mac用户所以使用的是homebrew安装的nodeJS安装的语句是 brew install node安装完成后运行node -v //查看node的版本，我的版本是v7.4.02、安装 flow、pcre、watchmanbrew install flow
brew install pcre
brew install watchm
转载
2023-11-16 21:27:54
42阅读
简介：前端选用VUE是因为它比较简单，容易上手，对于不熟悉前端的小伙伴很适合。对于软件发展来说，后端技术已趋于成熟和稳定，在功能已稳定的情况下，客户会把要求更多的放在页面的美观和合理排版布局上，学习一下前端，特别是自己设计一个页面，有助于对前端的了解和对美观设计的培养。一、搭建VUE项目1.搭建VUE基础框架1.1 安装node.js安装过程中记得勾选Add to path，安装完成后再cmd命令
转载
2023-11-16 21:28:03
70阅读
1.前言对于后端开发工作者来说，比较为难的一定是前端部分，除了有专门负责前端开发的大公司，其余的小公司基本上都是前后端都要自己写的。以前对后端开发者比较友好的Layui框架作者也不维护了，我在第一年工作的时候就是用的Layui，但是对于前端的了解也只是停留在CV阶段。最近我们公司在重做之前的一版系统，前端使用的是Vue框架，搭配的是Element-ui组件。我负责的是后端代码。但是空余时间也大致看
转载
2023-08-21 15:00:30
70阅读
说在前面现在前端发展的很迅速，一些脚手架（比如vue-cli）也很方便去搭建和应用，日常使用都没有问题，但是我觉得脚手架用多了总会让人去忽略一些基础的问题，对于系统后续的提升也无从下手，所以突发奇想，自己按照vue-cli的标准搭建一个框架，看看都要经历些什么。源代码参考准备首先，要安装node，安装好以后新建一个文件夹，然后初始化项目，node和npm是绑定的，所以不需要单独安装npm。npm
转载
2023-07-27 14:22:43
72阅读
# 前端架构搭建需要考虑的问题
## 1. 流程概览
在搭建前端架构时，我们需要经历以下几个步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 确定项目需求和目标 |
| 2 | 设计应用程序架构 |
| 3 | 选择合适的技术栈 |
| 4 | 搭建基础框架 |
| 5 | 编写模块和组件 |
| 6 | 进行单元测试 |
| 7 | 集成和持续集成 |
| 8 | 部
原创
2023-08-21 09:26:18
100阅读
在前端开发中，合理的前端架构不仅能提高开发效率，还能增强系统的可维护性与扩展性。本篇文章将详细描述如何搭建一个前端架构文档，涵盖环境准备、分步指南、配置详解、验证测试、排错指南和扩展应用等多个方面。
## 环境准备
在搭建前端架构之前，首先需要进行环境准备，包括前置依赖的安装和对硬件资源的评估。
### 前置依赖安装
- 安装 Node.js（版本 >= 14.x）
- 安装 npm 或
## 前端 JS 项目架构搭建指南
在今天这个互联网飞速发展的时代，前端开发已经成为软件开发的重要组成部分。为了让一位刚入行的小白能够清晰理解如何搭建一个前端 JS 项目架构，下面将为你提供一套详细的流程、示例代码及注释。
### 方案流程
首先，我们来梳理一下搭建前端 JS 项目的基本流程。以下是一个简化的步骤表格：
| 步骤 | 描述
前端开发whqet,csdn,王海庆,whqet,前端开发专家
译者说：临近期末，大部分的基础教学内容已经讲解完毕，在进行比较大型的项目训练之前，如果能让学生了解甚至遵循一些前端开发的编码规范将会是一件非常有意义的事情。因此，本博客准备于近期整理一个编码规范与最佳实践的系列文章，包括html、css、javascript、jquery、php等，希望能对大家有所帮助，本文翻译的项目文件架构。结果
转载
2024-06-13 21:09:17
82阅读
