纯粹的 html、js、css 构建网站的传统做法已经被 template/jsx 替代了，jQuery 时代的做法已经不适合使用了，虽然现在 jQuery 现存市场还很大（from）：

不过新项目的采用 jQuery 已经很少了（from）：

Vue 和 React 最大的区别就是 template/jsx，proxy/immutable。

template/jsx 本质上都是语法糖，template 的语法糖是 v-if 、v-for 这些，而且 Vue 中文文档写的好，对于新手入门友好，但是由于 IDE 的支持、ts 支持问题会导致维护困难，jsx 也是 js 上加的语法糖，但只有一个，无需太多记忆，学起来就像学 js 语法，比模板语法自由许多，react 相比 vue 有许多优点：

• 完整的 js 功能用来构建视图 UI（Vue template 中无法注入一些复杂逻辑）
• 直接引用当前 js 作用域变量（jsx 中可以直接使用 import 进来的东西，vue 不行）
• typescript 支持和 IDE 支持好，开发友好，重构方便（这个说句良心话，ms 当初搞 ts 是不支持 jsx 的，但是社区呼声太大才支持的 tsx，维护也是 ms，vue 就没那么幸运了，只能尤大拉个小团队维护 template 的 ts 支持，所以很难做的完善）
• 调试方便：jsx 调试可以直接定位到某一行代码错误，Vue 不行，只能自己摸头找找 bug。

性能 Vue 确实好一点，但是这一点用户不会有明显感知（差距太小），反而可维护性和重构升级是一个项目考虑的关键，毕竟大家都不希望以后接手的项目是一坨屎山

ts 的 void 类型指的是“不关心返回值是什么”的意思，可以看看官方文档：return-type-void。这个关键字是为了一些场景下编码方便（更加简洁），比如官方的例子：

void is not the same as undefined.

const src = [1, 2, 3];
const dst = [0];

src.forEach((el) => dst.push(el));

如果申明不是 void 类型，你只能写成：

const src = [1, 2, 3];
const dst = [0];

src.forEach((el) => { return dst.push(el); });

是不是麻烦很多，如果要明确函数无返回类型，应该用 undefined：

interface Props {
    onClick?: () => undefined;
}

安利一个 npm 包：copy-to-clipboard，可以实现常见复制到黏贴板需求，而且做好了兼容设计，Weekly Downloads：3,646,290

react 系列基本就是楼上说的那套，代码做好封装，包括 div、span 这些，转换为 view、text，这样如果要做小程序，react 换成 taro，如果要做 app，react 换成 react-native，这样基本90%以上的代码都可以直接复用

正确使用还是没啥问题的，可以看下：Security of JSON Web Tokens (JWT)，这篇文章，里面提到几种攻击方式，一些安全措施做完善，没问题的。

一个简单的例子，如果同名怎么办？所以这种直接打字到图片的方法没有什么用，甚至在图片较小或者表情包上会影响视觉，软件上来说最好的做法就是盲水印，看不见的那种，然后把自己的签名编码后放到图片里面，这在摄影作品里面比较常见，还有公司做信息安全也是这么搞的，比如阿里的“月饼门”事件，就是通过图片盲水印查出是谁泄露出去的图片