确实有这个现象，我想肯定也是有原因的

@longxi 看了迷渡的回答，“只是优化了对象的访问，性能提升了 27% 到 438%，但是没有优化数组。”，那倒确实有可能

我 Vue 用得少，而且每次都是替换顶层属性，所以没有注意这个问题😂

@4196 2L 说时间花在 get 上，那 React 应该不会有这个问题，我等等写个看看

我查了一下，原来 vue3 的 reactive 会拦截深层对象的 get 和 set ，而 vue2 的 data 不会，那确实要做一些改造才能避免性能问题

@noe132 谢谢，我不知道这个 API ，我等等去看看

另外，vue3 legcy 中，我单纯替换了 runtime 为 vue3 ，结果性能下降了，是不是说明如果要在 vue3 中取得性能改善，必须使用 vue3 的 composition api 并选择正确的 api ？

@kidonng 正好有石头剪刀布的手势 emoji

可以先学一下 Vue2

var list = new ArrayList() > List list = new ArrayList() > ArrayList list = new ArrayList()

节省了键盘寿命

1. 前端
2. 前端 + 后端
3. 前端

分享一下我的实践的感想，你说的我基本都稍微用过，实际实践下来的话

CSS Modules ，公司项目，有一些用 CSS Modules 的，但个人项目已经不用了，以前用的也改造掉了

用 Emotion 写的石头剪刀布小游戏
https://github.com/alchemy-works/RPS

用 styled-components 写的五子棋小游戏
https://github.com/alchemy-works/gomoku

用 Tailwind CSS 写的 Todo List
https://github.com/alchemy-works/todo-list

实际是这么几种方案：

- CSS Modules （包括 Vue 的 SFC 中的 Scoped CSS ）：依赖编译工具链，和原有写 CSS 体验最接近，单独的 CSS 文件
- CSS in JS （ styled-components 、Emotion 、styled-jsx 等）：可以脱离编译工具链，更加灵活，和 JS 相性好
- CSS 原子类（ Tailwind CSS 等）：正经使用要编译工具链，使用成本有点大
- 行内 CSS：这个局限性太大了，在很少场景作为补充使用

我个人更倾向于 styled-components/emotion 这种 CSS in JS 的方案

快速写静态的小页面我可能会用 Tailwind CSS 一把梭

可以写到 CI 、CD 的脚本里

独立开发者还是需要因基本的设计和审美的吧

质量*10
时间 /10

你要教吗？

react 和 vue 都要学一下

npx serve
python2 -m SimpleHTTPServer
python3 -m http.server
java -m jdk.httpserver
ruby -run -e httpd
php -S localhost:8080
BusyBox httpd -f -p 8080