网站首页 > 技术文章 正文
在web前端工作的这些年,历经多次技术变革,不过依然只是一个追随大牛们的小白。
此时此刻,尤其加班时,最想做的就是干掉自己职业的东西,做一个可代替前端工作的工具。
由此开始了前端自动化探索。
这篇文章就是自己的旗子吧,先举起一面变革之旗,不论自己多么虾米,梦想还是要有的,不是被大牛们引领学新技术,就是变为大牛,让他们学。^_^
先上图:
今天记录的主要内容为,如何把前端绝对定位布局产生的页面,变为一般flex布局。为什么有这个需求呢?我想让移动端的h5页面,全部像易企秀一样的可视化拖拽生成,但易企秀一类可视化拖拽生成的页面是绝对定位布局页面,不是我们正常开发的flex布局之类。
仔细分析两种布局,绝对定位布局是二维布局,flex布局是一维布局,结合自己平时的布局步骤,写了一个十字识别法,让绝对定位布局转flex布局。
github测试地址:https://github.com/utouchme/qiFeiyi
猜你喜欢
- 2025-06-09 CSS网格布局:现代网页设计的终极解决方案
- 2025-06-09 web前端【卡片式布局】基础示例(卡片式ui设计)
- 2025-06-09 前端网页制作DIV+CSS布局介绍(前端开发网页布局)
- 2025-06-09 什么是可视化拖拽,vue拖拽可视化布局插件特点
- 2025-06-09 CSS:前端必会的flex布局,我把布局代码全部展示出来了
- 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
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)