项目说明,实时演示FlexibleBox的布局。技术栈:vue+antdesignofvue+express+mongodb。刚学前端的时候,了解到CSS中有FlexibleBox这样方便易用的布局系统。为了加深理解,写了一个简单的FlexibleBoxdemopage:写完很有成就感。直到前段时间不小心点开这个项目,才知道它有多粗糙!所以我用了一些新学的东西,重做了这个页面:看起来好多了。此外,我还添加了一些新功能,例如:关于flex属性的气泡提示。点击显示区域的Item,会有配置弹出框,方便设置。在配置区点击Container和Item的名称,会自动跳转到显示区对应的Container和Item。自动生成HTML和CSS代码。使用刚学的express和mongodb,做了一个点赞功能(路过记得点个赞)。项目地址在线演示地址。项目存储库的地址。
