项目需求： 组件分为内置组件 ，自定义组件，可以实现拖拽的形式实现一个门户页面的创建，当然也可以实现可视化大屏的创建，一开始内心是拒绝的，这玩意做出来，我是不是就要失业了。一. 初版demo演示二.项目结构design 设计器renderer 渲染器后台管理配置2.1 设计器就是demo展示的这个玩意，就是一个画布，可以让非开发人员去进行设计，分为内置组件，自定义组件自定义组件 就是设计器里面内置
转载
2024-01-22 12:50:48
352阅读
目前的前端领域，单页面应用（SPA）大行其道。而随着时间的推移以及应用功能的丰富，这些应用变得越来越庞大也越来越难以维护。于是“微前端”这一概念应运而生。“微前端”出自2016 年的 ThoughtWorks 技术雷达，指将项目拆分成一个个可独立运行、独立开发、独立部署的前端微应用，这些微应用可以并行开发、共享组件。而微前端的实现方式也分很多种：服务器路由重定向、组
转载
2024-08-08 15:11:16
163阅读
作者：Fly_bit一、 前端微服务化的背景和价值：背景：业务模块呈现快速增长趋势，孵化的业务模块也逐渐增多。 价值：让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块，支持独立开发、发布和部署； 设计出提供支持插件化调整业务模块、可多团队共同维护的前端架构；三、系统分析1.微前端架构简介什么是前端微服务？将微服务的理念应用于浏览器端
转载
2023-12-28 12:29:47
390阅读
一.前后端分离开发1.接口文档前后端分离开的是当前最为主流的开发模式前端由前端的专业团队开的，后端由后端的专业团队开发，一个项目的上线离不开前后端共同的努力，那么想要前后端程序实现交互，对接起来，前后端在开发的时候就必须遵守某种开发规范，将这些规定写在一个文档里---接口文档。那么这份接口文档怎么得来的呢？这是由产品经理对产品进行分析得来一个项目的完整开发分为以下几个步骤需求分析-->接口定
原创
精选
2024-02-21 20:36:25
285阅读
在早期前端是没有模块化这个概念的；这个就会导致前端团队在开发时出现一个弊病，我举个例子： 前端开发团队有2个人，小红和小明，小红创建了一个xh.js，里面有一个var flag = false的变量；小明也创建了一个xm.js，里面也有一个var flag，但他是var flag =true；但其他
转载
2021-03-26 16:40:00
266阅读
1 前端工程化
1.1 前端工程化介绍
我们目前的前端开发中，当我们需要使用一些资源时，例如：vue.js，和axios.js文件，都是直接再工程中导入的，如下图所示：
但是上述开发模式存在如下问题：
每次开发都是从零开始，比较麻烦
多个页面中的组件共用性不好
js、图片等资源没有规范化的存储目录，没有统一的标准，不方便维护
所以现在企业开发中更加讲究前端工程化方式的开发，主要包括如下4个特
原创
2023-09-03 06:08:12
178阅读
###NodeJS 安装成功之后，接下来安装 Vue的工具： npm install -g vue-cli # 只需要第一次安装时执行 vue init webpack my-project # 使用webpack模板创建一个vue项目 cd my-project #进入到项目目录中 npm ins ...
转载
2021-10-22 14:05:00
419阅读
2评论
前言：写这篇文章的目的是最近搞了下前端自动化部署，准备写篇博客记录下来。其中用到了docker容器技术，因此在写自动化部署的博客前先记录一下docker的下载安装以及镜像和容器的创建。什么是docker，以及为什么前端要学习docker假设现在你开发完了一个项目，这个时候你要把这个项目交给测试去测试。测试在拿到你的代码后，运行项目，发现项目跑不起来。然后就对你说项目有问题，跑不起来，让你解决。可是
转载
2024-03-20 16:23:02
43阅读
本文目录1. 背景2. 微服务架构的优缺点3. 实现技术4. 开发环境5. 小结 1. 背景之前已经讲过SSM完整的教程，我个人觉得是相当不错的，附上地址：Spring+SpringMVC+MyBatis 系列教程50篇。SSM之后，又精心编写了SpringBoot教程，附上地址：Spring Boot系列教程25篇。然后呢，是时候开启SpringCloud+Vue微服务的教程与实战
转载
2024-05-06 11:58:00
91阅读
npm install -g vue@next npm install -g e/cli-service npm install -g yarn npm...
原创
2023-05-31 22:55:43
148阅读
六 前端工程化vue-cliVue是渐近式框架，你可以用它一个功能，也可以用全家桶。前面的章节中，我们是在html中引入vue.js，只用它核心的数据绑定功能。但基于vue的扩展还有很多，比如vueRouter，axios，elementUI等。vue-cli，它是一个专门为单页面应用快速搭建繁杂的Vue脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。
原创
精选
2022-12-20 20:57:00
305阅读
本文档是Vue 3前端项目的工程化规范，围绕可维护性、可测试性和团队协作效率制定。核心原则包
作者：掘金干货君众所周知，社区活跃最多的，就是非常爱好ctrl+c的伸手党。 为了方便各位伸手党的大佬们直接拿走，特意做了两个代码仓库，一个主应用，一个子应用，甚至完整在自己的服务器上部署了主子应用的代码，有code，有demo，这诚意是不是可以拿走之前点个赞？线上demo地址：在线预览微前端，可以自由加载子应用的主应用workspace[1] 主应用代码仓库地址: 主应用地址，npm run
转载
2024-05-20 06:57:32
91阅读
1. 前言随着开发的进展，我们用到的接口会越来越多，我们需要将各个接口统一起来，方便管理。于是我们需要将接口模块化。2. 前端修改在src目录下，新建api文件夹，新建http.js，新建api.js。2.1 编写http.js这个js文件，我们封装请求方法，拦截方法。这样就可以把main.js文件中的请求拦截器和响应拦截器删掉了。import axios from 'axios'
//请求拦截
转载
2024-01-04 05:35:57
63阅读
目录什么是Vue什么是渐进式框架？Node.js 和npm是什么HTML DOM教程Vue 教程vue $
原创
2022-09-21 11:59:56
242阅读
