某位大神创作的可以吊打 Vue 的前端框架

[dyxiaodong2022]

今天 QQ 群挺热闹，来了个拳打 Vue 脚踢 React 顺手骂了一下前端所有 UI 库的大神：

精简浓缩版发言:
- Vue, React, Angular 都是垃圾
- 所有 UI 库都是垃圾
- Vue 就是一坨, 组合式和 Option 都是屎
- PrimeVue=垃圾+换皮
- GitHub 的狗是这样的

大神之作:
https://gitee.com/hxxxhao/binder
http://hxxxhao.gitee.io/binder

[eoo]

...

[yafoo]

看着不错，写简单页面又多了一个选择

[matthewzhong]

完成度挺高，明天试试

[fgt1t5y]

这一下得罪了不少人啊 XD

[nomagick]

大神的看法我全部支持，

大神的项目也是其中之一

[hellodigua]

不喷哪里来的流量呢？毕竟前端娱乐圈

[seki]

这么复古的 api 设计让人感觉回到了十年前

[fgt1t5y]

看着有点像选项式的 vue

[maggch97]

我不懂前端，但我觉得作者的品味很差

[Jat001]

2023 年的末尾还能看见 iframe ，爷青回

[dddd1919]

恕我直言，只发到国内托管的默认垃圾

[Goooooos]

开口闭口这垃圾那垃圾的人，离他们远点，一般都是不太尊重别人

[ufan0]

为啥能有这么多时间折腾，想学习一下大神的时间管理哦。

[airyland]

看了下代码和 demo ，还远没有资格称别人为“垃圾”。

[soclearn]

前端讲真。不好玩。
为啥不在其它领域发明框架

[soclearn]

react 很复杂的。甚至有专属语言 elmlang 作为前身。。

一个框架，谈不上脚踢 react

[Lilian33]

项目如何并不重要，事实是尤雨溪又觉得有人通过拉踩来蹭他热度了。

[lin07hui]

不怎样

[rofleed]

楼主是不是资深运营，这推广方式简单有效

[kdwnil]

那么牛的框架看来我也没资格点进去贡献 pv ，

[yafoo]

昨晚看了一下文档，用极少的代码实现功能挺好的。
就是有两点不好：一是挂载有两次 mount ，不美观。二是组件的使用，用 ref+name 的方式，会造成一个严重的后果，编写一个 ui 库的话，使用时，整个代码全变成 ref 标签了。

[gowk]

推荐下 Mithril.js

[jeesk]

框架用的都是生态， 明白？

[dyxiaodong2022]

@jeesk 不是我写的啊。。。

[dyxiaodong2022]

@rofleed 这 b 在群里乱咬人，一堆逆天言论，顺手发上来的

[hongfs]

大家都说好，一看 gitee ，打扰了。

[wanguorui123]

一顿操作猛如虎，一看技术两毛五

[monologue520]

不明白这些东西卷来卷去有什么意思，况且在 GPT 迅猛发展的今日。
有几个稳定且相对简便的生产工具还不够吗 。。。

[justin2018]

没有 GitHub 地址 差评~

[bilibiliQQ]

没有 github 仓库？

[bilibiliQQ]

30 行 JS 代码搞定前端双向数据绑定，最简版本：
let data = new Proxy({}, {
set(obj, key, value) {
obj[key] = value;
const dataElements = document.querySelectorAll(`[bind-data="${key}"]`);
const funcElements = document.querySelectorAll("[bind-fun]");

dataElements.forEach((element) => {
element instanceof HTMLInputElement ? (element.value = value) : (element.innerText = value);
});

if (funcElements.length > 0) {
funcElements.forEach((element) => {
const funcName = element.getAttribute("bind-fun");
if (typeof window[funcName] !== "function") return;
const func = window[funcName].bind(obj);
const val = func() || "";
element instanceof HTMLInputElement ? (element.value = val) : (element.innerText = val);
});
}
return true;
},
get(obj, key) {
return obj[key];
},
});
document.addEventListener("input", function (event) {
if (!event.target.hasAttribute("bind-data")) return;
data[event.target.getAttribute("bind-data")] = event.target.value;
});

[flyqie]

他开心就好。。

[woldfoll]

看起来不错，加油👏

[WuSiYu]

不太懂前端，但看上去只是个双向绑定的 toy/demo ，没什么特殊的

[Jianzs]

@soclearn #15 https://github.com/pluto-lang/pluto 基础设施领域的框架，用于简化应用开发部署

[mrwangjustsay]

开心就好

[wdssmq]

Alpine.js
https://alpinejs.dev/