最近在学习前端, js 到底有多少框架啊,当前流行的又到底有哪些?好疑惑

2023-09-07 23:33:15 +08:00
 raylei
4221 次点击
所在节点    程序员
28 条回复
listenEcho
2023-09-07 23:52:14 +08:00
是前端页面或者说页面解决方案实现有多少框架, 而不是 js 有多少框架。
HaroldFinchNYC
2023-09-08 00:13:17 +08:00
先把 es6 看一次

然后学学 vuejs 吧

虽然我自己用 react
DamienS
2023-09-08 00:21:05 +08:00
RRRSSS
2023-09-08 00:26:49 +08:00
太多了

* 前端 MVVM 框架:React 、Vue 、Angular ,还有 Svelte 等
* 在框架基础上的框架:Nextjs 、Nuxtjs 、Astro 等
* 选择 React 的话,还有全家桶等着你,光状态管理市面上没有 10 个也有 8 个供你选择,选择困难症的噩梦
* 打包编译工具:Webpack 、Rollup 、Vite 、ESBbuild 等,工具链开发可能还要 Rust
* 测试工具:Mocha 、jest ,断言库 chaijs
* CSS 那一堆 less 、sass ,还有 CSS Module 、CSS in JS 等
* 工程化:ESLint 、Prettier 、Husky 、commitlint 等
* CI 、CD 发包:Github Action 、changeset
* monorepo:pnpm 、rush 、lerna 等
* 常用工具库:lodash 、axios 、dayjs
* BI:d3.js 等


还有一些偏门的

* GraphQL
* WASM
* rxjs
* Electron 、Tauri
* PWA 、小程序
dcsuibian
2023-09-08 00:44:18 +08:00
实际上,多倒不是主要问题,主要是学了会忘以及英文差
dcsuibian
2023-09-08 01:14:07 +08:00
先学好 html 、css 、js ( es5/6 )这些没得说
然后就要从三大框架 React 、Vue 、Angular 里选一个,然后进入各自的生态再选。
我推荐的路线是走 React ,然后选 Next.js ,这样就可以开始写代码了
除此之外,TypeScript 也是强烈建议学的。

#4 列的很多,我替你砍一大堆。
打包编译工具先不学,脚手架都给你配好了。
测试工具先不学,自己打开网页看效果。
css 那一堆也不学,就纯 css 写( CSS Module 可以学一下,很快)。
工程化的那一堆也不用学。
pnpm 、yarn 什么也不要用,就 npm 够用了。
如无必要,勿增实体
witcat
2023-09-08 01:53:37 +08:00
React 各个方面领先了太多,学这一个,其他的都会了。因为最终都是向 React 的趋同。
sofukwird
2023-09-08 02:08:43 +08:00
虽然很多人推荐 react ,但开发体验 sveltekit 是最好的
YuJianrong
2023-09-08 02:48:22 +08:00
Vite+React+TS

其他都不用学。
CHTuring
2023-09-08 08:29:06 +08:00
React SPA Vite + React + TS
arfaWong
2023-09-08 08:41:38 +08:00
@sofukwird #8 想问下 Svelte 有什么好的 UI 框架推荐吗?还是说你们都是 Tailwind 直接起飞的😂
t1cb2v754F32JdOs
2023-09-08 09:12:54 +08:00
@CHTuring react 是一个生态吧,太宽泛了
weixind
2023-09-08 09:31:10 +08:00
@sofukwird 开发体验干不过历史潮流。国内找工作还是得搞定 react/vue
karott7
2023-09-08 09:56:17 +08:00
你要是后端就不用考虑那么多,直接 vue 全家桶 + vite 相关工具链最方便,后台 UI 框架你就用 ant-design-vue
用了之后别想那么多,框架性能什么都是浮云,都差不了太多
qingshui33
2023-09-08 09:58:09 +08:00
放弃吧
sofukwird
2023-09-08 10:03:27 +08:00
@arfaWong 用 bootstrap ,有丰富的组件可用

Tailwind 用过,使用体验极差

仅客户端导入用 iso-import 解决,组件初始化用 action
https://kit.svelte.dev/docs/faq#how-do-i-use-x-with-sveltekit-how-do-i-use-a-client-side-only-library-that-depends-on-document-or-window
yagamil
2023-09-08 10:04:11 +08:00
个人感觉多不是问题。只是里面的版本过于分裂,你可能看到 2-3 年前的教程,可是在最新版本上可能就很多东西就变了。 不兼容性问题,会让人有点气馁,怀疑自己的感觉。因为教程写的时候很多没有表明版本,然后新技术也不兼容前面版本(可能是小细节不兼容)。
han3sui
2023-09-08 10:11:10 +08:00
web 端:vue3+vite+ts+选一个 UI 框架
小程序:原生+uniapp
混合开发:原生套壳 webview ,JSBridge 交互,同 web

基本上面干完,正常公司找工作肯定没问题
george2077
2023-09-08 10:37:47 +08:00
49 年入国军,建议多学后端
iosyyy
2023-09-08 15:52:28 +08:00
@sofukwird #8 开发你应该考虑的远不止“开发体验” 就 react 来说 其生态就是无敌 社区活跃度前端排名第一没问题吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/971877

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX