Lostvita

G2Plot 是 AntV 团队打造的开箱即用、易于配置、具有良好视觉和交互体验的通用统计图表库，本文介绍 G2Plot 在打造柱形图背后的各种故事。 柱形图——人们最常使用的图表之一，是一种使用矩形条，对不同类别进行数值比较的统计图表。最基础的柱形图，需要一个分类变量和一个数…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考🤔，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的摆动…

在搜索领域，早已出现了“查找相似图片/相似商品”的相关功能，如 Google 搜图，百度搜图，淘宝的拍照搜商品等。要实现类似的计算图片相似度的功能，除了使用听起来高大上的“人工智能”以外，其实通过 js 和几种简单的算法，也能八九不离十地实现类似的效果。 为了便于理解，每种算法…

最近有些小伙伴在写表单联动关系是觉得非常复杂，不知道从何下手。大多数情况下会要求后端同学给到嵌套结构，但是这种结构有个致命的缺点，无法向上联动而且存在大量多余数据。推荐了一下邻接矩阵发现有好多同学不了解，写个简单的科普文章解释一下。 邻接矩阵是一个用来描绘顶点与边关系的数据结构…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

学习webgl也有小半年的时间了，有了一些心得和体会，在这里做一个记录，整个系列的代码都会给出，这篇文章是这个系列的第一篇文章，带你走进webgl的世界。 在介绍什么是webgl之前，我们来看一个最简单的webgl程序。 上述就是一个webgl的例子，做的事情很简单就是清空了w…

1. 前言 在前端开发工作中尤其是项目起步阶段，经常会选取第三方组件库快速构建，拿Vue生态来说，大众普遍对element-ui和iview 情有独钟，其中element-ui多用于对接前台项目，iview多用于对接后台管理项目。可不论是用哪种组件库，只要其易用性、扩展性和感官…

如果 Greeting 是一个函数，React 需要调用它。 无论哪种情况 React 的目标都是去获取渲染后的节点（在这个案例中，<p>Hello</p>）。但具体的步骤取决于 Greeting 是如何定义的。 就像我 上一篇博客 中提到的，你并不需要知道这个才能高效使用 R…