#HTML #JS #DontKnow 你知道吗？ 🤔
HTMLElement 的 remove() 和 replaceWith(e1) 都不需要手动拿 e.parentElement ，只有 insertBefore(e1, e) 需要在 parent 上
如果不用 JQ ，可选注册 document "DOMContentLoaded" 或 window "load" 事件

element 和 node 的区别在于，前者只能是 <a> <b> <div> 这样的元素，后者可以是 #text 文本标签。

HTML 里基于 XML 的部分有三种情况： <meta charset="UTF-8"> 的单独标签、 <div></div> 的配对标签(with childNodes)、 <link rel="stylesheet"/> 的折叠(collapsed)标签，有些配对标签也有折叠形式，但折叠和 no children 是不同情况。

有许多方法可以缩写 HTML ，最常见的是基于 CSS 选择器的 emmet.io 和基于缩进的 模板语言 #Ruby slim-lang.com ，而 DOMParser 本身也支持兼容解析修正一些不完整的文档。
想在社交平台分享自己的网站， OpenGraph 了解下？

- !!"" 和 !!0 、 !![] 都是 true ，第一点往往造成隐患 必须详细检查
- undefined == null ，所以有时用 === 区别严格相等性
- JS 最不常用的两个关键字： delete o[k]; 和 v=with(o,o1) { attr }

许多时候：
如果用 e.onclick = 的简写，在任何地方的(其他)脚本重复注册时会导致覆盖，所以尽可能用 addEventListener
JS 里较短参数的函数兼容较长处的类型限制（允许无视参数），但在调用时省略默认参数可能造成性能问题，在绘图/大批/频繁处理时，需要多用图形界面的 profiler

Mivik 大佬来晚一步，不过他解决的也不是我连坐标系都没搞一致这个事情 😰
实际上你可以借鉴一下这篇论文里面提到的高精度绘图方式：https://www.dgp.toronto.edu/public_user/mooncake/papers/SIGGRAPH2001_Tupper.pdf

(隐式绘图)大体思路是用一种算法追踪变量的取值和合法性(这就要后端符号系统支持 去推导了)然后判断一个屏幕区间里面是否包含有函数图像，如果没有就直接return，否则均分为几块向下递归，直到递归到像素单位为止

相信对懂编译原理的 OI 生是没问题，我估计还要考虑考虑怎么模式匹配做恒等变形，以及一大堆前导内容……

#kotlin #code https://t.me/AndroidDevCn/183078 Stream . 2并流

瞄了一眼，感觉除了等式化简变换外这个绘制的水也深…… 和1x:1y 式子完全不一样，原来函数图也可以这么牛逼的吗

#android #design #sysadmin https://t.me/im_RORIRI/831

#html #meme #recommend 草，估计是 codegen 弄的
后面还改了半天 color
不知道右上角是不是直播，还是改的梗，反正牛逼啊……

#js #DontKnow 原型链：（感谢 @JackWorks 提供相关信息）

访问语法都是动态解析的，比如 x.prop 或

x["prop"]

就是

x.[[Get]]("prop", x)

ES 里一共有五种不同的 [[Get]] 实现，分别是
- 普通对象 [规范]
- Argument 对象（你们今天应该不会用到了）
- 类数组对象（数组的特殊行为就在这里）
- 模块对象（import * as Mod 里的 Mod）
- Proxy 对象(reflect proxy 全 delegate)

此外， Object.getOwnPropertyDescriptor(o, k) 可以获取可配置 enumerable, writeable 等属性的配置对象

Object.[get/set]PrototypeOf(o)

和 o.__proto__ 是它的「超类虚表」

[[Get]] 过程的 Receiver （第二参数）很重要，如果没有这个 Receiver，基于原型链的 OOP 其实是做不起来的

原来是往 proto 上找属性！
这就解释了 Array.prototype.map 之类的东西

parent = { method() { return this; } }
child = {}; child.__proto__ = parent;
child.a = 1; child.method(); // 返回自身

最简单的解释是， Receiver 就是属性访问的时候最上层的那个对象，会被当成 this 用。
因为在这个算法里你可以看到，Receiver 是跟着递归一路传递下去的

原来是 o["RESOLVE"](o.prototype, "attr", receiver=o) ！（当然，肯定是先查本地，然后才查 prototype
本地如果有就不会查 prototype 了

明白了，和之前写的 LuaOOP 很像，都是层叠属性查找

“ 大佬能交换下原型链相关知识吗
之前看加 Mixin 好像是说把 prototype 除了哪两个属性的什么全部复制一下
#Python 和 #Ruby 的情况我都了解， Py 是 mro() 链查询， A.wtf 和 a.wtf 都是往 class A 找成员，后者实质是 type(a).wtf(a) 所以得到 bound method ，而直接 A.wtf 就是 bind 操作
@staticmethod 直接不收 self ，不需要 bound 所以可以在类和实例上用

