在web前端工作的这些年,历经多次技术变革,不过依然只是一个追随大牛们的小白。
此时此刻,尤其加班时,最想做的就是干掉自己职业的东西,做一个可代替前端工作的工具。
由此开始了前端自动化探索。
这篇文章就是自己的旗子吧,先举起一面变革之旗,不论自己多么虾米,梦想还是要有的,不是被大牛们引领学新技术,就是变为大牛,让他们学。^_^
先上图:
今天记录的主要内容为,如何把前端绝对定位布局产生的页面,变为一般flex布局。为什么有这个需求呢?我想让移动端的h5页面,全部像易企秀一样的可视化拖拽生成,但易企秀一类可视化拖拽生成的页面是绝对定位布局页面,不是我们正常开发的flex布局之类。
仔细分析两种布局,绝对定位布局是二维布局,flex布局是一维布局,结合自己平时的布局步骤,写了一个十字识别法,让绝对定位布局转flex布局。
github测试地址:https://github.com/utouchme/qiFeiyi