先看效果，为一个可视化活动编辑器。 基于 JSON Schema 开箱即用的简单活动可视化编辑器。 在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。 首先可视化编辑器需要…

0. 可视化搭建的使用链路 Low-code: 如果面向的是研发，场景是中后台或者 toB 的一些业务，我们需要搭建的就是低代码生产链路，用户只需要改动少量的代码就能完成一个应用或者页面的全链路流程。 No-code: 如果面向的是非研发（如产品经理、设计师），场景大多数都是一…

前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。 本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式…

编辑器是IDE的重要组成部分。可视化编辑器比文本编辑器更能体现IDE工具降低开发成本，提高开发效率的目的。另外对于功能完整，交互体验，内存占用与性能（一般都是连续使用很久）有一定要求。 上图，还是比较清晰地描述了这一过程。编辑器在打开和关闭/保存是会进行实际文件的操作。而在编辑…

作为站酷前端小分队的一员，今天也来突击补充一下关于浏览器渲染的知识。渲染模块在执行过程中会被划分为很多子阶段，从输入 HTML，最后输出像素。我们把这样的一个处理流程叫做渲染流水线： 那具体的每一步浏览器是如何做的呢？这就是这篇文章主要探讨的内容。 单进程浏览器是指浏览器的所有…

前端与后端, 开发和线上 部署的一些个人方案记录. 持续改进中...

H5 项目常见问题汇总及解决方案

以前经常做手机H5，喜欢做成vue单页应用，这样在开发微信相关应用时，往往因为单页应用在苹果和安卓上对于浏览器每个页面的url机制不一样，经常导致页面签名失败的问题。还有经常从其他应用带参数跳到单页应用的某个页面而加载整个单页应用，还需要处理路由和权限等繁琐的东西，那么为什么不…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…