- 博客(13)
- 收藏
- 关注
原创 [Graphic 开发笔记] 4. 可交互 Flutter 图表
在数据可视化中,交互是很重要的。Flutter 图表库 Graphic 拥有一套精心设计的交互系统,以应对各种各样的可交互图表。
2022-11-02 10:55:34 1112 1
原创 千相千面图形语法
在 Flutter 可视化库 Graphic 的新版本中,优化了声明式定义的语法,使其更好的体现图形语法的本质。本文通过 Graphic 的图形语法定义变换,一步步将柱状图演变为饼图,展示图形语法的灵活丰富。同时也让初学者了解图形语法基本概念。如果你从未接触过图形语法,不影响本文的阅读。本文可以看作 Graphic 的入门教程。柱状图和饼图都是数据可视化中常见的类型,它们乍一看迥异,但在图形语法中,却有着相同的本质,这是为什么?让我们从柱状图一步步变换成饼图,来了解其中的缘由。首先从最常.
2021-11-15 08:10:44 1102
原创 Graphic:基于图形语法的 Flutter 可视化库
本文介绍了一个基于图形语法(Grammar of Graphics)的 Flutter 可视化库:GrapphicRepositorypub.dev背景数据可视化是应用开发中很常见但很重要的需求,一个好的可视化库能让数据可视化的开发事半功倍。可惜的是,目前在 Flutter 社区中,还没有一个完美的可视化库。目前的 Flutter 可视化库都存在一些不尽如人意的地方,例如:charts_flutter 由 Google 内部开发,代码质量很高。但是它提供的图表种类很少,仅有最常见.
2020-09-16 08:38:05 2821 1
原创 一次 Flutter WebView 性能优化
本文记录了基于 WebView 的 Flutter 可视化库:echarts_flutter的一次优化加载性能的过程。对于任何基于 WebView 的组件,html 的加载都是关乎性能的一个重要环节。echarts_flutter的基本原理是用 WebView 渲染本地的 echarts 图表,因此也不例外。echarts_flutter的 WebView 加载主要涉及以下几个部分...
2020-01-16 13:10:18 1206
原创 响应式 Echarts Flutter 组件
本文介绍了一种响应式 Echarts Flutter 组件:flutter_echarts的开发思路repositorypub.devFlutter 随着自身的发展,逐渐被应用到较为大型的应用中,复杂的数据可视化图表日益成为一个重要的需求。虽然 Flutter 有强大的 Painter、Canvas 用于图形绘制,但不幸的是,目前 Flutter 生态圈中还没有功能强大又易用的杀手级可视化库...
2019-12-24 08:27:35 4213
原创 TypeScript 中的命名参数、可选参数、默认参数
对于一些功能比较复杂的函数,需要将很多配置项作为参数传入,这时候传统的位置参数表就不太方便了,因为对于配置项参数,我们往往会设置默认值,希望使用者无需按顺序传入所有参数,而只要指明哪几个参数需要特别配置。比如一个简单的字符串格式化函数,除了必需的传入值value外,有三个配置项:indent:缩进 caseMode:大小写 callback:转换完成后的回调前端代码中应该如...
2019-10-22 09:07:04 3678
原创 前端数值展示的思考与实践
前端如何友好的展示数值?本文基于实践总结了一些原则,介绍封装的工具库 Number Display ,并分析源码的实现。Number Display 有适用于 Web 的 JavaScript 版和适用于 Flutter 的 Dart 版。JavaScript 版Dart 版在前端开发中,数值展示是一个常见的需求。不同于统计或实验报表对精确性和规范性的注重,前端展示数值时更注重用户友好,...
2019-10-08 09:00:16 405
原创 【重写 CryptoJS】二、WordArray 与位操作
源码地址:entronad/crypto-es 【重写 CryptoJS】一、ECMAScript 类与继承我们常见的各种编码、散列、加密算法,其基础都是位操作。不管是对哪种数据类型,位操作对象的本质都是一段连续的比特序列。从性能的角度讲,位操作最好是能直接操作连续的内存位。很多语言提供了直接操作连续内存位的操作,比如 C++ 中的数组与指针,ECMAScript 6 中的 A...
2018-12-27 12:17:00 3857
原创 【重写 CryptoJS】一、ECMAScript 类与继承
源码地址:entronad/crypto-es无论是前端还是后端,信息的加解密、摘要校验是常常碰到的需求,开发中一旦涉及到敏感数据,什么 MD5 、 Base64 、 AES 算法基本上都是要来上一套的。在 JavaScript 的各种加密算法工具库中, CryptoJS 以其全面的功能、良好的通用性,一直是首选。它诞生较早,主仓库的代码还是托管在 Google Code 上,虽然后续也被...
2018-12-12 08:35:11 457
原创 Git Worktree:解决分支依赖冲突的问题
git worktree 命令可在不同文件夹中打开同一个 git 仓库的不同分支,很好的解决不同分支 node_modules 依赖冲突的问题。将一个项目不同平台的版本放在 git 仓库的不同分支,是一种常见的做法。比如我最近在考虑开发 Gitview (项目链接 )的小程序版,计划将原先 React Native 版的代码放到名为 react-native 的分支,小程序版在一个新的名为...
2018-08-01 09:05:22 2367
原创 Dart 学习备忘录
Dart 官方文档学习笔记,记录 Dart 特点和区别于其它语言之处基本特点 任何变量都是对象,包括基本类型,所有对象都继承自 Object 类 强类型,自带类型推断,但也可指定类型 有泛型 支持最外层函数定义,也支持类的静态方法与对象的实例方法,函数中可定义内部函数 支持最外层变量定义,也支持类的静态成员和对象字段 没有表示私有公用...
2018-07-17 18:19:05 676
原创 响应式 React Native Echarts 组件
一种在 React Native 中封装的响应式 Echarts 组件,使用与示例请参见:react-native-echarts-demo近年来,随着移动端对数据可视化的要求越来越高,类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发展相对繁荣一些,通过 WebView 在移动端使用 Echarts 这样功能强大的前端数据可视化库,是解...
2018-07-12 09:09:47 446 1
原创 Python 与 JavaScript 语法差异点
随着人工智能技术的普及,越来越多的前端程序员开始关注相关技术。Python 作为人工智能领域最常用的语言,与前端程序员日常使用的语言 JavaScript 同属脚本语言,且在两者发展过程中,社区也多有相互借鉴之处,因此有很多相似。一个熟悉 JavaScript 语言的前端程序员,通过掌握了他们之间的不同之处,可以快速上手 Python 。以下是我学习过程中记录的 Python 不同于 JavaSc...
2018-06-29 18:42:46 1306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人