• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ryuutanyou
V2EX  ›  程序员

怎么快速重新拾起前端?

  •  1
     
  •   ryuutanyou · Sep 1, 2020 · 5791 views
    This topic created in 2263 days ago, the information mentioned may be changed or developed.

    以前的技术栈就是 html+css+js+jquery,现在想快速上手用 react,用 AntD 写一些界面,然后找了一些资料,发现看的有点蒙,各种框架,脚手架,不知道如何下手了。

    Supplement 1  ·  Sep 8, 2020
    突然发现好多人收藏,按照建议 https://www.bilibili.com/video/BV1EE411B7SU 在 B 站看了这个保姆级视频已经开始入门了,不过 U1S1,个人还是喜欢读文章类的教程,视频这种看起来进度比较慢了。
    40 replies  •  2020-09-02 10:48:54 +08:00
    whiteWind
    whiteWind
    Sep 1, 2020
    1
    b 站上看下实战视频
    nnnToTnnn
    nnnToTnnn
    Sep 1, 2020
    2
    如果是想快速上手,我推荐一下我的框架,保你快速上手。

    有两种方式

    1. 传统的 html 开发,引入 react 就可以了,不需要复杂的 webpack
    2. 使用 webpack 打包。

    要不我写篇教程把。 (*/ω\*)
    rain0002009
    rain0002009
    Sep 1, 2020
    3
    vue 的 nuxt 它不香吗
    nnnToTnnn
    nnnToTnnn
    Sep 1, 2020❤️1
    4
    https://rwpjs.vercel.app/ 直接引入这个库就可以了。

    https://github.com/jhoneybee/pro-template/tree/master/ui 看这个项目的 demo 就差不多了=。=
    monologue520
    monologue520
    Sep 1, 2020
    5
    和你一样
    simple2025
    simple2025
    Sep 1, 2020
    6
    还是用 jquery 把,jquery+bs 一把梭
    JCZ2MkKb5S8ZX9pq
    JCZ2MkKb5S8ZX9pq
    Sep 1, 2020
    7
    差不多情况,不过中途写过小程序,上手看 vue 还可以。
    不过 route 管理还是比较新的部分,以前都不用管的。
    另外 npm 还没学,也想蹲个系统的教学看看。
    ryuutanyou
    ryuutanyou
    OP
    Sep 1, 2020
    8
    @whiteWind 视频教程就是太费时间了,没有文章来的快
    murmur
    murmur
    Sep 1, 2020❤️2
    9
    vue 好学,react 不太好学,vuex 好学,redux 不好学,而且简单的需求上 redux 给了我脱离裤子那啥的感觉
    ryuutanyou
    ryuutanyou
    OP
    Sep 1, 2020
    10
    @chenqh 一些特定的组件并不满足,还需要手写,想找个方便点的
    gowk
    gowk
    Sep 1, 2020❤️3
    11
    同样的情况,jquery 时代专注业务逻辑即可,没啥复杂的东西。现在的前端让人感觉无所适从,package.json 里面芜杂的库,一套一套的技术术语,把人拒之门外。现在后端想好好学习下现代的前端设施可真 TM 难,艹,还是安心写我的 Go 吧。
    shintendo
    shintendo
    Sep 1, 2020❤️4
    12
    @gowk 正相反,现代前端框架解决的就是 jquery 不能专注业务逻辑的问题
    zhw2590582
    zhw2590582
    Sep 1, 2020
    13
    切记不要学 redux
    ryuutanyou
    ryuutanyou
    OP
    Sep 1, 2020
    14
    @rain0002009 看看先
    Vegetable
    Vegetable
    Sep 1, 2020
    15
    这时候应该用 vue,antdv+vue 的渐进式风格,和 jquery 用起来比较像。否则就不是重拾,而是重学。
    ryuutanyou
    ryuutanyou
    OP
    Sep 1, 2020
    16
    @Vegetable 其实 react 和 vue 官方教程我都看过,只是一写实际业务就无从下手了。

    如果有类似这个教程是最好的 https://helloflask.com/tutorial/,当初看这个教程入门 flask 很快
    BornThisWay
    BornThisWay
    Sep 1, 2020
    17
    那当然是先用别人搭的框架比如 umijs 之类的
    熟了再挨个研究~
    Hanggi
    Hanggi
    Sep 1, 2020
    18
    先把 React, Angular, Vue 全都用一遍,寻找适合自己的框架
    vone
    vone
    Sep 1, 2020❤️1
    19
    别拾了,前端项目做着心疼硬盘。
    Chenamy2017
    Chenamy2017
    Sep 1, 2020
    20
    建议上手 vue,我是 C/C++,入坑 vue 挺快的。直接项目搞起
    whiteWind
    whiteWind
    Sep 1, 2020
    21
    @ryuutanyou 基础看一下就行,也就几个小时,我当初学 vue 就这么干的,文档看一遍觉得还是不知道怎么进行商业开发,就去 b 站看了下实战项目开发,就看了几个小时,然后就对着文档敲代码了,本来我是做后端的,对前端也不敏感,以前也是 jQuery 那一套,跟着文档看,完全不懂啥事 webpack,咋前端还要编译,完全懵逼,就去跟着看了几个小时视频,大致的了解差不多,就自己对着文档开干了
    ShinChven
    ShinChven
    Sep 1, 2020
    22
    前端这个……日新月异,你拾取个啥呀?直接学新的。
    ryuutanyou
    ryuutanyou
    OP
    Sep 1, 2020
    23
    @whiteWind 有 B 站连接么?
    azh7138m
    azh7138m
    Sep 1, 2020
    24
    建议 umijs 一把梭


    @shintendo
    页面交互少,复用程度低的东西,用现代框架确实会很痛苦
    只有项目里面有足够的内容,有可抽象的东西时,才能感受到框架带来的提效
    zzzmh
    zzzmh
    Sep 1, 2020
    25
    如果之前不会 react 或 vuecli 的话,那不叫重新拾起,那叫重新入门。。。。
    我自认为 H5C3JS JQUERY 玩的贼溜,到了 VUE CLI 这里,就完全懵逼,前学后忘

    快速入门就自己写点项目吧 慕课找个视频跟着学快一点
    Sapp
    Sapp
    Sep 1, 2020
    26
    下载一个 vue cli,直接用它搭建一个 vue 平台,vue 和你以前的开发模式很像,通过 vue 熟悉了数据驱动的开发方式再用 react 。
    SergeGao
    SergeGao
    Sep 1, 2020
    27
    用 vue 吧,UI 库 pc 端用 element,移动端用 vant
    35aZ4P8mT576683q
    35aZ4P8mT576683q
    Sep 1, 2020 via Android
    28
    @azh7138m 然后 gzip 完 入口 js 文件就一兆多
    QingXuJiaZhi
    QingXuJiaZhi
    Sep 1, 2020
    29
    自己做东西可以继续用 jquery 那一套,完全可用,至少不比以前差。

    要快速上手现代化前端,建议用 vue,vue 的生态简单一些,容易选择。
    crclz
    crclz
    Sep 1, 2020
    30
    循序渐进:先 vue,再 react
    陡峭(但高效):angular -> react + vue
    leafre
    leafre
    Sep 1, 2020
    31
    nodejs es6 vue webpack
    JerryCha
    JerryCha
    Sep 1, 2020
    32
    装个 vue-cli,create 一个项目。看一看目录结构和关键字就懂写了。
    weakish
    weakish
    Sep 1, 2020
    33
    jquery 还在维护中,简单的界面用 jquery 也挺好。
    mikan
    mikan
    Sep 2, 2020
    34
    都在说找视频看,那么有推荐的视频吗
    KuroNekoFan
    KuroNekoFan
    Sep 2, 2020 via iPhone
    35
    JavaScript 还是那个 JavaScript,css 还是那个 css
    arfaWong
    arfaWong
    Sep 2, 2020 via Android
    36
    先把 node.js 捡起来
    pecopeco
    pecopeco
    Sep 2, 2020 via Android
    37
    @gowk 等你学会开挖掘机,你才会知道用锄头挖地并不“专注”也没效率
    wozhizui
    wozhizui
    Sep 2, 2020
    38
    告诉你个绝对有效的方案,前几天接了个前端的私活儿,1000 块钱画 18 个页面,用 vue 框架,肝了一周,让我捡起来两年多不怎么用的前端。
    前端嘛,就是熟练工种,没什么难的
    del1214
    del1214
    Sep 2, 2020
    39
    写得好的农耕火织也能做出很好的东西,写不好的用上这些现代框架也是一坨屎
    icenine
    icenine
    Sep 2, 2020
    40
    @pecopeco 很多时候也就是开块菜园子的项目,还是锄头好用
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   927 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 73ms · UTC 20:43 · PVG 04:43 · LAX 12:43 · JFK 15:43
    ♥ Do have faith in what you're doing.