导七和弦

参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。 element-plus - 经典中的经典，全面支持 Vue 3 tdesign-vue-next - 鹅厂优质 UI

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

一、认识虚拟dom1、在没有vue和react之前，我们都使用的是原生的javascript或jq，我们都是通过操作dom，来达到视图更新的效果。(操作dom->视图更新)2、而在vue中，我们只需更

webpack 作为前端最知名的打包工具，能够把散落的模块打包成一个完整的应用，大多数的知名框架 cli 都是基于 webpack 来编写。这些 cli 为使用者预设好各种处理配置，使用多了就会觉得理所当然，也就不在意是内部是如何配置。如果脱离 cli 开发，可能就无从下手了。…