#parser #cs #ce #functional 🤔 du naot walideit

https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/ #haskell #types #programming_language #software_design

#net #tech #meme 🌚

草（

CS 作业搞定了，一个 Java 图形计算器基本做好了（

🤔既然只支持一个 x(二维)，为什么不把我之前的 https://duangsuse-valid-projects.github.io/Share/HTMLs/calc.html 拓展一下，加个 x-y UI 看函数图？

计划：
- 纯 canvas 直接绘制于 doc.body ，旧 UI 输入盘可选吸附位置，支持 resize 和 moving (Shift? roll) , (Ctrl roll/slider) scaling
- 表达式和编辑已经支持了，当然没有代码高亮
- 从 REDO 列表添加公式(老项目是一个纯状态🐔式计算器，支持逆波兰吧 还好性能问题有过优化 最初是直接操纵界面按钮自动 click 的)
- 状态和缩放slider 跟随界面盘
显示位置&象限、缩放比、当前区间和y值域(? 这个应该很难无预推导的高性能实现)

呃… 昨天晚上半天没睡着，想了一下，记得当时的优化是解决尾递归(当然是 js 层的啦)问题，避免用递归实现(REDO 的)循环，这算是必须的基础算法的优化了。

也就是说，计算器目前的性能应该还有问题，每执行一个操作都要操纵 DOM 两次(单击、读写...)。
本来还想 #TypeScript 重写，突然发觉好像已经是 TS 了……
我要写的绘图暂时还不打算支持自定义表达式或关系式(特指我亲自编写解析器的版本,本来是早有设计打算的)，只能线性 evaluate(x) 来求值

如果现在要实现 evaluator(no) => (x) => ，显然是要把 x 放到 <input> 里，调用内部 redo(no) 函数... (否则就要用 DRedo，这个计算机本身有点像错误设计的虚拟机，寄存器不够，控制指令全是零地址)
如果要手工计算一批数据倒还无所谓，用来绘图显然是太草了

我觉得，大概可以把 (a,b)=>a+b 这些基础函数暴露出来，让 DOM 监听自己再去组织，然后通过这个的一部分(+-*/ 什么的) 制作一个 {} 和一个 [] ， evaluator 里用 {} 去给指令编址，执行时只需一个 accumulator = 0 就够了，都是 acc = ops[opcode](acc, b) 的形式
如果出现不支持的指令，就同步 acc 到 DOM 再用 DOM 的方法去点击(协处理器)

—
关于 canvas 绘制的方法我觉得现在就可以探索
设计时大概需要这几个参数：
[x] axis [x] legend [ ] grid [ ] points
mutable: step, vp_xy, scale_xy
immutable: descPosneg, range, valueRange

真想用中文命名算了（草

#js #lib #performance #gui https://editor.datatables.net/generator/
🤔 想起了 #Qt Model/View 的 delegate 和 createEditor 什么的... 但其实从 row 建立可搜索、可排序、可编辑的 table 并不需要那么多名词吧

https://github.com/fiduswriter/Simple-DataTables
嘛，虽说是 lightweight ，其实连 Date format 都支持...

http://fooplugins.github.io/FooTable/ 感觉还是这个最好看

https://github.com/frappe/datatable 这个也支持 inline editing
https://github.com/future-architect/cheetah-grid 有创意，内带比率可视化支持
https://github.com/mleibman/SlickGrid/wiki/Examples 感觉最糟糕的一个
https://github.com/bvaughn/react-virtualized 第二糟糕的
https://github.com/ratiw/vue-table 最像 Qt 的一个... 不对，这不像 Qt
https://github.com/jiren/StreamTable.js 支持 #stream 但只能用 templating 的一个
http://swimlane.github.io/ngx-datatable/#filter Angluar 的一个
https://github.com/daniel-nagy/md-data-table#demo Material #Design 的一个，作者眼力是不是不好... README.md 那么多示例 table 放着呢
https://clusterize.js.org/ #performance #web 🤔给 <tr> 甚至 <il> <div> tag 做 chunking 的简易 js 优化

Clusterize 那个真的不能再小了，才 300 行，大部分精力在做 interactive doc 上吧(这个 doc 也算是很有效了
当然 search, keep <thead> 什么的 还有固定大小 table-layout:fixed 要特殊处理
然后 #CSS counter (内部文本: 数数) 总结下咋支持的： content_elem.style['counter-increment'] = 'clusterize-counter ' + (data.rows_above-1); 这么说 rows_above 始终不为 [] 了..? 应该 把索引0映射到&chunk[0]这样
https://cdn.jsdelivr.net/npm/clusterize.js@0.18.1/clusterize.js
https://cdn.jsdelivr.net/npm/clusterize.js@0.18.1/clusterize.css 只有几条规则而已 魔改者最多只需覆盖1条

#js #ce 还支持 https://developers.google.com/closure/compiler 🤔 不知道这玩意会不会 inline constexpr (肯定不会
https://cdn.jsdelivr.net/npm/clusterize.js@0.18.1/externs.js 如果连 API 都要库作者手写的话，首先设计就有问题， Proguard 不需要

#DontKnow event delegation... scroller 覆盖了控件树，还是需要 delegate 才能听见吗
document.getElementById('contentElemId').onclick = function(e) {
e = e || event;
var target = e.target || e.srcElement;
if(target.nodeName != 'TR') return;
// do stuff with row
}
$('#contentElemId').on('click', 'tr', function() {})
JQuery 也是比较成功， DOM 都封装好了而且支持 IE

安静... 大概是弄错了，看来不需要 data table ，只用好好设计界面就行了 🌚
行吧，先写渲染

#build https://github.com/stevenjoezhang/fractal-tree/ #bash fix instruction
git clone https://github.com/stevenjoezhang/fractal-tree &&cd fractal-tree
npm install
sed 's/script src="js\/bundle.js"/\0 type="module"/' -i public/index.html
pushd src/js/ &&sed "s/'Three/'three/g" -i environment.js -i index.js -i tree.js
popd
npm start # 会自动 npm run build-dev 输出 public/js/bundle.js

#csharp #optimization #ce 🤔 一直以为 a+=b 是 a = a+b 的缩写，看来我大意了

看了看生成的 asm 感觉是因为有两份累加操作使得 CPU 并行执行。归根到底还是目前 RyuJIT 缺 loop opt

https://twitter.com/badamczewski01/status/1357603334706909185

#Haha #meme #life #flash 🌚 真·高手

南非政府無 Flash 用 自行開發特製瀏覽器

南非税務局人人都是高手。

https://unwire.hk/2021/02/06/sarsflash/life-tech/