V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ryuutanyou
V2EX  ›  程序员

怎么快速重新拾起前端?

  •  1
     
  •   ryuutanyou · Sep 1, 2020 · 5275 views
    This topic created in 2068 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
        1
    whiteWind  
       Sep 1, 2020
    b 站上看下实战视频
    nnnToTnnn
        2
    nnnToTnnn  
       Sep 1, 2020
    如果是想快速上手,我推荐一下我的框架,保你快速上手。

    有两种方式

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

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

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

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


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

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

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