网站首页 > 技术文章 正文
在web前端工作的这些年,历经多次技术变革,不过依然只是一个追随大牛们的小白。
此时此刻,尤其加班时,最想做的就是干掉自己职业的东西,做一个可代替前端工作的工具。
由此开始了前端自动化探索。
这篇文章就是自己的旗子吧,先举起一面变革之旗,不论自己多么虾米,梦想还是要有的,不是被大牛们引领学新技术,就是变为大牛,让他们学。^_^
先上图:
今天记录的主要内容为,如何把前端绝对定位布局产生的页面,变为一般flex布局。为什么有这个需求呢?我想让移动端的h5页面,全部像易企秀一样的可视化拖拽生成,但易企秀一类可视化拖拽生成的页面是绝对定位布局页面,不是我们正常开发的flex布局之类。
仔细分析两种布局,绝对定位布局是二维布局,flex布局是一维布局,结合自己平时的布局步骤,写了一个十字识别法,让绝对定位布局转flex布局。
github测试地址:https://github.com/utouchme/qiFeiyi
猜你喜欢
- 2024-09-29 图文详解CSS中的Grid布局,你真的可以5分钟掌握
- 2024-09-29 html2canvas - 动态生成微信分享海报的优质js库
- 2024-09-29 Web前端开发进阶教程:CSS 布局方式详解
- 2024-09-29 CSS-常见布局介绍 css布局有几种
- 2024-09-29 前端笔记-flex 布局 flex布局 order
- 2024-09-29 你要的CSS布局都在这里 css布局技巧
- 2024-09-29 前端Flex布局可视化布局工具介绍,vue和html5快速设计利器
- 2024-09-29 前端样式布局神器-弹性布局flex学习思路
- 2024-09-29 前端flex布局,动图效果,小白也能看懂
- 2024-09-29 前端布局小案例,如何创建漂亮的毛玻璃输入表单卡片效果
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)