web
文章平均质量分 84
Beijiyang999
这个作者很懒,什么都没留下…
展开
-
数据可视化:在 React 项目中使用 Vega 图表 (二)
上一篇讲了如何在 React 项目中用 Vega-Lite 绘制基本的 area chart 图表。本篇将介绍如何绘制多层图表,如何添加图例。多层图表通过上一篇文章,我们知道了可以通过 mark, encoding 等来描述我们想要的图表。要实现多层图表,只需要把多个包含上述属性的图表对象放进 layer 数组中就可以。就像栈一样, 从栈顶压入,后压入的(index 大的)图层在上层。我...原创 2019-10-29 22:47:11 · 1001 阅读 · 0 评论 -
数据可视化:在 React 项目中使用 Vega 图表 (一)
相关包打开搜索引擎,一搜 Vega,发现相关的包有好几个,Vega, Vega-Lite, Vega-Embed,React-Vega 等等,不免让人头晕。别急,它们之间的关系三四句话就能说明白,以下是极简介绍:Vega:一套数据可视化的语法。它强大、灵活。用 JSON 描述配置,以 Canvas 或者 SVG 出图。Vega-Lite:一套描述 Vega 配置的语法。它简易、快速。同样...原创 2019-10-24 23:54:33 · 1871 阅读 · 0 评论 -
在阿里云 ECS 服务器部署 React + Express 项目
项目开发了一部分,准备先上线看看效果,就进行了部署。 以下是文档记录。0-选购阿里云 ECS 服务器操作系统: Ubuntu 14.04 64位1-创建普通用户登录方式 使用阿里云管理终端连接 ECS 实例实际操作过程中,发现这种方式速度慢,易卡死。本地通过 SSH 登录参考文档配置好秘钥后,用起来速度飞快。创建普通用户创建一个名为cat的普通用户。注:如果使用阿里云管理终端登录,跳过第原创 2017-11-17 21:49:49 · 2694 阅读 · 0 评论 -
React项目:代码分片、按需加载(code splitting)/ 免webpack配置
为什么需要代码分片Facebook 的 create-react-app 是一款非常优秀的开发脚手架。它为我们生成了 React 开发环境,自带 webpack 默认配置。 它会通过 webpack 打包我们的应用,产生一个 bundle.js 文件。随着我们的项目越写越复杂,bundle.js 文件会随之增大。 由于该文件是唯一的,所以不管用户查看哪个页面、使用哪个功能,都必须先下载所有的功能代...原创 2017-11-21 13:12:08 · 5495 阅读 · 1 评论 -
react-router 只变 link 不更新内容的问题的解决 记录
React + Redux + node.js 的项目之前遇到类似的问题,是这种情况:用 withRouter() 解决 Blocked Updates Generally, React Router and Redux work just fine together. Occasionally though, an app can have a component th...原创 2018-01-06 23:47:36 · 7515 阅读 · 0 评论 -
grid 入门:用 grid 布局轻松解决 flex 布局不太好做的一个问题
最近一个需求如图:大概是数据上,react 组件从父组件接收两个数组,分别渲染出左右两列;左右两列内容都是动态的,要求自适应文字高度,同一行其行高一致;左列文字右对齐,右列文字左对齐;伪代码:Array1.map(渲染左列表组件)Array2.map(渲染右列表组件)...原创 2018-06-30 17:05:54 · 9101 阅读 · 4 评论