世界之魂

摘要： 废话不说，直接进入正题。搭建私服需要一台服务器，1核2G即可。 一、安装Docker linux服务器使用curl下载快速安装的shell脚本 curl -fsSL get.docker.com -o get-docker.sh 执行成功后，在目录下会有get-docker.sh脚本文件，使用sh命 阅读全文

摘要： 微前端项目在本地开发完成后，接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的，属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限，或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录，微应用部署在二/三级目录。 1.1 微应用改造 由于微应 阅读全文

摘要： 一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目，主应用是vue，微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦，每个微应用应该是严格按照业务进行拆分的，但是在实际项目开发过程中，主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非两种： 阅读全文

摘要： 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 一、什么是微前端 “微前端”一词最早在2016年提出，它将后端微服务的概念扩展到前端世界。简单来说，就是将大型的wen渐进式项目拆分成一个个小型工程，即微应用。每个微应用都能独立开发、部署、运行，然后由主 阅读全文

摘要： 在使用Vue开发过程中，数据双向绑定、响应式变化等特性极大降低了开发难度、提高了开发效率。但是我们对底层原理却知之甚少，知其然而不知其所以然。Vue响应式的核心是基于观察者模式实现的，今天我们就从源码上分析Vue内部实现的观察者模式。 一、概念 观察者模式是一种行为模式，定义了对象间一对多的关系。即 阅读全文

摘要： 大家在使用Vue框架进行开发时，经常会听到虚拟DOM这个名词，但是其本质、工作原理知之甚少。今天我们就来剖析VNode，知道它是如何创建、工作的。 一、VNode概念 我们知道使用Vue开发项目过程中，往往都会拆分成各个组件，这样既隔离了独立的业务逻辑、代码块，又能在项目中有效地复用组件。但是大家有 阅读全文

摘要： 前端技术日新月异，过一段时间就会涌现一些新的技术框架或者概念。并且目前使用最广泛的三大前端库，也不断地在更新版本增加新特性。对于前端开发人员来说，都有种学不动的无力感，还要面对来自“后浪”的挑战。因此提升技术的深度和广度，是塑造自我核心竞争力的关键一步。今天咋们就来阅读理解Vue的源码，知道我们平时 阅读全文

摘要： React项目中如果使用函数式组件进行开发时，如果想在不使用class组件的情况下使用state和其他React特性，Hook将是你的不二选择。 而Effect Hook又是一种比较常见的Hook，可以在函数式组件中执行副作用操作。刚开始可以理解为created、update生命周期。 一、为eff 阅读全文

摘要： 本章主要讲解redux在React项目中的应用。Redux官方文档。 一、基本概念 Action action简单理解就是对象字面量。功能上来说就是把数据从应用传到store的有效载荷，和Vue中Mutation提交载荷类似。 有action创造函数，是一个生成action的方法。下面就是一个简单的 阅读全文

摘要： 本章节主要讲解一种后台实现React-router配置的实现方案。react-router官方文档。 一、骨架初始化 由于React没有像Vue那样将Router单独进行封装。所以使用React进行开发时，Router的实现方案最好也用专门的路由文件进行管理，不然route要是散落在每个业务组件中， 阅读全文