关于布局、网格单位、栅格等规范,可以参考 Ant Design 官网中 布局 一节进行详细了解。 接下来让我们详细来看下云凤蝶中的规则以及当前已经完成的功能和效果。 对齐吸附 对齐吸附 当组件朝某一方向移动时,以上图中横向左移动为例,它的 hl / hm / hr 会不断的去查找与这 3 条线相邻最近的线。其中 当没有找到...
云凤蝶同样支持将布局类型从自由切换为弹性,弹性布局更适合流式的页面编排。 画布体验 当然解决了组件树算法和布局算法等基建问题之后, 留给可视化搭建平台的还有一个持久的挑战是,如何打造一块好用的画布?因为如果自由拖拽做的不好,反而可能会导致效率低下,画布这里面涉及到海量的技术细节与产品设计,如:参考线、对齐...
通过分层模型的构建，云凤蝶自由画布实现了组件渲染与交互操作的有序分隔，不仅提高了系统的维护性，还提升了性能效率。随着未来的发展，云凤蝶将持续开放更多傻瓜化页面搭建能力，如一键摆放、智能布局等，以适应不同用户的需求。展望未来，云凤蝶在前端、Java、PD、设计等多个岗位上持续开放招聘，期待与更多...
而实际需求上中后台场景的布局模式相对收敛,可能用不上整套 CSS 的强大能力。 image 组件状态与联动 前面四个步骤,组件导入,组件拖拽,组件配置,组件布局,我们的视角一直在关注组件,现在我们是时候把视角从单个的组件拉大到整个页面的维度了。 当我们去看一整个页面的时候,会发现组件并不是孤立的,页面里是存在着不...
行业现状中，云凤蝶借鉴Dreamweaver和WPF的理念，但面临低代码平台的激烈竞争。云凤蝶的可视化搭建依赖于组件识别、导入（兼容npm组件），以及自由拖拽与组合，提供设计师和PD直接参与研发的可能。组件配置与扩展，包括横向（HOC）和纵向（实体Loader）扩展，确保了高效和灵活性。布局自适应是为了解决屏幕尺寸变化...
自由布局画布打破层内生产资料壁垒工作在展现层的 PD、设计师和前端工程师工作产物无缝复用。 4.2 层间完成推导性提效 智能向导初探层间推导性关系由 API 层弱推导展现层,允许用户在过程中补充额外信息(交互细节)。初步打破层间生产资料壁垒,目前正在建设中。
1、把PSD或JPG转成HTML5页面(DIV+CSS布局) 2、网页特效(幻灯片、轮播、下拉、滚动……) 服务项目: 1、传统PC网页切图 2、手机网页、微信网页、APP页面切图 3、H5动画制作(微信、微场景、邀请函、手游宣传、js动画) 4、小程序前端切图开发 交易流程: 1、需求: 客户提供设计图,说明制作要求 2、报价: 估算...
云凤蝶终止服务的原因，或许可从宏观与微观层面理解。宏观层面上，云凤蝶作为阿里系的低代码开发平台，其规模与战略定位需考量于阿里整体业务布局。若云凤蝶无法在阿里战略中发挥重要角色，选择放弃或整合便成为合理决策，这样不仅避免资源浪费，也能聚焦核心业务。从微观层面分析，云凤蝶终止服务可能是出于其市场...
前面四个步骤,组件导入,组件拖拽,组件配置,组件布局,我们的视角一直在关注组件,现在我们是时候把视角从单个的组件拉大到整个页面的维度了。 当我们去看一整个页面的时候,会发现组件并不是孤立的,页面里是存在着不少组件之间共享状态与联动的。 比如常见的例子:页面上并排有三个 select 下拉选择,第一个 select 选...
自由布局画布打破层内生产资料壁垒，工作在展现层的PD、设计师和前端工程师工作产物无缝复用。4.2 层间完成推导性提效 智能向导初探层间推导性关系由API层弱推导展现层，允许用户在过程中补充额外信息（交互细节）。初步打破层间生产资料壁垒，目前正在建设中。4.3 Next 模型层下半年启动模型层建设，并在...