2. 标尺与编辑区域四周覆盖物

一、简介 Panels模块：Grapes编辑器的面板功能，通过一些配置，我们可以自定义GrapesJs编辑器的初始状态。 1.1 页面结构 1.2 DOM树结构 1.3 面板的代码结构 二、代码解读

目前公司内外部有多面向后端的逻辑编排技术专项，且没有统一的标准、沉淀通用的方案。我们前端同学经常会尝试页面级、模块级的复用，减少代码重复开发，减轻人力资源投入，提升开发效率。那我们是否也可以拆分到更小粒度，函数层的逻辑复用呢？ 我们团队近期打造了具有前端特色的逻辑编排方案，建立…

页面可视化搭建系统从16年开始如雨后春笋般涌现而出，从活动页搭建到中后台搭建，有开源有仅公司内部使用的，都致力于将前端从繁复的体力劳动中解脱出来，提高页面生产效率。优酷内部也有一套营销活动搭建系统，每年生产2K+活动页；能够满足这么多页面的需求，除了沉淀了大量可复用的组件外，围…

2个月前开源的H5编辑器 H5-Dooring 目前已经成功迭代到1.0版本, 从最开始的基本的页面生成框架到现在的支持更丰富的组件资源,交互能力和数据追踪能力, 期间做了很多的设计和迭代,也收获了很多网友的反馈和启发, 也有很多志同道合的朋友加入进来一起让 H5-Doorin…

之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron.

按照我一向的写作风格，我会在下面列出文章的大纲，以便大家有选择且高效率的阅读和学习： GrapesJS 框架基本介绍 如何使用 GrapesJS 构建 web 编辑器 基于 GrapesJS 构建的开

设计稿（UI视图）转代码是前端工程师日常不断重复的工作，这部分工作复杂度较低但工作占比较高，所以提升设计稿转代码的效率一直是前端工程师追求的方向之一。此前，前端工程师尝试过将业务组件模块化构建成通用视图库，并通过拖拽、拼接等形式搭建业务模块，从而实现视图复用，降低设计稿转代码的…

上篇大致提及了本篇的主要内容，首先是把自己在搭建系统中见识的秒开、跨端、海量部署的学舌给大家（自己掌握的不牢靠，只能大概阐述），主题内容是自己在参加完大会后反刍对搭建工具的理解。 这是供一个运营人员的快速搭建平台，提及了其他系统没有的功能：灰度，更重要的主题是秒开。 讲师重点介…