https://twitter.com/ivarptr/status/1149742127640768512

https://bellard.org/quickjs/

#计算机 #JavaScript

啊，那个我没有考虑到，其实... 写的插件还可以讲一下，所以前端给 #HTML #JavaScript

之前因为 Fx 阅读模式里面 link anchor 有 underline(decoration) 所以想加去这个的 CSS，后来才知道本来就没有...
如果有的话，可以 a { text-decoration: none; }

接下来简要说说几个小辅助插件了

首先是 NSFW Template，这使用到了 HTML5 的新 <template> tag
bound 本来确实可以利用 property/reflect/proxy 来比较魔法的（而且不会担心性能问题，可以缓存）
不过有点长，而且不明显，所以这里用简单的方法

function bound(self, meth) { return self[meth].bind(self); }
function intoIter(xs) { var i = 0;
  return function
    iterator() { return (i<xs.length)? { value: xs[i++], done: false }
     : {done:true}; }; }
function tryIter(xs) { if (!Symbol) return intoIter(xs); return bound(xs[Symbol.iterator](), 'next'); }
function forIter(it, f) { var xc; while (xc = it()) { f(xc.value); if (xc.done) break; } }
function args2ary(argsv) { var ary=[]; forIter(tryIter(argsv), bound(ary, 'push')); return ary; }

Function.prototype.flip = function() { var method = this; return function call() { return method.apply(method, args2ary(arguments).reverse()); }; };
Function.prototype.curry1 = function(x0) { return this.bind(this, x0); }

;


Object.prototype.lets = function(f) { return f(this); }
Function.prototype.andThen = function(g) { var f=this; return function composition(x) { return g(f(x)); }; }

foreach = tryIter.andThen(bound(forIter, 'curry1'));

function makes$_(fname) { return function(it) { return it[fname](); }; }
function makes_() {
  var it = new Object();
  return new Proxy(it, { get: function(t,a,p){return makes$_(a);} });
}
_ = makes_();

cssSelect = bound(document, 'querySelector');

var merges = bound(document, 'importNode').flip().curry1(true);

其中业务逻辑 部分，上面的留作代码重用
function showTemplate(attr, init) {
var templates = cssSelect('template[' + attr + ']=""');
var prepend = function (nd, x) { nd.parentNode.insertBefore(x, nd); };
templates.forEach(function(x) {
var mix = merges(x.content);
if (typeof init =='function') init(mix);
prepend(x, mix);
});
}
function removeElements(cs) { cs.lets(cssSelect).each(_.delete); }

function addCSSClass(cl) { return function(e){ e.classList.add(cl); }; }
showTemplate('nsfw', addCSSClass('nsfw'));

我还得写很多.... 所以代码重用、优先划分好模块非常重要

== Abbr view
这个逻辑比较简单，类似 NSFW template。因为在一些设备上不能使用 "hover" 查看 abbrev... 只好在点击时在后面插入内 abbr 的实际容了。
写入的时候先新建一个 attribute，用于记录 abbr 已经被展开，每次 switch 的时候判断一下 shown => hide、hidden => show

== Night

== Reflink Preview

== Music Player

== Footnote Xref

== Contents Tree