#Linux #cplusplus #CG #algorithm

#project #abeat #music
用贝塞尔曲线做的简单动画，有内味了
下一步考虑简化配置文件流程

https://t.me/rynif/22773 #life #China 现在的应用就是却人类友好设计了…… 对设计便利的重视真的和个人技术水平没有一点关系，真的。
有的人即便技术水平高，但他不能在意到易使用化的编程精力分配，或者改进变量刷新的架构上的问题，我觉得如果一个人算法和数学很好但对优化软件的基本流程没有长进，是太可惜的。

明明能做到很麻烦的事情，使用了不常见的特例化 标准数据结构API ，能为高复用可配置的标杆结构套上程序进行解释，却没有重视一些基础的使用流程上几行代码就能实现的 trick；反而是一些只会简单 runtime-Intrinsic&C-data 的人设计的程序便于调参和情景适应，明明就只差一步啊，可是不被意识到这些细节啊。

#dev 物理命名法 (前缀?) 涵义😋
只有写一段代码重复写到无聊但从不写冗余代码的人能理解这种做法的意义。
实际一点的活用见上
a b : paired item
c: char
d: step/dict
e: element; ev: event; ex: exception
f: math func/file; fp: file path
g: graphics
h: height
i: index
j: 2nd dim index
k: ratio/key
l: distance
m: 2nd dim size
n: dim size/count
o: simple object; op: subroutine closure
p: predicate
q:
r: degree
s: str/stream
t: target/text
u:
v: value (of k)
w: width
x y z: left top pos/list item
0: base or elder element
1: new or stop value

#dev #life #js #web #gui 咱要实现一个 Tab(notebook) 控件。

A: 今日校园的 tab 也要做，这个难度可就不小了
B: 无非是一个 nav 后接个大横列 div ，初始全隐+切首页，切换隐:active+设置新:active 加减 hidden
onclick 的 nav span 元素添加 no 属性，直接和后面横列 div.children 1:1 对应
A: 那么下面的动画条呢？
B: 可以用 canvas 做 background-image repeat-x 再调 offset-x 吧
A: 貌似不可以吧。背景图是不能 overflow 显示的，必须做成单一元素
B: 那就做成 div 条盒子，设置 position:absolute 再切 left width 的 transition 就好了
A: 我想关键的问题是，不同页面间有点元素要复用…… 这就非常头疼
B: 无非就是第二层嵌套是不是 for(pagedIndices)showHide 操作的问题了，我觉得只能做成 div.replacer 的形式，而不能是 tag.copy-to-keep ，当然那样或许性能好些？
A: copy 的问题在于不知在哪重新插入，如何在 DOM 数据上提供这种指定接口，而且恢复也比较麻烦。
B: 2h 写了一个 https://64f1aq.coding-pages.com/HTMLs/school/_2/tabs.html
我用的 plan B，毕竟多两个 node 有点不爽，而且不用 replacer 也能实现 cloneNode 补贴式的x滑动
提供的 api 基于 childNodes[attr("no")] 和 e.groupBy(attr("tabs"))

https://github.com/emmetio/stream-reader #js #parsing

Emmetio 这个组织给了我一种很怀念的感觉。明明做过那么多，我却仍然不记得 () 用一个栈是该怎么解析的，貌似要手动维护栈顶被嵌套吧。

其实它做了那么多，我觉得影响也蛮大的，但 64 个项目它就只火了一个，但真的可以称之为前端码农与工程师的分界线，一个可以被称为『业界锚点』的项目，都是5年多前了，他用的一些 doc.fragment 这种 API 我都不熟悉。

你会发现整个社区基本都是一个人维护的，给人一种普通人历经挫折终于成功重构了自己和恶心的领域惯例的感觉。

ParserKt 是 peek&consume 的绝对纯字符流，可玩多了「魔法」和「极简」后我也想把 parser 的操作回归工程常规，毕竟它本来就是负责把 str 与 obj,list 数据对应的，不可能脱离工程逻辑风格，各种内部 API 上低限制多变量也值得尝试，能省代码量。

从项目名也能看到很多 expander, matcher, parser 和 binding,plugin; analyzer,resolver,formatter 等杂项工具
当然，其实他的技术也未必拔尖（😒可是对那些连 substr(i,n) slice(i0,i1) index 计算都不习惯的人来说这算是神）， CSS 解析器只弄了数据侧框架(约等于没搞明白文本表示和程序/数据结构的关系)，许多明明只是 snippet 级的算法还专门建立 repo 去存。

但是啊。
我真觉得这种「不务正业」但做到的事却最终从根本上影响了「正业」的人是很有趣的

至少他们是那种明白什么是重要，什么可以省略的人，在越来越嘈杂的 Web 这种心情很可贵。

我最近也在写一个 emet.js，当然它目前并没应用上取前缀解析子程序，祈祷我对所谓「模式」的理解能支持住它吧，当然，哪怕完全不用解析器技术单靠 API 设计我也能让 DOM/JS 更好融合在一起，可果然是新东西好玩一些啊。😋

