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

V2EX = way to explore

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

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 889 days ago, the information mentioned may be changed or developed.

今天 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 replies • 2023-11-26 12:17:08 +08:00

eoo

Nov 24, 2023

...

yafoo

Nov 24, 2023 via Android

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

matthewzhong

Nov 24, 2023

完成度挺高，明天试试

fgt1t5y

Nov 24, 2023

这一下得罪了不少人啊 XD

nomagick

Nov 24, 2023

大神的看法我全部支持，

大神的项目也是其中之一

hellodigua

Nov 24, 2023

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

seki

Nov 24, 2023

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

fgt1t5y

Nov 24, 2023

看着有点像选项式的 vue

penzi

Nov 24, 2023

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

Jat001

Nov 24, 2023

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

dddd1919

Nov 24, 2023

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

Sezxy

Nov 24, 2023 via Android

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

ufan0

Nov 24, 2023

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

airyland

Nov 25, 2023

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

soclearn

Nov 25, 2023

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

soclearn

Nov 25, 2023

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

一个框架，谈不上脚踢 react

Lilian33

Nov 25, 2023

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

lin07hui

Nov 25, 2023

不怎样

rofleed

Nov 25, 2023

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

kdwnil

Nov 25, 2023 via Android

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

yafoo

Nov 25, 2023 via Android

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

gowk

Nov 25, 2023

推荐下 Mithril.js

jeesk

Nov 25, 2023

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

dyxiaodong2022

Nov 25, 2023

@jeesk 不是我写的啊。。。

dyxiaodong2022

Nov 25, 2023

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

hongfs

Nov 25, 2023

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

wanguorui123

Nov 25, 2023 via iPhone

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

monologue520

Nov 25, 2023

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

justin2018

Nov 25, 2023

没有 GitHub 地址差评~

bilibiliQQ

Nov 25, 2023

没有 github 仓库？

bilibiliQQ

Nov 25, 2023

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