建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

公司经常为了活动推广营销，拉新留存，制作临时活动页面，且组件大体相似，为了提高运营的工作效率，减少开发成本，基于此开发一个活动可视化搭建项目，让运营可以通过，点击和拖拽组件，选择或导入数据的的方式，快速生成活动页面上线，在此做一个小小的总结。

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 本次大会主题 「前端如何搞搭建」，时间 2020.3.28 全天 10:00~18:00，通过微信群通知视频直播地址。 会议全程线上视频直播 + 微信群图…

随着公司业务的发展，经常会收到一些数据大屏的需求。目前我司有两种实现方案，一是人肉搭建，二是用阿里云 DataV 搭建。 人肉搭建，在本地脚手架开发环境中进行编码，有大量的重复劳动，能力复用性差，占用前端宝贵的开发时间。 DataV 功能强大，带需要付费使用，且好用的组件还要额…

作为一个前端搬砖工，是否把80%的时间花在了活动专题页面的编码上？在电商行业，每一个节日前都是前端搬砖工的加班时间周期，甚至上线前一秒还能收到领导或运营发来修改文案和图片的邮件。 本文将介绍一个移动端专题活动页面制作平台的搭建思路。 其他项目痛点分析：页面功能大同小异、需求急、…

在构建 Web 站点的过程中，任何一个细节都有可能影响网站的访问速度。如果开发人员不了解前端性能相关知识，很多不利网站访问速度的因素会在线上形成累加，从而严重影响网站的性能，导致网站访问速度变慢、用户体验低下，最终导致用户流失。页面性能对网页而言，可谓举足轻重。因此，对页面的性…

阿里巴巴集团前端委员会主席 @圆心 对前端未来期许有四点：搭建服务， Serverless，智能化，IDE。仔细想想，一个「可视化搭建系统」的想象空间，正能完美命中这些方面。前端的边界在哪里，对于业务的价值又在哪里，我们不妨静下来，一起从「可视化搭建系统」的角度来思考。 —— …

Atom 服务端经历了三个版本的迭代，本文着重剖析第三个版本。 这是 Atom 最古老的一个版本，在这一版本中，只规划了频道页的功能，目的是把开发人员从繁复的频道页开发中解放出来，因为功能目的纯粹，所以系统复杂度较低，服务端直接使用了 Koa 框架上手开发，这是一个单体架构的服…