#statement #Web #html #dev

#life #dev #sports #game （没错我没有发错地 ←_←）
台球其实没有那么多诀窍，没有什么能算三四次碰撞以后的人先赢，只是把第一次击球的角度力度控制到分毫不差——因为丝毫的偏差都可能让机会球变成困难球，注意并学习碰球上的位置，不要给对方一次机会。

设计各种能用程序描述的东西，未必要做到无需调试而一次通过。像 Chrome DevTools 一样方便的工具也很重要，善用 watch 切分并预览闭包调用方/关键数据构造处的情况。

多用 filter map groupBy flatten 等函数式序列操作简化代码，把难以实现的程序拆成子项目用简短的示例数据击破，利用并相信自己熟悉的API和既定子程序，稍微调试就能完成早已确信能成功的操作算法！

#js #web 我草我终于记起来下载文件blob 好像是 location="blob+base64:"+atob() 那种，然后我在 doc.styleSheets 里改 rule.style 应该能反映在 Ctrl+S 保存网页里吧！

做这两个API就能快速完成网页截图和 SinglePage ff扩展 html 保存 css url() 的问题了

#python 520小白性质秀操作日期计算脚本 https://pastebin.ubuntu.com/p/rshM7NfZKY/

#windows #js qv2ray.net install doc (#powersh)
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser # Allow script execution iwr -useb get.scoop.sh | iex

choco PM: Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

另，支持 form widgets 和 Word 主题的 html 编辑器 fckeditor 的 samples 告诉我，原来 ff 的 about:config 里可以调 security.fileuri.strict_origin 看本地项目的啊😒 可惜 ff 好像不能用 svg 和 es6

#JS #Web #tricks 我检查了一下各种网页截屏的方法，可以用 phantomjs 或者 Selemium 通过(模拟)浏览器 api 也可以通过 ff 类的 ctx.drawWindow 、 svg remoteObject 或 dom-to-png ， 我觉得最好的方法大概是在 ff 里利用 browser.tabs API ，不需要接触 cdp 的 开发者工具协议 什么的略内部 API

dataUriToBlob=|>splitNth(",",1)|atob|Uint8Array.from(it,|>it.charCodeAt(0))|new Blob([it],type:"image/png")

with(browser)
await tabs.captureVisibleTab()|dataUriToBlob|URL.createObjectURL|downloads.download(url:it,filename:"screen.png")

🙏谢谢大家的关心😅
尽管小号 @duangsuse1 已经默认3个月销了

学校里，我1年前老设备连线登录也直接数据清空了
桌面版小号也直接销了，说明tg的确很重视安全，把我sd卡的歌都删了，就因为我旧版客户端“不小心”连上了服务，草…… 后来还以为是客户端版本问题，发现确实是设备认证弱可信。


感谢 @mivik233 在某站提醒我，以后我会偶尔更新提纲性强点的内容，感谢大家的不离不弃😂

感觉也变了许多，microUSB 变少数了、输入法大写锁定默认了、安卓输入框api不统一了，以前不喜欢的边框手势习惯了……

额虽然tg提醒我换号，但注册-销号也消耗手机号的(occured..MsgID都没翻译)；旧版客户端登录验证码都看不到，但那是我唯一的会话了 我怕更新不好无root也没法重装或暴力拿authToken，还好有Device>Scan QR

见
https://core.telegram.org/api/obtaining_api_id
[api](https://core.telegram.org/method/auth.exportLoginToken)

有趣的是tg有两个类似OAuth的功能，Passport和bot的『无缝登录』 https://core.telegram.org/api/url-authorization
好像前者是涉及加密PM这类的，所以和API id不一样
当然Scan QR还是和大部分一样，让有令牌设备确认登录（不是二维码化令牌噢

有趣的是小米的编辑框不能触发原来的选区菜单，于是我在“原生”客户端甚至享受不到md排版，且无法在语言设置里修复，科技退步😂

#hardware #js WebHID API 是基于事件IO-ArrayBuf 的人体输入设备驱动框架
nav.hid.reqDevice({vendor,product Id ,usage Page?}..)//usage USB-ID
await .devices.open()

on(inputReport|disconnect, ev=>)
这些IO字节结构有多种，如左键单击、键盘灯亮，每种都有其ev.reportId数值
于 ev.data

以 sendReport(id|0, buf) 发送joystick震动摇晃等动作

feature Report类同方式发， receive() 以8bit-repid手动收；都是单向
在 about://device-log 查看送信记录

#statement Web平台现在能做的越来越多，除了electron,pwa,uniapp等打包离线以及 devtools REPL草稿纸，WASM、MIDI,USB HID 也让日常操作能由网页完成

参照开源代码 uLogitech，使用 WebHID API 开发了一个让罗技优联接收器进入配对模式的小工具。
原本是想实现完整功能的，但考虑到大多数人的需求是需要配对新设备，又不想安装 Logitech Options，所以只实现了配对新设备，以及解除配对接收器上第一个设备。
https://ysc3839.github.io/WebUnifying/
https://github.com/ysc3839/WebUnifying