https://paste.ubuntu.com/p/tJv7QpSjGt/ liuil-util 的 #TypeScript mixin.ts 重写

#TypeScript #lib #doc https://util.liuli.moe/@liuli-util/async/ 有一大堆 concatMap, debounce, wait 等操作的 async 组合库

https://util.liuli.moe/@liuli-util/array/ 包含 swap, groupBy, segment(即 chunked), diffBy, uniqueBy 等处理函数 ，还有 arrayToMap(即 associate)
https://util.liuli.moe/@liuli-util/string/#StringValidator.isEmail 非常实际的一个值验证
https://util.liuli.moe/@liuli-util/dom/ 包含一些下载 ArrayBuffer 之类的处理，不过没有复制到剪贴板的

https://util.liuli.moe/@liuli-util/other/#EventEmitter EventTarget 一类对象实现
https://util.liuli.moe/@liuli-util/test/#countTime 这个就是 measureTime { } ，要是能写成 Python timeit 的形式就好了
此外还有 tree 库，支持 treeEach 后序遍历树结构，treeToList (即 flatten , 还有 treeFilter 的变体)

让我想起了，那些手写 new/apply/call 的题目 #js #plt #oop
很多人说的 oop 是 Class-oriented programming
而 JavaScript 的原型链才是正宗的 Object-oriented programming（

function X(){}
X.prototype.a=1;
new X().prototype === undefined; // 但 __proto__ 就是 X
Object.getPrototypeOf(X) === Function.prototype

prototype 只是个（被特殊处理的）普通属性
平时说的原型链指的是 obj.[[Prototype]]

a.f() 相当于

f = a.f; f.[[Call]](a, [])

“ 为什么要用 ecmascript 规范里的（原语）写
因为 a.f.call 是从 a.f 往上查了原型链查到 Function.prototype.call 之后，它 也有可能被覆盖掉

Reflect.apply(a.f, a, [])

也能覆盖: globalThis.Reflect = new Proxy(Reflect

” 我就很奇怪为什么我在 constructor 里 this.prototype === undefined

x: 工厂函数
x.prototype: 造实例的原型， new 出来的东西 __proto__

Object.create, Object.assign
Object.defineProperty

#web #dev #recommended #GitHub 仓库 VSCode 、 YouTube 视频下载工具 https://github.com/justjavac/1s (不是原作者, #moha 玩梗)
直接在二级域名 github 后面 +1s 即可 https://github1s.com/

#Android #china #net #netease #aop 自动开 VPN 改包换音乐平台数据源 https://github.com/ndroi/easy163

#db #service #lib #cplusplus https://github.com/matt-42/lithium HTML 面向 C++ 小白的服务器与框架

#recommended #linux #backend #cplusplus #Python https://t.me/c/1492060815/96087, https://t.me/c/1492060815/95986 Q：这个群是干嘛的？
A：《捕蛇者说》是一档播客节目，可前往官网（pythonhunter.org）或各大播客平台（苹果、小宇宙、Spotify 等）收听。本群是捕蛇者说播客的听众群，讨论技术和非技术的各种话题。

Twitter: @pythonhunter__
发电支持我们：https://afdian.net/@pythonhunter

有没有办法从python里拿它自己的libpython的路径啊

#dev #statement duangsuse 下现在所理解的编程，又是什么呢
从 API、基本语言结构构造出最简数据模型，再从数据模型生成更多所需的数据。
有时候就是一个变量、一个对象属性，你看到的是一次赋值 a=b ，其实背后是 y=x 这样的恒等关系，符号又何必得是单变量

#Python #debug #tools #wechat
所以说 Firefox, IDEA 的 debugger 什么的真蠢啊，连 breakpoint 自动执行指令，找 edge case 都做不到
什么调试器，不过是下层 API 的拙劣封装，有个行号个映射就成

对了，开发者是 @pythonhunter_ 的播主 🌝

https://github.com/bamless/jstar#special-thanks #plt #Lua 一个很像 Lua 但也像 JS 的语言， C 实现

#web #js #typescript #Microsoft 最知名 Web 代码编辑控件 Ace(ajax.org Cloud9),Monaco(which powers VSCode) 二者之一， https://microsoft.github.io/monaco-editor/
js,ts,clojure (一个 #functional JVM 语言) 的示例都是 Conway's game of life (当然已经82岁的他已死于去年的新冠) 😋 #listing #ce #tools

https://t.me/mokeyjay_channel/1941 的 github1s.com 用 GH API 下载仓库，即可在用虚拟文件系统的 VSCode (fork ver.) 中打开
对喜爱自定编辑器和编程展示的人 必须了解一下

相关代码：
workbench/contrib/welcome/page/browser/welcomePage.ts#L75 下载
code/browser/workbench/workbench.ts#L403 打开文件夹
extensions/github1s/src/github1sfs.ts#L175 下载插件支持 Unicode