我们要研究的第一个设计基础是空间留白，也被称为负空间。顾名思义，它是页面上元素之间的空间。 被压缩在没有留白的页面上的元素不仅看起来没有吸引力，而且难以浏览和阅读。 可以通过多种方式调整留白，包括填充、边距和行高。通过查看下图了解有效留白带来的不同。 接下来是对齐。这是确保每个…

今天给大家分享自研的页面可视化编辑器。一说到页面可视化，大家可能首先想到的是“低代码平台”，“可视化拖拽生成表单”等等。不过今天分享的这款工具并不是低代码表单

前端的错误监控、性能数据往往对业务的稳定性有很重要的影响，即使我们在开发阶段十分小心，也难免线上会出现异常，并且线上环境的异常我们往往后知后觉。而页面的性能数据则关系到用户体验，因此采集页面的性能数据

设计的初衷： 1. 简洁清爽 2. 重点突出 整个页面使用了一个渐变的背景色，重要的内容居中显示，条款等内容右下角小字展示；整个站点以拂晓蓝色调为主...

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

正式学习前端大概 3 年多了，接触前端大概 4 年了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。 以下大部分是我看过的，或者说身边的人推荐的书籍，…

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…