首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
产品
订阅
VickyFlag
更多收藏集
微信扫码分享
微信
新浪微博
QQ
36篇文章 · 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 录制效果不佳,可以访问以下链接进行体验。 前端开发组件库,完善组件类型,编辑器读取组件完成页面搭建,将页面数据发送至服务端保存。 访问页面,从服务端拉取页面数据,前端渲染页面即可…
可视化页面编辑器的架构设计
前不久开发历时半年的可视化搭建项目终于上线[手动撒花 🌹🌹🌹],产品功能上和市面上常见的可视化编辑器其实并没有很大区别,功能细节处略有不同而已。本文主要是记录开发过程中遇到的问题以及解决思路。 前期的准备工作还是比较重要的, 尤其是前端项目, 如果整个项目搭建好之后发现某…