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

在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样： 效果如下： 这里，外层的容器是定宽的，内层的 flex-item 也是定宽的。 当 flex-item

北京市大兴区公交可视化开源项目用公交路线数据，还原城市结构，通过数据可视化手段，充分体现了数据可视化带来的便利和效果！

其实就是主要分享一下从事 Web 开发工作 7 年以来的一些经验，顺便叨叨闲聊，感慨一下迷茫的人生、憧憬一下缥缈的未来。

写给36岁的自己，简单地回顾过去、总结现在、展望未来，希望当37岁的自己回过头来看的时候，能够鄙视现在的自己，写出更好的《写给37岁的自己》。

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

跳槽周期跨度 什么时候动了想法 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能

前言 使用 Git 作为代码版本管理，早已是现在开发工程师必备的技能。可大多数工程师还是只会最基本的保存、拉取、推送，遇到一些commit管理的问题就束手无策，或者用一些不优雅的方式解决。 本文分享我

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…