首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
产品
订阅
VickyFlag
更多收藏集
微信扫码分享
微信
新浪微博
QQ
35篇文章 · 0订阅
Vue 前端可视化活动编辑器
先看效果,为一个可视化活动编辑器。 基于 JSON Schema 开箱即用的简单活动可视化编辑器。 在做生成一个可视化店铺装修系统的时候,需要解决配置数据表单的通用性,参阅了一些现用的解决方案,最终通过 JSON Schema 来生成对应的表单和校验规则。 首先可视化编辑器需要…
可视化界面编辑器设计
界面是一棵组件树。 界面编辑器就是对这棵组件树进行编辑和持久化的工具。 编辑器维护这颗树的数据,对外开放增删改查,撤销重做等接口。 未来甚至可以做到通过不同的播放器来适配不同的平台。 组件可以通过组件编辑器的接口知晓是否处于编辑状态。 编辑状态下,组件可以提供交互编辑自己的输入…
前端页面可视化搭建实践
电子相册,一个可以可视化编辑的H5网页,用户只需要选择相应的模板进行组合,替换页面里的素材就能制作出一套可以媲美专业人员进行开发的H5宣传页。 使用者是没有任何开发经验的用户,这种情况对系统的可用性和拓展性的要求非常的高,因为每个人的想法是不一样的,这样就导致系统对接的需求是多…
Fabric - 构建在线图片编辑器
编辑器和图库的整合,使得设计变得更加容易了。项目的初心也很明确,回馈给社区一份好的设计工具,提高设计圈的创造力。 目前的版本有裁剪、文本、滤镜三种功能,后期还会继续迭代,用来增强用户体验和丰富功能。 整个项目是围绕React + Fabric.js来构建的,此外还使用了Redu…
羚珑视频编辑器开发总结
羚珑平台在静态类的设计中,已经取得了相应的成绩。在这个基础上结合当前大环境,我们认为可以去做一些动态类的设计,将动画和音效转化为可储存,可移植,可复用的数据。从而用户进行创作的时候,可以通过相对很简单的方式去使用这些高品质的动画和效果。 视频编辑器的主要作用是用户可以通过操作静…
如何实现H5可视化编辑器的实时预览和真机扫码预览功能
所见即所得的设计理念在WEB IDE领域里一直是备受瞩目的功能亮点, 也能极大的提高 web coder的编程体验和编程效率. 笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路. 我们还是基于笔者开发的 H5-…
基于f2从零实现移动端可视化编辑器
笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring,从第一个版本到现在经历了很多次版本迭代和优化,也收到了很多宝贵的建议,目前刚好完成了移动端数据可视化的基本设计和落地方案,在这里特地总结和复盘一下。 在开始正式实现之前笔者先对H5数据可视化做一…
基于 Angular 的小程序可视化编辑器 —— Panel-Magic
在此之前说明该平台的定位,目的不是给技术人员编辑完之后进行二次开发或代码的定制化。关于这个定位问题我个人的想法是,code 问题不可能完全交托给可视化编辑、除非是类似传统的简单的企业介绍页等还有可能完全代替,但还是比不上直接代码生成的工具,所以 Panel-Magic 一开始的…
nextjs + nest.js 构建页面可视化编辑器 -- Ramiko
最近看了不少关于 h5 页面制作工具。端午闲来无事,决定尝试下一个页面搭建工具。效果如下: gif 录制效果不佳,可以访问以下链接进行体验。 前端开发组件库,完善组件类型,编辑器读取组件完成页面搭建,将页面数据发送至服务端保存。 访问页面,从服务端拉取页面数据,前端渲染页面即可…
可视化页面编辑器的架构设计
前不久开发历时半年的可视化搭建项目终于上线[手动撒花 🌹🌹🌹],产品功能上和市面上常见的可视化编辑器其实并没有很大区别,功能细节处略有不同而已。本文主要是记录开发过程中遇到的问题以及解决思路。 前期的准备工作还是比较重要的, 尤其是前端项目, 如果整个项目搭建好之后发现某…