V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
raylei
V2EX  ›  程序员

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

  •  
  •   raylei · 2023-09-07 23:33:15 +08:00 · 4314 次点击
    这是一个创建于 477 天前的主题,其中的信息可能已经有所发展或是发生改变。
    28 条回复    2023-09-11 14:14:02 +08:00
    listenEcho
        1
    listenEcho  
       2023-09-07 23:52:14 +08:00   ❤️ 1
    是前端页面或者说页面解决方案实现有多少框架, 而不是 js 有多少框架。
    HaroldFinchNYC
        2
    HaroldFinchNYC  
       2023-09-08 00:13:17 +08:00
    先把 es6 看一次

    然后学学 vuejs 吧

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

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

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

    其他都不用学。
    CHTuring
        10
    CHTuring  
       2023-09-08 08:29:06 +08:00
    React SPA Vite + React + TS
    arfaWong
        11
    arfaWong  
       2023-09-08 08:41:38 +08:00
    @sofukwird #8 想问下 Svelte 有什么好的 UI 框架推荐吗?还是说你们都是 Tailwind 直接起飞的😂
    t1cb2v754F32JdOs
        12
    t1cb2v754F32JdOs  
       2023-09-08 09:12:54 +08:00
    @CHTuring react 是一个生态吧,太宽泛了
    weixind
        13
    weixind  
       2023-09-08 09:31:10 +08:00
    @sofukwird 开发体验干不过历史潮流。国内找工作还是得搞定 react/vue
    karott7
        14
    karott7  
       2023-09-08 09:56:17 +08:00
    你要是后端就不用考虑那么多,直接 vue 全家桶 + vite 相关工具链最方便,后台 UI 框架你就用 ant-design-vue
    用了之后别想那么多,框架性能什么都是浮云,都差不了太多
    qingshui33
        15
    qingshui33  
       2023-09-08 09:58:09 +08:00
    放弃吧
    sofukwird
        16
    sofukwird  
       2023-09-08 10:03:27 +08:00 via Android
    @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
        17
    yagamil  
       2023-09-08 10:04:11 +08:00   ❤️ 1
    个人感觉多不是问题。只是里面的版本过于分裂,你可能看到 2-3 年前的教程,可是在最新版本上可能就很多东西就变了。 不兼容性问题,会让人有点气馁,怀疑自己的感觉。因为教程写的时候很多没有表明版本,然后新技术也不兼容前面版本(可能是小细节不兼容)。
    han3sui
        18
    han3sui  
       2023-09-08 10:11:10 +08:00
    web 端:vue3+vite+ts+选一个 UI 框架
    小程序:原生+uniapp
    混合开发:原生套壳 webview ,JSBridge 交互,同 web

    基本上面干完,正常公司找工作肯定没问题
    george2077
        19
    george2077  
       2023-09-08 10:37:47 +08:00
    49 年入国军,建议多学后端
    iosyyy
        20
    iosyyy  
       2023-09-08 15:52:28 +08:00
    @sofukwird #8 开发你应该考虑的远不止“开发体验” 就 react 来说 其生态就是无敌 社区活跃度前端排名第一没问题吧
    houshuu
        21
    houshuu  
       2023-09-08 16:18:51 +08:00 via iPhone
    html css js 没啥好说的,属于最基础的东西。
    框架 react 必学,学了之后大部分框架都是可以转的。nextjs ,vite 这种之后再看。
    svelte 文档都有各种借助 react 概念来解释异同。

    如果急着在国内环境下干活从 vue 入手,但说实话 react 最新版入门难度已经比 vue 低不少了。
    jlak
        22
    jlak  
       2023-09-08 16:42:50 +08:00 via iPhone
    react 无二之选
    有生态基本搞什么都很快
    站在巨人肩膀上干活
    sofukwird
        23
    sofukwird  
       2023-09-08 18:46:06 +08:00 via Android
    光生态活跃没啥用,得有质量高的精品
    svelte 的生态不差质量还高,而且 react 的生态活跃是因为官方给出的解决方案不够好导致的,svelte 官方给出的解决方案已经解决问题了就无需那种海量初级解决方案
    为什么 svelte 更好呢?因为它是后起之秀呀,就是来解决以前框架不足之处的

    @iosyyy
    43n5Z6GyW39943pj
        24
    43n5Z6GyW39943pj  
       2023-09-08 18:50:07 +08:00
    vue3+vite+unocss
    raylei
        25
    raylei  
    OP
       2023-09-08 21:19:57 +08:00
    @dcsuibian 这个建议好,谢谢哥
    22F41628gA98q4Lx
        26
    22F41628gA98q4Lx  
       2023-09-08 23:20:03 +08:00
    建议先看 React 的官方教程,官方教程不仅讲了 React 的用法,还会讲前端状态、副作用管理所遇到的问题。
    学完之后,一些简单的页面就会写了,然后再去看 Next 是怎么处理前端后交互的问题。
    至于后续的问题,看看文档或者 Google 吧。
    这个过程中可能有难度的地方是用英文搜索。懂得英文搜索,印度、东欧老哥就是你的好老师了,基本没有搜不到的问题。
    windliang
        27
    windliang  
       2023-09-09 09:39:39 +08:00
    iosyyy
        28
    iosyyy  
       2023-09-11 14:14:02 +08:00
    @sofukwird #23 react 生态活跃是社区文化好和你说的什么给的解决方案不够好有啥关系 在就是后起的多了去了 为什么现在还是 react vue 组合首选因为生态成熟 你说的 svelte 官方解决的问题都是些路由之类的基础问题 很难下降到需求 而 react 社区充满了成熟的可商用的框架
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2815 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 03:41 · PVG 11:41 · LAX 19:41 · JFK 22:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.