0%

WebPack 是我一直不是很喜欢但又不得不用的一个工具。主要原因:

  1. 配置很奇怪 : 尤其是前几年升到5后,还要引一些 plugin 去 licence,经常看到一些几百行的 webpack.config。
  2. 性能也很慢 : 虽然有一些非主流的工具比它快一点,但基实提升并不明显,没有成为主流之前,风险大于收益。
  3. 生态太完善 : 这个应该是优点才对,但对于一个工具,不干本质工作,什么都想搞,导致团队里面很多人过度滥用,引一大堆的 loader,plugin,进一步放慢打包速度,且严重降低代码可读性。

最近发现了一个新的工具:esbuild ,主要特性一个字

esbuild 的速度

EsBuild : https://esbuild.github.io/

当然,眼见为虚,Run了才为实

阅读全文 »

最近开始在项目中完成了一轮 React Hooks 升级,记录一下 React Hooks 的基础使用。

React Hooks

什么是 React Hooks

在写 React 组件时,有两种方法:

一种是常用的 class 写法形式,例如:

class XXX extends React.Component {

    render(){
        return xxx
    }

}
阅读全文 »

出于好奇,昨天搜 Web 3.0 了解一下,由于没有太权威的材料,大都是商业、投资之类的,整理的时候也感觉很懵,到底 Web3.0 为什么会是下一代互联网,以下是我个人的思考。

内容形式的变化

我觉得,不同的几代网络表现上来看,还有一个很明确的特征区别,就是 内容形态

Web 1.0 = 内容不够
Web 2.0 = 内容太多

在 1.0 时,上网的人都是探索者,网络上病毒泛滥、内容稀少、网速慢,很多内容都需要找到专业圈,甚至需要订像《电脑报》这样的杂志才能解决,网络公司提供的产品功能都不一定齐全,要上网要先会电脑,门槛太高了。

而在 2.0 时候,网络环境好了很多,网络环境变的规范,网络公司提供的产品不仅功能全,用户体验度也在蛮好,使用门槛也直线下降,后面智能手机这样产品几乎是消除了上网的门槛,所以 Web2.0 指的就是人人都上网的这个时代。

阅读全文 »

由于身体抱恙,好久没更新了,近两年住了三次院,真是老了就行不了,写博客的事还是要捡回来。

最近 Web 3.0 这个词比较热,看名字也是和技术人员的生计想关,于是整理下看下是什么情况。

阅读全文 »

视觉变量

科学研究, 人类获取外界信息主要依赖于视觉,占总信息量的 83%, 听、嗅、味、触觉占17%。
人与外界交换信息大部分都是靠视觉,优秀的可视化更可以加快信息交换的效率,今天说说视觉变量

Information  visualization:  perception  for  design

上篇:《关于可视化的一些理论基础》说到,数据可视化的奠基人之一 Bertin,在他 1967 年发表的《符号图形学》中,给视觉定义了七个基本的视觉变量。
人眼在这些通道,有着很强的识别能力,这些视觉通变量成为可视化的一项理论基础。

Bertin
阅读全文 »

上次说,准备用不到40小时的时间开发一个移动版本!

结果发现用微信小程序和前端一样容易,用时应该不到10小时(写代码比写博客容易太多太多!),功能还很粗糙,欢迎扫码体验:

使用微信扫一扫:数据可视化

主要特点:

  1. 体积很小,不到 0.5MB,且一次打开,次次秒开,离线也可打开。
  2. 没有任何数据交互,无任何注册登录,不收集任何数据。
  3. 可以分享给其它人哟,分享的是啥,点开的就是啥。
阅读全文 »

今天先上点干货,说下可视化的一些理论。

顺路再次说明下:可视化相关的博客,我会同时更新到

本文的地址是 https://vis.zone/blog/data-vis-theory/ , 如果你在xdnote.com, 建议去 vis.zone 阅读,使用的是 Next皮肤,阅读体验好些!

可视化学科

最近一两年,已经少量院校新开设了《数据可视化》这一课程,教授的主要内容有:

  • 可视化的思想理论与整体样貌
  • 可视化的历史现状及未来展望
  • 可视化的应用原则、各种基础元件、通道等。
  • 各种可视化图形的适用性,表达信息,应用场景等。
  • 可视化工具宝盒:比如 各种BI系统、Kinbana、Tableau 等的一些操作手 册应用。
阅读全文 »