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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 351 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

Vue

React

大神

垃圾

37 条回复 • 2023-11-26 12:17:08 +08:00

eoo

351 天前

...

yafoo

351 天前 via Android

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

matthewzhong

351 天前

完成度挺高，明天试试

fgt1t5y

351 天前

这一下得罪了不少人啊 XD

nomagick

351 天前

大神的看法我全部支持，

大神的项目也是其中之一

hellodigua

351 天前

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

seki

351 天前

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

fgt1t5y

351 天前

看着有点像选项式的 vue

maggch97

351 天前

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

Jat001

351 天前

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

dddd1919

351 天前

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

Goooooos

351 天前 via Android

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

ufan0

351 天前

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

airyland

351 天前

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

soclearn

351 天前

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

soclearn

351 天前

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

一个框架，谈不上脚踢 react

Lilian33

351 天前

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

lin07hui

350 天前

不怎样

rofleed

350 天前

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

kdwnil

350 天前 via Android

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

yafoo

350 天前 via Android

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

gowk

350 天前

推荐下 Mithril.js

jeesk

350 天前

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

dyxiaodong2022

350 天前

@jeesk 不是我写的啊。。。

dyxiaodong2022

350 天前

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

hongfs

350 天前

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

wanguorui123

350 天前 via iPhone

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

monologue520

350 天前

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

justin2018

350 天前

没有 GitHub 地址差评~

bilibiliQQ

350 天前

没有 github 仓库？

bilibiliQQ

350 天前

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;
});